<aside class="app-menu" id="app-menu">
<!-- Sidenav Menu Brand Logo -->
<a class="logo-box" href="/">
<!-- Light Brand Logo -->
<span class="logo logo-light">
<span class="logo-lg">
<img alt="logo" src="/images/logo.png"/>
</span>
<span class="logo-sm">
<img alt="small logo" src="/images/logo-sm.png"/>
</span>
</span>
<!-- Dark Brand Logo -->
<span class="logo logo-dark">
<span class="logo-lg">
<img alt="dark logo" src="/images/logo-black.png"/>
</span>
<span class="logo-sm">
<img alt="small logo" src="/images/logo-sm.png"/>
</span>
</span>
</a>
<!-- Sidenav Menu Toggle Button -->
<div class="h-topbar justify absolute end-5 top-0 flex items-center">
<button id="button-hover-toggle">
<span class="btn-on-hover-icon"></span>
</button>
</div>
<!-- Sidenav Menu Item Link -->
<div class="relative min-h-0 grow">
<div class="size-full" data-simplebar="">
<div class="sidenav-user p-5 bg-[url(/../images/user-bg-pattern.svg)]" id="user-profile-settings">
<div class="flex items-center justify-between">
<div>
<a class="link-reset" href="#!">
<img alt="user-image" class="mb-3 size-9 rounded-full" src="/images/users/user-1.jpg"/>
<span class="sidenav-user-name block font-bold text-nowrap">Damian D.</span>
<span class="text-xs font-semibold" data-lang="user-role">Art Director</span>
</a>
</div>
<div>
<!-- Profile Dropdown Button -->
<div class="hs-dropdown relative inline-flex [--placement:bottom-right]">
<button aria-expanded="false" aria-haspopup="menu" aria-label="Dropdown" class="cursor-pointer">
<i class="iconify tabler--settings ms-1 size-6 align-middle"></i>
</button>
<div aria-labelledby="hs-dropdown-with-icons" aria-orientation="vertical" class="hs-dropdown-menu" role="menu">
<!-- Header -->
<div class="py-2 px-3.5">
<h6 class="text-xs">Welcome back 👋!</h6>
</div>
<!-- My Profile -->
<a class="dropdown-item" href="#!">
<i class="iconify tabler--user-circle me-1 align-middle text-lg"></i>
<span class="align-middle">Profile</span>
</a>
<!-- Settings -->
<a class="dropdown-item" href="javascript:void(0);">
<i class="iconify tabler--settings-2 me-1 align-middle text-lg"></i>
<span class="align-middle">Account Settings</span>
</a>
<!-- Lock -->
<a class="dropdown-item" href="/auth-lock-screen">
<i class="iconify tabler--lock me-1 align-middle text-lg"></i>
<span class="align-middle">Lock Screen</span>
</a>
<!-- Logout -->
<a class="dropdown-item text-danger" href="javascript:void(0);">
<i class="iconify tabler--logout me-1 align-middle text-lg"></i>
<span class="align-middle">Log Out</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="sidenav-menu">
<ul class="side-nav hs-accordion-group px-2.5 pb-16.5">
<li class="menu-title" data-lang="main">
<span>Main</span>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="dashboards" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--dashboard"></i></span>
<span class="menu-text" data-lang="dashboards">Dashboards</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/dashboard-ecommerce">
<span class="menu-text" data-lang="dashboard-ecommerce">Ecommerce</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/dashboard-analytics">
<span class="menu-text" data-lang="dashboard-analytics">Analytics</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/">
<span class="menu-text" data-lang="dashboard-projects">Projects</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/landing">
<span class="menu-icon"><i class="iconify tabler--rocket"></i></span>
<span class="menu-text" data-lang="landing">Landing</span>
</a>
</li>
<li class="menu-title" data-lang="apps">
<span>Apps</span>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="ecommerce" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--basket"></i></span>
<span class="menu-text" data-lang="ecommerce">Ecommerce</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-marketplace">
<span class="menu-text" data-lang="apps-ecommerce-marketplace">Marketplace</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="products" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="products">Products</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-products">
<span class="menu-text" data-lang="apps-ecommerce-products">Products</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-products-grid">
<span class="menu-text" data-lang="apps-ecommerce-products-grid">Products Grid</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-product-details">
<span class="menu-text" data-lang="apps-ecommerce-product-details">Product Details</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-product-add">
<span class="menu-text" data-lang="apps-ecommerce-product-add">Add Product</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-categories">
<span class="menu-text" data-lang="apps-ecommerce-categories">Categories</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="orders" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="orders">Orders</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-orders">
<span class="menu-text" data-lang="apps-ecommerce-orders">Orders</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-order-details">
<span class="menu-text" data-lang="apps-ecommerce-order-details">Order Details</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-order-add">
<span class="menu-text" data-lang="apps-ecommerce-order-add">Add/Edit Order</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-customers">
<span class="menu-text" data-lang="apps-ecommerce-customers">Customers</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-cart">
<span class="menu-text" data-lang="apps-ecommerce-cart">Cart</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-checkout">
<span class="menu-text" data-lang="apps-ecommerce-checkout">Checkout</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="sellers" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="sellers">Sellers</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-sellers">
<span class="menu-text" data-lang="apps-ecommerce-sellers">Sellers</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-seller-details">
<span class="menu-text" data-lang="apps-ecommerce-seller-details">Sellers Details</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-refunds">
<span class="menu-text" data-lang="apps-ecommerce-refunds">Refunds</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-reviews">
<span class="menu-text" data-lang="apps-ecommerce-reviews">Reviews</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="inventory" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="inventory">Inventory</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-warehouse">
<span class="menu-text" data-lang="apps-ecommerce-warehouse">Warehouse</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-product-stocks">
<span class="menu-text" data-lang="apps-ecommerce-product-stocks">Product Stocks</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-purchased-orders">
<span class="menu-text" data-lang="apps-ecommerce-purchased-orders">Purchased Orders</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="reports" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="reports">Reports</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-product-views">
<span class="menu-text" data-lang="apps-ecommerce-product-views">Product Views</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-sales">
<span class="menu-text" data-lang="apps-ecommerce-sales">Sales</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-attributes">
<span class="menu-text" data-lang="apps-ecommerce-attributes">Attributes</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-ecommerce-settings">
<span class="menu-text" data-lang="apps-ecommerce-settings">Settings</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="email" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--mailbox"></i></span>
<span class="menu-text" data-lang="email">Email</span>
<span class="badge bg-danger text-white">New</span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-email-inbox">
<span class="menu-text" data-lang="apps-email-inbox">Inbox</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-email-details">
<span class="menu-text" data-lang="apps-email-details">Details</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-email-compose">
<span class="menu-text" data-lang="apps-email-compose">Compose</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="users" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--users"></i></span>
<span class="menu-text" data-lang="users">Users</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-users-contacts">
<span class="menu-text" data-lang="apps-users-contacts">Contacts</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-users-roles">
<span class="menu-text" data-lang="apps-users-roles">Roles</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-users-role-details">
<span class="menu-text" data-lang="apps-users-role-details">Role Details</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-users-permissions">
<span class="menu-text" data-lang="apps-users-permissions">Permissions</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="projects" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--briefcase"></i></span>
<span class="menu-text" data-lang="projects">Projects</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-projects-grid">
<span class="menu-text" data-lang="apps-projects-grid">My Projects</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-projects-list">
<span class="menu-text" data-lang="apps-projects-list">Projects List</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-projects-details">
<span class="menu-text" data-lang="apps-projects-details">View Project</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-projects-kanban">
<span class="menu-text" data-lang="apps-projects-kanban">Kanban Board</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-projects-team-board">
<span class="menu-text" data-lang="apps-projects-team-board">Team Board</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-projects-activity">
<span class="menu-text" data-lang="apps-projects-activity">Activity Steam</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-file-manager">
<span class="menu-icon"><i class="iconify tabler--folder-open"></i></span>
<span class="menu-text" data-lang="apps-file-manager">File Manager</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-chat">
<span class="menu-icon"><i class="iconify tabler--message"></i></span>
<span class="menu-text" data-lang="apps-chat">Chat</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-calendar">
<span class="menu-icon"><i class="iconify tabler--calendar"></i></span>
<span class="menu-text" data-lang="apps-calendar">Calendar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-social-feed">
<span class="menu-icon"><i class="iconify tabler--rss"></i></span>
<span class="menu-text" data-lang="apps-social-feed">Social Feed</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="invoice" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--invoice"></i></span>
<span class="menu-text" data-lang="invoice">Invoice</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-invoice-list">
<span class="menu-text" data-lang="apps-invoice-list">Invoices</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-invoice-details">
<span class="menu-text" data-lang="apps-invoice-details">Single Invoice</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-invoice-create">
<span class="menu-text" data-lang="apps-invoice-create">New Invoice</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-companies">
<span class="menu-icon"><i class="iconify tabler--building"></i></span>
<span class="menu-text" data-lang="apps-companies">Companies</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="more-apps" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--apps"></i></span>
<span class="menu-text" data-lang="more-apps">More Apps</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-clients">
<span class="menu-text" data-lang="apps-clients">Clients</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-outlook">
<span class="menu-text" data-lang="apps-outlook">Outlook View</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-vote-list">
<span class="menu-text" data-lang="apps-vote-list">Vote List</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-issue-tracker">
<span class="menu-text" data-lang="apps-issue-tracker">Issue Tracker</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-api-keys">
<span class="menu-text" data-lang="apps-api-keys">API Keys</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-manage">
<span class="menu-text" data-lang="apps-manage">Manage Apps</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="blog" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="blog">Blog</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-blog-list">
<span class="menu-text" data-lang="apps-blog-list">Blog List</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-blog-grid">
<span class="menu-text" data-lang="apps-blog-grid">Blog Grid</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-blog-article">
<span class="menu-text" data-lang="apps-blog-article">Article</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-blog-add">
<span class="menu-text" data-lang="apps-blog-add">Add Article</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-pin-board">
<span class="menu-text" data-lang="apps-pin-board">Pin Board</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="forum" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="forum">Forum</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/apps-forum-view">
<span class="menu-text" data-lang="apps-forum-view">Forum View</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/apps-forum-post">
<span class="menu-text" data-lang="apps-forum-post">Forum Post</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-title" data-lang="custom-pages">
<span>Custom Pages</span>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="pages" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--files"></i></span>
<span class="menu-text" data-lang="pages">Pages</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/pages-profile">
<span class="menu-text" data-lang="pages-profile">Profile</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-account-settings">
<span class="menu-text" data-lang="pages-account-settings">Account Settings</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-faq">
<span class="menu-text" data-lang="pages-faq">FAQ</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-pricing">
<span class="menu-text" data-lang="pages-pricing">Pricing</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-empty">
<span class="menu-text" data-lang="pages-empty">Empty Page</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-timeline">
<span class="menu-text" data-lang="pages-timeline">Timeline</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-gallery">
<span class="menu-text" data-lang="pages-gallery">Gallery</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-sitemap">
<span class="menu-text" data-lang="pages-sitemap">Sitemap</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-search-results">
<span class="menu-text" data-lang="pages-search-results">Search Results</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-coming-soon">
<span class="menu-text" data-lang="pages-coming-soon">Coming Soon</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-privacy-policy">
<span class="menu-text" data-lang="pages-privacy-policy">Privacy Policy</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/pages-terms-conditions">
<span class="menu-text" data-lang="pages-terms-conditions">Terms &amp; Conditions</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="plugins" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--cpu"></i></span>
<span class="menu-text" data-lang="plugins">Plugins</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/plugins-sortable">
<span class="menu-text" data-lang="plugins-sortable">Sortable List</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-text-diff">
<span class="menu-text" data-lang="plugins-text-diff">Text Diff</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-pdf-viewer">
<span class="menu-text" data-lang="plugins-pdf-viewer">PDF Viewer</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-i18">
<span class="menu-text" data-lang="plugins-i18">i18 Support</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-sweet-alerts">
<span class="menu-text" data-lang="plugins-sweet-alerts">Sweet Alerts</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-idle-timer">
<span class="menu-text" data-lang="plugins-idle-timer">Idle Timer</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-pass-meter">
<span class="menu-text" data-lang="plugins-pass-meter">Password Meter</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-live-favicon">
<span class="menu-text" data-lang="plugins-live-favicon">Live Favicon</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-clipboard">
<span class="menu-text" data-lang="plugins-clipboard">Clipboard</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-tree-view">
<span class="menu-text" data-lang="plugins-tree-view">Tree View</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-loading-buttons">
<span class="menu-text" data-lang="plugins-loading-buttons">Loading Buttons</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-masonry">
<span class="menu-text" data-lang="plugins-masonry">Masonry</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-tour">
<span class="menu-text" data-lang="plugins-tour">Tour</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-animation">
<span class="menu-text" data-lang="plugins-animation">Animation</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/plugins-video-player">
<span class="menu-text" data-lang="plugins-video-player">Video Player</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="authentication" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--password-user"></i></span>
<span class="menu-text" data-lang="authentication">Authentication</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item hs-accordion">
<a aria-controls="auth-basic" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="auth-basic">Basic</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/auth-sign-in">
<span class="menu-text" data-lang="auth-sign-in">Sign In</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-sign-up">
<span class="menu-text" data-lang="auth-sign-up">Sign Up</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-reset-pass">
<span class="menu-text" data-lang="auth-reset-pass">Reset Password</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-new-pass">
<span class="menu-text" data-lang="auth-new-pass">New Password</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-two-factor">
<span class="menu-text" data-lang="auth-two-factor">Two Factor</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-lock-screen">
<span class="menu-text" data-lang="auth-lock-screen">Lock Screen</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-success-mail">
<span class="menu-text" data-lang="auth-success-mail">Success Mail</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-login-pin">
<span class="menu-text" data-lang="auth-login-pin">Login with PIN</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-delete-account">
<span class="menu-text" data-lang="auth-delete-account">Delete Account</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="auth-card" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="auth-card">Card</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/auth-card-sign-in">
<span class="menu-text" data-lang="auth-card-sign-in">Sign In</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-sign-up">
<span class="menu-text" data-lang="auth-card-sign-up">Sign Up</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-reset-pass">
<span class="menu-text" data-lang="auth-card-reset-pass">Reset Password</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-new-pass">
<span class="menu-text" data-lang="auth-card-new-pass">New Password</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-two-factor">
<span class="menu-text" data-lang="auth-card-two-factor">Two Factor</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-lock-screen">
<span class="menu-text" data-lang="auth-card-lock-screen">Lock Screen</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-success-mail">
<span class="menu-text" data-lang="auth-card-success-mail">Success Mail</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-login-pin">
<span class="menu-text" data-lang="auth-card-login-pin">Login with PIN</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-card-delete-account">
<span class="menu-text" data-lang="auth-card-delete-account">Delete Account</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="auth-split" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="auth-split">Split</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/auth-split-sign-in">
<span class="menu-text" data-lang="auth-split-sign-in">Sign In</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-sign-up">
<span class="menu-text" data-lang="auth-split-sign-up">Sign Up</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-reset-pass">
<span class="menu-text" data-lang="auth-split-reset-pass">Reset Password</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-new-pass">
<span class="menu-text" data-lang="auth-split-new-pass">New Password</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-two-factor">
<span class="menu-text" data-lang="auth-split-two-factor">Two Factor</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-lock-screen">
<span class="menu-text" data-lang="auth-split-lock-screen">Lock Screen</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-success-mail">
<span class="menu-text" data-lang="auth-split-success-mail">Success Mail</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-login-pin">
<span class="menu-text" data-lang="auth-split-login-pin">Login with PIN</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/auth-split-delete-account">
<span class="menu-text" data-lang="auth-split-delete-account">Delete Account</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="error-pages" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--alert-triangle"></i></span>
<span class="menu-text" data-lang="error-pages">Error Pages</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/error-400">
<span class="menu-text" data-lang="error-400">400 Bad Request</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/error-401">
<span class="menu-text" data-lang="error-401">401 Unauthorized</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/error-403">
<span class="menu-text" data-lang="error-403">403 Forbidden</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/error-404">
<span class="menu-text" data-lang="error-404">404 Not Found</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/error-408">
<span class="menu-text" data-lang="error-408">408 Request Timeout</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/error-500">
<span class="menu-text" data-lang="error-500">500 Internal Server</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/error-maintenance">
<span class="menu-text" data-lang="error-maintenance">Maintenance</span>
</a>
</li>
</ul>
</li>
<li class="menu-title" data-lang="layouts">
<span>Layouts</span>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="layout-options" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--layout"></i></span>
<span class="menu-text" data-lang="layout-options">Layout Options</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/layouts-scrollable" target="_blank">
<span class="menu-text" data-lang="layouts-scrollable">Scrollable</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-compact" target="_blank">
<span class="menu-text" data-lang="layouts-compact">Compact</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-boxed" target="_blank">
<span class="menu-text" data-lang="layouts-boxed">Boxed</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-horizontal" target="_blank">
<span class="menu-text" data-lang="layouts-horizontal">Horizontal</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-preloader" target="_blank">
<span class="menu-text" data-lang="layouts-preloader">Preloader</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="sidebars" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--layout-sidebar-inactive"></i></span>
<span class="menu-text" data-lang="sidebars">Sidebars</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-light" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-light">Light Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-gradient" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-gradient">Gradient Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-gray" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-gray">Gray Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-image" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-image">Image Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-compact" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-compact">Compact Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-on-hover" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-on-hover">On Hover Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-on-hover-active" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-on-hover-active">On Hover Active</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-offcanvas" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-offcanvas">Offcanvas Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-no-icons" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-no-icons">No Icons with Lines</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-sidebar-with-lines" target="_blank">
<span class="menu-text" data-lang="layouts-sidebar-with-lines">Sidebar with Lines</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="topbar" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--layout-bottombar"></i></span>
<span class="menu-text" data-lang="topbar">Topbar</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/layouts-topbar-dark" target="_blank">
<span class="menu-text" data-lang="layouts-topbar-dark">Dark Topbar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-topbar-gray" target="_blank">
<span class="menu-text" data-lang="layouts-topbar-gray">Gray Topbar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/layouts-topbar-gradient" target="_blank">
<span class="menu-text" data-lang="layouts-topbar-gradient">Gradient Topbar</span>
</a>
</li>
</ul>
</li>
<li class="menu-title" data-lang="components">
<span>Components</span>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="base-ui" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--components"></i></span>
<span class="menu-text" data-lang="base-ui">Base UI</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/ui-accordions">
<span class="menu-text" data-lang="ui-accordions">Accordions</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-alerts">
<span class="menu-text" data-lang="ui-alerts">Alerts</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-images">
<span class="menu-text" data-lang="ui-images">Images</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-badges">
<span class="menu-text" data-lang="ui-badges">Badges</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-breadcrumb">
<span class="menu-text" data-lang="ui-breadcrumb">Breadcrumb</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-buttons">
<span class="menu-text" data-lang="ui-buttons">Buttons</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-cards">
<span class="menu-text" data-lang="ui-cards">Cards</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-carousel">
<span class="menu-text" data-lang="ui-carousel">Carousel</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-collapse">
<span class="menu-text" data-lang="ui-collapse">Collapse</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-colors">
<span class="menu-text" data-lang="ui-colors">Colors</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-dropdowns">
<span class="menu-text" data-lang="ui-dropdowns">Dropdowns</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-videos">
<span class="menu-text" data-lang="ui-videos">Videos</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-links">
<span class="menu-text" data-lang="ui-links">Links</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-list-group">
<span class="menu-text" data-lang="ui-list-group">List Group</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-modals">
<span class="menu-text" data-lang="ui-modals">Modals</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-notifications">
<span class="menu-text" data-lang="ui-notifications">Notifications</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-offcanvas">
<span class="menu-text" data-lang="ui-offcanvas">Offcanvas</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-placeholders">
<span class="menu-text" data-lang="ui-placeholders">Placeholders</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-pagination">
<span class="menu-text" data-lang="ui-pagination">Pagination</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-popovers">
<span class="menu-text" data-lang="ui-popovers">Popovers</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-progress">
<span class="menu-text" data-lang="ui-progress">Progress</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-scrollspy">
<span class="menu-text" data-lang="ui-scrollspy">Scrollspy</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-spinners">
<span class="menu-text" data-lang="ui-spinners">Spinners</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-tabs">
<span class="menu-text" data-lang="ui-tabs">Tabs</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-tooltips">
<span class="menu-text" data-lang="ui-tooltips">Tooltips</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-typography">
<span class="menu-text" data-lang="ui-typography">Typography</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/ui-utilities">
<span class="menu-text" data-lang="ui-utilities">Utilities</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="/widgets">
<span class="menu-icon"><i class="iconify tabler--stack-2"></i></span>
<span class="menu-text" data-lang="widgets">Widgets</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/metrics">
<span class="menu-icon"><i class="iconify tabler--chart-histogram"></i></span>
<span class="menu-text" data-lang="metrics">Metrics</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="charts" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--chart-donut"></i></span>
<span class="menu-text" data-lang="charts">Charts</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item hs-accordion">
<a aria-controls="apex-charts" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="apex-charts">Apex Charts</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/charts-apex-area">
<span class="menu-text" data-lang="charts-apex-area">Area</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-bar">
<span class="menu-text" data-lang="charts-apex-bar">Bar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-bubble">
<span class="menu-text" data-lang="charts-apex-bubble">Bubble</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-candlestick">
<span class="menu-text" data-lang="charts-apex-candlestick">Candlestick</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-column">
<span class="menu-text" data-lang="charts-apex-column">Column</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-heatmap">
<span class="menu-text" data-lang="charts-apex-heatmap">Heatmap</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-line">
<span class="menu-text" data-lang="charts-apex-line">Line</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-mixed">
<span class="menu-text" data-lang="charts-apex-mixed">Mixed</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-timeline">
<span class="menu-text" data-lang="charts-apex-timeline">Timeline</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-boxplot">
<span class="menu-text" data-lang="charts-apex-boxplot">Boxplot</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-treemap">
<span class="menu-text" data-lang="charts-apex-treemap">Treemap</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-pie">
<span class="menu-text" data-lang="charts-apex-pie">Pie</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-radar">
<span class="menu-text" data-lang="charts-apex-radar">Radar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-radialbar">
<span class="menu-text" data-lang="charts-apex-radialbar">RadialBar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-scatter">
<span class="menu-text" data-lang="charts-apex-scatter">Scatter</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-polar-area">
<span class="menu-text" data-lang="charts-apex-polar-area">Polar Area</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-sparklines">
<span class="menu-text" data-lang="charts-apex-sparklines">Sparklines</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-range">
<span class="menu-text" data-lang="charts-apex-range">Range</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-funnel">
<span class="menu-text" data-lang="charts-apex-funnel">Funnel</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-apex-slope">
<span class="menu-text" data-lang="charts-apex-slope">Slope</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="echarts" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="echarts">Echarts</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/charts-echart-line">
<span class="menu-text" data-lang="charts-echart-line">Line</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-bar">
<span class="menu-text" data-lang="charts-echart-bar">Bar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-pie">
<span class="menu-text" data-lang="charts-echart-pie">Pie</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-scatter">
<span class="menu-text" data-lang="charts-echart-scatter">Scatter</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-geo-map">
<span class="menu-text" data-lang="charts-echart-geo-map">GEO Map</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-gauge">
<span class="menu-text" data-lang="charts-echart-gauge">Gauge</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-candlestick">
<span class="menu-text" data-lang="charts-echart-candlestick">Candlestick</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-area">
<span class="menu-text" data-lang="charts-echart-area">Area</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-radar">
<span class="menu-text" data-lang="charts-echart-radar">Radar</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-heatmap">
<span class="menu-text" data-lang="charts-echart-heatmap">Heatmap</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/charts-echart-other">
<span class="menu-text" data-lang="charts-echart-other">Other</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="forms" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--clipboard-list"></i></span>
<span class="menu-text" data-lang="forms">Forms</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/form-elements">
<span class="menu-text" data-lang="form-elements">Basic Elements</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-pickers">
<span class="menu-text" data-lang="form-pickers">Pickers</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-select">
<span class="menu-text" data-lang="form-select">Select</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-validation">
<span class="menu-text" data-lang="form-validation">Validation</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-wizard">
<span class="menu-text" data-lang="form-wizard">Wizard</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-fileuploads">
<span class="menu-text" data-lang="form-fileuploads">File Uploads</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-text-editors">
<span class="menu-text" data-lang="form-text-editors">Text Editors</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-range-slider">
<span class="menu-text" data-lang="form-range-slider">Range Slider</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-layout">
<span class="menu-text" data-lang="form-layout">Layouts</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/form-other-plugin">
<span class="menu-text" data-lang="form-other-plugin">Other Plugins</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="tables" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--table-column"></i></span>
<span class="menu-text" data-lang="tables">Tables</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/tables-static">
<span class="menu-text" data-lang="tables-static">Static Tables</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-custom">
<span class="menu-text" data-lang="tables-custom">Custom Tables</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="datatables" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="datatables">DataTables</span>
<span class="badge bg-success text-white">15</span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-basic">
<span class="menu-text" data-lang="tables-datatables-basic">Basic</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-export-data">
<span class="menu-text" data-lang="tables-datatables-export-data">Export Data</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-select">
<span class="menu-text" data-lang="tables-datatables-select">Select</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-ajax">
<span class="menu-text" data-lang="tables-datatables-ajax">Ajax</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-javascript">
<span class="menu-text" data-lang="tables-datatables-javascript">Javascript Source</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-rendering">
<span class="menu-text" data-lang="tables-datatables-rendering">Data Rendering</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-scroll">
<span class="menu-text" data-lang="tables-datatables-scroll">Scroll</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-fixed-columns">
<span class="menu-text" data-lang="tables-datatables-fixed-columns">Fixed Columns</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-fixed-header">
<span class="menu-text" data-lang="tables-datatables-fixed-header">Fixed Header</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-columns">
<span class="menu-text" data-lang="tables-datatables-columns">Show &amp; Hide Column</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-child-rows">
<span class="menu-text" data-lang="tables-datatables-child-rows">Child Rows</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-column-searching">
<span class="menu-text" data-lang="tables-datatables-column-searching">Column Searching</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-range-search">
<span class="menu-text" data-lang="tables-datatables-range-search">Range Search</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-rows-add">
<span class="menu-text" data-lang="tables-datatables-rows-add">Add Rows</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/tables-datatables-checkbox-select">
<span class="menu-text" data-lang="tables-datatables-checkbox-select">Checkbox Select</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="icons" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--icons"></i></span>
<span class="menu-text" data-lang="icons">Icons</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/icons-tabler">
<span class="menu-text" data-lang="icons-tabler">Tabler</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/icons-lucide">
<span class="menu-text" data-lang="icons-lucide">Lucide</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/icons-flags">
<span class="menu-text" data-lang="icons-flags">Flags</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="maps" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--map"></i></span>
<span class="menu-text" data-lang="maps">Maps</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="/maps-google">
<span class="menu-text" data-lang="maps-google">Google Maps</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/maps-vector">
<span class="menu-text" data-lang="maps-vector">Vector Maps</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="/maps-leaflet">
<span class="menu-text" data-lang="maps-leaflet">Leaflet Maps</span>
</a>
</li>
</ul>
</li>
<li class="menu-title" data-lang="menu-items">
<span>Menu Items</span>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="menu-levels" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-icon"><i class="iconify tabler--sitemap"></i></span>
<span class="menu-text" data-lang="menu-levels">Menu Levels</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item hs-accordion">
<a aria-controls="second-level" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="second-level">Second Level</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="#">
<span class="menu-text" data-lang="menu-item-1">Item 2.1</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<span class="menu-text" data-lang="menu-item-2">Item 2.2</span>
</a>
</li>
</ul>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="second-level-2" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="second-level-2">Second Level</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="#">
<span class="menu-text" data-lang="menu-item-3">Item 2.1</span>
</a>
</li>
<li class="menu-item hs-accordion">
<a aria-controls="menu-item-4" aria-expanded="false" class="hs-accordion-toggle menu-link" href="javascript:void(0)">
<span class="menu-text" data-lang="menu-item-4">Item 2.2</span>
<span class="menu-arrow"></span>
</a>
<ul class="sub-menu hs-accordion-content hs-accordion-group hidden">
<li class="menu-item">
<a class="menu-link" href="#">
<span class="menu-text" data-lang="menu-item-5">Item 3.1</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<span class="menu-text" data-lang="menu-item-6">Item 3.2</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link pointer-events-none opacity-50" href="#">
<span class="menu-icon"><i class="iconify tabler--ban"></i></span>
<span class="menu-text" data-lang="disabled-menu">Disabled Menu</span>
</a>
</li>
<li class="menu-item">
<a class="menu-link !bg-primary !text-white" href="#">
<span class="menu-icon"><i class="iconify tabler--star"></i></span>
<span class="menu-text !bg-inherit" data-lang="special-menu">Special Menu</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</aside>
<!-- End Sidebar -->