---
title: Subscriptions - Done
slug: subscriptions-done
createdAt: 2025-01-20T23:10:06.944Z
---

![](https://api.archbee.com/api/optimize/ekdzobNU8PAqpbk3VU6LC-ig-ht54Hp1-w6cg7fl2SP-20250120-231145.png)

# HTML

```html
<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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;</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>
```