---
title: Activity Log - Done
slug: _SQz-activity-log-done
docTags: 
createdAt: 2025-02-07T22:15:21.114Z
---

# HTML

```html
<div data-w-tab="Activity Log" class="tab-pane w-tab-pane">
        <div class="tab-content-container">
            <h2>Activity Log</h2>
            <div class="subheading">View recent actions and changes related to this user’s account. This log only displays activity specific to the user being managed.</div>
                <form id="activity-log" name="activity-log" data-name="activity-log" method="get">
                    <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">Date</div>
                                                <div class="table-sort-button w-embed"><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 points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                            <rect id="Transparent_Rectangle" data-name="Transparent Rectangle" class="cls-1"></rect>
                                                        </polygon></polygon></svg></div>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="table-cell-content">
                                                <div class="table-heading">Action</div>
                                                <div class="table-sort-button w-embed"><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 points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                            <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1"></rect>
                                                        </polygon></polygon></svg></div>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="table-cell-content">
                                                <div class="table-heading">Type</div>
                                                <div class="table-sort-button w-embed"><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 points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                            <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1"></rect>
                                                        </polygon></polygon></svg></div>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="table-cell-content">
                                                <div class="table-heading">Item (object/module etc.)</div>
                                                <div class="table-sort-button w-embed"><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 points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                            <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1"></rect>
                                                        </polygon></polygon></svg></div>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="table-cell-content">
                                                <div class="table-heading">IP Address</div>
                                                <div class="table-sort-button w-embed"><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 points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                            <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1"></rect>
                                                        </polygon></polygon></svg></div>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="table-cell-content">
                                                <div class="table-heading">Location</div>
                                                <div class="table-sort-button w-embed"><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 points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                            <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1"></rect>
                                                        </polygon></polygon></svg></div>
                                            </div>
                                        </th>
                                        <th class="action-column">
                                            <div class="table-header-icon-container">
                                                <div data-delay="0" data-hover="false" class="table-menu-container w-dropdown">
                                                    <div class="table-menu-button w-dropdown-toggle">
                                                        <div class="table-header-button">
                                                            <div class="table-button-icon w-embed"><svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewbox="0 0 32 32">
                                                                <circle cx="16" cy="8" r="2"></circle>
                                                                <circle cx="16" cy="16" r="2"></circle>
                                                                <circle cx="16" cy="24" r="2"></circle>
                                                                </svg></div>
                                                        </div>
                                                    </div>
                                                    <nav class="table-menu w-dropdown-list">
                                                        <a href="#" class="table-menu-item w-inline-block">
                                                            <div class="table-menu-item-icon w-embed"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32">
                                                                <polygon points="5 18 5 20 10.586 20 3 27.586 4.414 29 12 21.414 12 27 14 27 14 18 5 18">
                                                                    <path d="M27,3H5A2,2,0,0,0,3,5V15H5V11H15v4h2V11H27v7H17v2H27v7H17v2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,6H5V5H27Z"></path>
                                                                </polygon></svg></div>
                                                            <div>Export to CSV</div>
                                                        </a>
                                                    </nav>
                                                </div>
                                            </div>
                                        </th>
                                    </tr>
                                    <tr class="table-filter-row">
                                        <th>
                                            <div class="table-filter-cell-content">
                                                <div class="date-filter"><input class="input-filter date-picker w-input" maxlength="256" name="ActivityLogDateFilter-2" data-name="Activity Log Date Filter 2" placeholder="Filter" type="text" id="ActivityLogDateFilter-2" data-datepicker-opens="right" data-datepicker="daterange">
                                                    <div id="dateFilterButton" class="date-filter-icon-container">
                                                        <div class="date-filter-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="32" height="32" viewbox="0 0 32 32">
                                                            <path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"></path>
                                                            </svg></div>
                                                    </div>
                                                </div>
                                            </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">
                                                        <div class="filter-dropdown-arrow w-icon-dropdown-toggle"></div>
                                                        <div class="dropdown-text placeholder">Filter</div>
                                                    </div>
                                                    <nav class="dropdown-open w-dropdown-list">
                                                        <div class="dropdown-option-container">
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon selected w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Any Action</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Log in</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Log out</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Add</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Edit</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Delete</div>
                                                            </a>
                                                        </div>
                                                    </nav>
                                                </div>
                                            </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">
                                                        <div class="filter-dropdown-arrow w-icon-dropdown-toggle"></div>
                                                        <div class="dropdown-text placeholder">Filter</div>
                                                    </div>
                                                    <nav class="dropdown-open w-dropdown-list">
                                                        <div class="dropdown-option-container">
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon selected w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Any Type</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">User</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Expert</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Data</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option-simple w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Setting</div>
                                                            </a>
                                                        </div>
                                                    </nav>
                                                </div>
                                            </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">
                                                        <div class="dropdown-arrow w-icon-dropdown-toggle"></div>
                                                        <div class="dropdown-text placeholder">Filter</div>
                                                    </div>
                                                    <div class="dropdown-open w-dropdown-list">
                                                        <div class="dropdown-filter"><input class="dropdown-filter-input w-input" maxlength="256" name="field-2" data-name="Field 2" placeholder="Filter" type="text" id="field-2" required=""></div>
                                                        <div class="dropdown-options">
                                                            <a href="#" class="dropdown-option w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon selected w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">All Items</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Expert</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Blog Article</div>
                                                            </a>
                                                            <a href="#" class="dropdown-option w-inline-block">
                                                                <div class="dropdown-option-selected-icon-container">
                                                                    <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                                        <polyline points="20 6 9 17 4 12"></polyline>
                                                                        </svg></div>
                                                                </div>
                                                                <div class="dropdown-option-text">Survey</div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="table-filter-cell-content"><input class="input-filter w-input" maxlength="256" name="ActivityLogIPFilter-2" data-name="Activity Log IP Filter 2" placeholder="Filter" type="text" id="ActivityLogIPFilter-2"></div>
                                        </th>
                                        <th>
                                            <div class="table-filter-cell-content"><input class="input-filter w-input" maxlength="256" name="ActivityLogLocationFilter-2" data-name="Activity Log Location Filter 2" placeholder="Filter" type="text" id="ActivityLogLocationFilter-2"></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">
                                                    <div class="table-data">Jan 15, 2025 - 3:52 PM</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">Log in</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">User</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">64.123.132.123</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">Surrey, British Columbia, Canada</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-row-action-button-container">
                                                <div data-tippy-content="View Details" class="table-row-action-button">
                                                    <div class="table-row-action-button-icon w-embed"><svg fill="currentColor" width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="22" cy="24" r="2"></circle>
                                                        <path d="M29.7769 23.4785A8.64 8.64 0 0022 18a8.64 8.64 0 00-7.7769 5.4785L14 24l.2231.5215A8.64 8.64 0 0022 30a8.64 8.64 0 007.7769-5.4785L30 24zM22 28a4 4 0 114-4A4.0045 4.0045 0 0122 28zM7 17H12V19H7zM7 12H19V14H7zM7 7H19V9H7z"></path>
                                                        <path d="M22,2,4,2A2.0058,2.0058,0,0,0,2,4V28a2.0058,2.0058,0,0,0,2,2h8V28H4V4H22V15h2V4A2.0058,2.0058,0,0,0,22,2Z"></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">
                                                    <div class="table-data overflow">Jan 10, 2025 - 5:27 PM</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">Add</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">Expert</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">Nov 25, 2024</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">64.123.132.123</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-cell-content">
                                                <div class="table-cell-left">
                                                    <div class="table-data">Surrey, British Columbia, Canada</div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="table-cell">
                                            <div class="table-row-action-button-container">
                                                <div data-tippy-content="View Details" class="table-row-action-button">
                                                    <div class="table-row-action-button-icon w-embed"><svg fill="currentColor" width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="22" cy="24" r="2"></circle>
                                                        <path d="M29.7769 23.4785A8.64 8.64 0 0022 18a8.64 8.64 0 00-7.7769 5.4785L14 24l.2231.5215A8.64 8.64 0 0022 30a8.64 8.64 0 007.7769-5.4785L30 24zM22 28a4 4 0 114-4A4.0045 4.0045 0 0122 28zM7 17H12V19H7zM7 12H19V14H7zM7 7H19V9H7z"></path>
                                                        <path d="M22,2,4,2A2.0058,2.0058,0,0,0,2,4V28a2.0058,2.0058,0,0,0,2,2h8V28H4V4H22V15h2V4A2.0058,2.0058,0,0,0,22,2Z"></path>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </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">
                                            <div class="filter-dropdown-arrow w-icon-dropdown-toggle"></div>
                                            <div class="dropdown-text-content">10</div>
                                        </div>
                                        <nav class="dropdown-open top-left w-dropdown-list">
                                            <div class="dropdown-option-container">
                                                <a href="#" class="dropdown-option-simple w-inline-block">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                            <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">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon selected w-embed"><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" class="feather feather-check">
                                                            <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">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                            <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">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                            <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">
                                            <div class="filter-dropdown-arrow w-icon-dropdown-toggle"></div>
                                            <div class="dropdown-text-content">#</div>
                                        </div>
                                        <nav class="dropdown-open top-right w-dropdown-list">
                                            <div class="dropdown-option-container">
                                                <a href="#" class="dropdown-option-simple w-inline-block">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                            <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">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon selected w-embed"><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" class="feather feather-check">
                                                            <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">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                            <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">
                                                    <div class="dropdown-option-selected-icon-container">
                                                        <div class="dropdown-option-selected-icon w-embed"><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" class="feather feather-check">
                                                            <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 w-embed"><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 w-embed"><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>
        </div>
    </div>
```