<div data-w-tab="My Cases" class="tab-pane w-tab-pane">
<div class="tab-content-container">
<div class="tab-heading-container-for-button">
<div>
<h2>My Cases</h2>
<div class="subheading">View and manage your support cases.</div>
</div>
<div>
<a href="#" class="button w-inline-block">
<div>Open a New Case</div>
</a>
</div>
</div>
<div class="space-1rem"></div>
<form id="my-cases" name="my-cases" data-name="my-cases" 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">Case #</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">Subject</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="<Transparent Rectangle>" class="cls-1"></rect>
</polygon></polygon></svg></div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Status</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="<Transparent Rectangle>" class="cls-1"></rect>
</polygon></polygon></svg></div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Last Updated</div>
<div class="table-sort-button w-embed"><svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewbox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<style type="text/css"> .st0{fill:none;}</style>
<polygon points="16,28 9,21 10.4,19.6 16,25.2 21.6,19.6 23,21 ">
<rect id="Transparent_Rectangle" class="st0" width="32" height="32"></rect>
</polygon></svg></div>
</div>
</th>
<th>
<div class="table-cell-content">
<div class="table-heading">Updated By</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="<Transparent Rectangle>" class="cls-1"></rect>
</polygon></polygon></svg></div>
</div>
</th>
<th class="action-column">
<div class="table-header-icon-container">
<a data-tippy-content="New Case" href="#" class="table-header-button w-inline-block">
<div class="table-button-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-plus">
<line x1="12" y1="5" x2="12" y2="19"></line>
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg></div>
</a>
</div>
</th>
</tr>
<tr class="table-filter-row">
<th>
<div class="table-filter-cell-content"><input class="input-filter w-input" maxlength="256" name="Filter-Col1" data-name="Filter-Col1" placeholder="Filter" type="text" id="Filter-Col"></div>
</th>
<th>
<div class="table-filter-cell-content"><input class="input-filter w-input" maxlength="256" name="Filter-Col1" data-name="Filter-Col1" placeholder="Filter" type="text" id="Filter-Col"></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-content placeholder">Select one...</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</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">Open</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">Closed</div>
</a>
</div>
</nav>
</div>
</div>
</th>
<th>
<div class="table-filter-cell-content">
<div class="date-filter"><input class="input-filter date-picker w-input" maxlength="256" name="datefilter-2" data-name="Datefilter 2" placeholder="YYYY-MM-DD - YYYY-MM-DD" type="text" id="datefilter-2">
<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-content placeholder">Select one...</div>
</div>
<nav class="dropdown-open 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 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">Anyone</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">Me</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">John Doe</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">Jane Doe</div>
</a>
</div>
</nav>
</div>
</div>
</th>
<th> </th>
</tr>
</thead>
<tbody class="table-body">
<tr class="table-row bold">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">45678</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Can't import PDF</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Open</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Jan 28, 2025</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">EveryAnswer</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">
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data overflow">56789</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">iFrame not working</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left overflow">
<div class="table-data">Open</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Nov 12, 2024</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-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">12345</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Website import, no pages found</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Open</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Nov 12, 2024</div>
</div>
</div>
</td>
<td class="table-cell">
<div class="table-cell-content">
<div class="table-cell-left">
<div class="table-data">Jane Doe</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 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 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 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 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">11</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>