<h2>Subscriptions</h2>
<div class="h3-wrapper">
<h3>Subscriptions Pending Approval</h3>
<div class="tag danger">Action Required</div>
</div>
<div class="subheading">
One or more subscriptions in your workspace requires approval or payment information to complete setup.
</div>
<form id="subscriptions-pending-form" name="subscriptions-pending-form" data-name="subscriptions-pending-form" method="get" aria-label="Subscriptions Pending Approvals">
<div class="table-outline">
<div class="table-scroll-container">
<table class="table">
<thead class="table-head">
<tr class="table-header-row">
<th>
<div class="table-cell-content">
<div class="table-heading">Subscription</div>
<div class="table-sort-button">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Plan</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Date Created</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Created By</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Trial Remaining</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content grow">
<div class="table-heading">Payment Method</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th class="action-column"> </th>
</tr>
</thead>
<tbody class="table-body">
<tr class="table-row">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<img width="Auto" src="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819014e_5dd1ca04edfe6a591970a2cd_face-chad.jpg" alt="Mina the Miner" class="table-image">
<div class="table-data">Mina the Miner</div>
</div>
<div class="table-cell-right"> </div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div data-delay="0" data-hover="false" class="dropdown w-dropdown">
<div class="dropdown-closed w-dropdown-toggle" aria-haspopup="menu" aria-expanded="false" role="button" tabindex="0">
<div class="dropdown-arrow w-icon-dropdown-toggle" aria-hidden="true"></div>
<div class="dropdown-text">Advanced ($249/mo)</div>
</div>
<nav class="dropdown-open w-dropdown-list" aria-labelledby="w-dropdown-toggle-2">
<div class="dropdown-options">
<a href="#" class="dropdown-option w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Starter</div>
</a>
<a href="#" class="dropdown-option w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Standard</div>
</a>
<a href="#" class="dropdown-option w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon selected ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Advanced</div>
</a>
</div>
</nav>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">November 28, 2023</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">John Doe</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">7 Days</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div data-delay="0" data-hover="false" class="dropdown w-dropdown">
<div class="dropdown-closed w-dropdown-toggle" aria-haspopup="menu" aria-expanded="false" role="button" tabindex="0">
<div class="dropdown-arrow w-icon-dropdown-toggle" aria-hidden="true"></div>
<div class="dropdown-text">Default Payment Method</div>
</div>
<nav class="dropdown-open w-dropdown-list" aria-labelledby="w-dropdown-toggle-3">
<a href="#" class="dropdown-option w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon selected ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Default Payment Method</div>
</a>
<a href="#" class="dropdown-option w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div data-tippy-content="Upgrade Plan" class="table-inline-icon " aria-label="Upgrade Plan">
<svg class="w-5 mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path d="M0 432c0 26.5 21.5 48 48 48H528c26.5 0 48-21.5 48-48v-1.1H514.3l-31.9-35.1-31.9 35.1H246.8V267.1H181L262.7 82.4h78.6l28.1 63.2V82.4h97.2L483.5 130l17-47.6H576V80c0-26.5-21.5-48-48-48H48C21.5 32 0 53.5 0 80V432zm440.4-21.7L482.6 364l42 46.3H576l-68-72.1 68-72.1H525.4l-42 46.7-41.5-46.7H390.5L458 338.6l-67.4 71.6V377.1h-83V354.9h80.9V322.6H307.6V300.2h83V267.1h-122V410.3H440.4zm96.3-72L576 380.2V296.9l-39.3 41.4zm-36.3-92l36.9-100.6V246.3H576V103H515.8l-32.2 89.3L451.7 103H390.5V246.1L327.3 103H276.1L213.7 246.3h43l11.9-28.7h65.9l12 28.7h82.7V146L466 246.3h34.4zM282 185.4l19.5-46.9 19.4 46.9H282z"></path>
</svg>
</div>
<div class="dropdown-option-text">xxxx xxxx xxxx 0123</div>
</a>
</nav>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-row-action-button-container">
<button class="button small" type="button" data-wait="Loading">
<span class="button-icon ">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
<path d="M382-232.35 146.35-468l64.89-64.89L382-362.13l366.76-366.76L813.65-664 382-232.35Z"></path>
</svg>
</span>
<span>Approve</span>
</button>
<div data-tippy-content="Delete" class="table-row-action-button">
<div class="table-row-action-button-icon delete ">
<svg fill="currentColor" height="32" width="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<rect x="12" y="12" width="2" height="12"></rect>
<rect x="18" y="12" width="2" height="12"></rect>
<path d="M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z"></path>
<rect x="12" y="2" width="8" height="2"></rect>
</svg>
</div>
</div>
</div>
</td>
</tr>
<tr class="table-row last-row">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<img width="Auto" sizes="32px" alt="The Pokédex" src="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash.jpg" srcset="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-500.jpeg 500w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-800.jpeg 800w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-2000.jpeg 2000w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-2600.jpeg 2600w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-3200.jpeg 3200w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash.jpg 4096w" class="table-image">
<div class="table-data">The Pokédex</div>
</div>
<div class="table-cell-right"> </div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Standard</div>
</div>
<div class="table-cell-right">
<div data-tippy-content="Edit" class="inline-edit-button">
<div class="inline-edit-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
</svg>
</div>
</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">November 1, 2023</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left" data-tippy-content="" data-tippy-placement="bottom" data-tippy-animation="shift-away" data-tippy-theme="light" data-tippy-arrow="true" data-tippy-delay="[200, 0]" data-tippy-trigger="mouseenter focus">
<div class="table-data">Jane Doe</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data danger">Expired</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<button class="button small" type="button" data-wait="Loading">
<span class="button-icon ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path d="M28,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6Zm0,2v3H4V8ZM4,24V13H28V24Z" transform="translate(0 0)"></path>
<rect x="6" y="20" width="10" height="2"></rect>
</svg>
</span>
<span>Add a Payment Method</span>
</button>
</div>
</div>
</td>
<td class="table-cell"> </td>
</tr>
</tbody>
<tfoot class="table-footer"></tfoot>
</table>
</div>
</div>
</form>
<div class="space-1rem"></div>
<div class="h3-wrapper">
<h3>All Subscriptions</h3>
</div>
<div class="subheading">
View and Manage Your Subscriptions.
</div>
<form id="subscriptions" name="subscriptions" data-name="subscriptions" method="get" aria-label="All Subscriptions Filter">
<div class="table-outline">
<div class="table-scroll-container">
<table class="table">
<thead class="table-head">
<tr class="table-header-row">
<th>
<div class="table-cell-content grow">
<div class="table-heading">Subscription</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect id="Transparent_Rectangle" data-name="Transparent Rectangle" class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Plan</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Payment Method</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">PO Number</div>
<div class="table-sort-button ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:none;}</style>
</defs>
<title>chevron--sort</title>
<polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28"></polygon>
<polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4"></polygon>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1"></rect>
</svg>
</div>
</div>
</th>
<th class="action-column"> </th>
</tr>
<!-- Filter Row -->
<tr class="table-filter-row">
<th>
<div class="table-filter-cell-content">
<input
class="input-filter w-input"
maxlength="256"
name="filterSubscription"
data-name="FilterSubscription"
placeholder="Filter"
type="text"
id="filterSubscription"
>
</div>
</th>
<th>
<div class="table-filter-cell-content">
<div data-delay="0" data-hover="false" class="dropdown w-dropdown">
<div class="dropdown-closed table-filter w-dropdown-toggle" id="w-dropdown-toggle-4" aria-controls="w-dropdown-list-4" aria-haspopup="menu" aria-expanded="false" role="button" tabindex="0">
<div class="filter-dropdown-arrow w-icon-dropdown-toggle" aria-hidden="true"></div>
<div class="dropdown-text-content placeholder">Select one...</div>
</div>
<nav class="dropdown-open w-dropdown-list" id="w-dropdown-list-4" aria-labelledby="w-dropdown-toggle-4">
<div class="dropdown-option-container">
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Starter</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon selected ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Starter</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">Advanced</div>
</a>
</div>
</nav>
</div>
</div>
</th>
<th>
<div class="table-filter-cell-content">
<input
class="input-filter w-input"
maxlength="256"
name="filterPaymentMethod"
data-name="FilterPaymentMethod"
placeholder="Filter"
type="text"
id="filterPaymentMethod"
>
</div>
</th>
<th>
<div class="table-filter-cell-content">
<input
class="input-filter w-input"
maxlength="256"
name="filterPONumber"
data-name="FilterPONumber"
placeholder="Filter"
type="text"
id="filterPONumber"
>
</div>
</th>
<th> </th>
</tr>
</thead>
<tbody class="table-body">
<tr class="table-row">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<img width="Auto" src="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819014e_5dd1ca04edfe6a591970a2cd_face-chad.jpg" alt="Mina the Miner" class="table-image">
<div class="table-data">Mina the Miner</div>
</div>
<div class="table-cell-right"> </div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Standard → Free</div>
</div>
<div class="table-cell-right">
<div data-tippy-content="Cancel Downgrade" class="inline-edit-button red">
<div class="inline-edit-icon ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path>
</svg>
</div>
</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data disabled">n/a</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data disabled">n/a</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-row-action-button-container">
<div data-tippy-content="Edit" class="table-row-action-button">
<div class="table-row-action-button-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
</svg>
</div>
</div>
</div>
</td>
</tr>
<tr class="table-row">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<img width="32" sizes="32px" alt="The Holocron" src="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae929246228190152_photo-1535162777965-1304efc8c6dc.jpeg" srcset="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae929246228190152_photo-1535162777965-1304efc8c6dc-p-500.jpeg 500w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae929246228190152_photo-1535162777965-1304efc8c6dc.jpeg 800w" class="table-image">
<div class="table-data overflow" data-tippy-content="Lorem Ipsum is simply dummy text of the printing and typesetting industry.">The Pokédex</div>
</div>
<div class="table-cell-right"> </div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Advanced</div>
</div>
<div class="table-cell-right">
<button data-tippy-content="Upgrade Plan" class="button small w-inline-block" type="button" data-wait="Loading">
<span class="button-icon small ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path d="M21,24H11a2,2,0,0,0-2,2v2a2,2,0,0,0,2,2H21a2,2,0,0,0,2-2V26A2,2,0,0,0,21,24Zm0,4H11V26H21Z"></path>
<path d="M28.707,14.293l-12-12a.9994.9994,0,0,0-1.414,0l-12,12A1,1,0,0,0,4,16H9v4a2.0023,2.0023,0,0,0,2,2H21a2.0027,2.0027,0,0,0,2-2V16h5a1,1,0,0,0,.707-1.707ZM21,14v6H11V14H6.4141L16,4.4141,25.5859,14Z"></path>
</svg>
</span>
<span>Upgrade</span>
</button>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div data-tippy-content="Upgrade Plan" class="table-inline-icon " data-tippy-content="Upgrade Plan">
<svg class="w-5 mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path d="M0 432c0 26.5 21.5 48 48 48H528c26.5 0 48-21.5 48-48v-1.1H514.3l-31.9-35.1-31.9 35.1H246.8V267.1H181L262.7 82.4h78.6l28.1 63.2V82.4h97.2L483.5 130l17-47.6H576V80c0-26.5-21.5-48-48-48H48C21.5 32 0 53.5 0 80V432zm440.4-21.7L482.6 364l42 46.3H576l-68-72.1 68-72.1H525.4l-42 46.7-41.5-46.7H390.5L458 338.6l-67.4 71.6V377.1h-83V354.9h80.9V322.6H307.6V300.2h83V267.1h-122V410.3H440.4zm96.3-72L576 380.2V296.9l-39.3 41.4zm-36.3-92l36.9-100.6V246.3H576V103H515.8l-32.2 89.3L451.7 103H390.5V246.1L327.3 103H276.1L213.7 246.3h43l11.9-28.7h65.9l12 28.7h82.7V146L466 246.3h34.4zM282 185.4l19.5-46.9 19.4 46.9H282z"></path>
</svg>
</div>
<div class="table-data">xxxx xxxx xxxx 0123</div>
</div>
<div class="table-cell-right">
<div data-tippy-content="Edit" class="inline-edit-button">
<div class="inline-edit-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
</svg>
</div>
</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">123456</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-row-action-button-container">
<div data-tippy-content="Edit" class="table-row-action-button">
<div class="table-row-action-button-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
</svg>
</div>
</div>
</div>
</td>
</tr>
<tr class="table-row last-row">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<img width="Auto" sizes="32px" alt="The Pokédex" src="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash.jpg" srcset="https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-500.jpeg 500w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-800.jpeg 800w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-2000.jpeg 2000w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-2600.jpeg 2600w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash-p-3200.jpeg 3200w, https://cdn.prod.website-files.com/665515d66ae3ac9e19b76d10/6774353ae92924622819017d_inlytics-io-linkedin-analytics-PgMOA6URY1E-unsplash.jpg 4096w" class="table-image">
<div class="table-data" data-tippy-content="Lorem Ipsum is simply dummy text of the printing and typesetting industry.">The Pokédex</div>
</div>
<div class="table-cell-right"> </div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Standard</div>
</div>
<div class="table-cell-right">
<div data-tippy-content="Upgrade Plan" class="inline-edit-button green">
<div class="inline-edit-icon ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"></path>
</svg>
</div>
</div>
<div data-tippy-content="Downgrade Plan" class="inline-edit-button">
<div class="inline-edit-icon ">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path></svg>
</div>
</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div data-tippy-content="Upgrade Plan" class="table-inline-icon ">
<svg class="w-5 mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path d="M0 432c0 26.5 21.5 48 48 48H528c26.5 0 48-21.5 48-48v-1.1H514.3l-31.9-35.1-31.9 35.1H246.8V267.1H181L262.7 82.4h78.6l28.1 63.2V82.4h97.2L483.5 130l17-47.6H576V80c0-26.5-21.5-48-48-48H48C21.5 32 0 53.5 0 80V432zm440.4-21.7L482.6 364l42 46.3H576l-68-72.1 68-72.1H525.4l-42 46.7-41.5-46.7H390.5L458 338.6l-67.4 71.6V377.1h-83V354.9h80.9V322.6H307.6V300.2h83V267.1h-122V410.3H440.4zm96.3-72L576 380.2V296.9l-39.3 41.4zm-36.3-92l36.9-100.6V246.3H576V103H515.8l-32.2 89.3L451.7 103H390.5V246.1L327.3 103H276.1L213.7 246.3h43l11.9-28.7h65.9l12 28.7h82.7V146L466 246.3h34.4zM282 185.4l19.5-46.9 19.4 46.9H282z"></path>
</svg>
</div>
<div class="dropdown-option-text">xxxx xxxx xxxx 0123</div>
</div>
<div class="table-cell-right">
<div data-tippy-content="Edit" class="inline-edit-button">
<div class="inline-edit-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
</svg>
</div>
</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">123456</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-row-action-button-container">
<div data-tippy-content="Edit" class="table-row-action-button">
<div class="table-row-action-button-icon ">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
</svg>
</div>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot class="table-footer"></tfoot>
</table>
</div>
<div class="table-pagination">
<div class="pagination-left">
<div class="items-per-page-container">
<div>Items per page:</div>
<div data-delay="0" data-hover="false" class="dropdown w-dropdown">
<div
class="dropdown-closed table-filter w-dropdown-toggle"
id="w-dropdown-toggle-6"
aria-controls="w-dropdown-list-6"
aria-haspopup="menu"
aria-expanded="false"
role="button"
tabindex="0"
>
<div class="filter-dropdown-arrow w-icon-dropdown-toggle" aria-hidden="true"></div>
<div class="dropdown-text-content">10</div>
</div>
<nav
class="dropdown-open top-left w-dropdown-list"
id="w-dropdown-list-6"
aria-labelledby="w-dropdown-toggle-6"
>
<div class="dropdown-option-container">
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">10</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon selected">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">25</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">50</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">100</div>
</a>
</div>
</nav>
</div>
</div>
<div class="paginaton-total-items">
<div>1–10 of 103 items<br></div>
</div>
</div>
<div class="pagination-right">
<div class="pagination-pages-dropdown">
<div data-delay="0" data-hover="false" class="dropdown w-dropdown">
<div
class="dropdown-closed table-filter w-dropdown-toggle"
id="w-dropdown-toggle-7"
aria-controls="w-dropdown-list-7"
aria-haspopup="menu"
aria-expanded="false"
role="button"
tabindex="0"
>
<div class="filter-dropdown-arrow w-icon-dropdown-toggle" aria-hidden="true"></div>
<div class="dropdown-text-content">#</div>
</div>
<nav
class="dropdown-open top-right w-dropdown-list"
id="w-dropdown-list-7"
aria-labelledby="w-dropdown-toggle-7"
>
<div class="dropdown-option-container">
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">1</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon selected">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">2</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">3</div>
</a>
<a href="#" class="dropdown-option-simple w-inline-block" tabindex="0">
<div class="dropdown-option-selected-icon-container">
<div class="dropdown-option-selected-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
</div>
<div class="dropdown-option-text">3</div>
</a>
</div>
</nav>
</div>
<div>of 11 pages</div>
</div>
<div class="pagination-button">
<div class="pagination-icon">
<svg
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewBox="0 0 32 32"
xml:space="preserve"
>
<polygon points="20,24 10,16 20,8 "></polygon>
</svg>
</div>
</div>
<div class="pagination-button">
<div class="pagination-icon">
<svg
version="1.1"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
width="32px"
height="32px"
viewBox="0 0 32 32"
xml:space="preserve"
>
<polygon points="12,8 22,16 12,24 "></polygon>
</svg>
</div>
</div>
</div>
</div>
</div>
</form>
