<div class="topnav top-topbar-height border-default-300 fixed z-30 flex w-full items-center border-b bg-(--sidenav-bg)">
<!-- Secondary Navbar -->
<div class="container-fluid">
<nav aria-labelledby="topnav-menu-collapse" class="hs-collapse hidden grow basis-full overflow-hidden transition-all duration-300 lg:block" id="topnav-menu">
<ul class="navbar-nav flex">
<li class="nav-item">
<div class="hs-dropdown [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--adaptive:adaptive] md:[--is-collapse:false] md:[--strategy:fixed]">
<button aria-expanded="false" aria-haspopup="menu" aria-label="Dropdown" class="hs-dropdown-toggle nav-link" id="topnav-main" type="button">
<span class="menu-icon"><i class="iconify tabler--dashboard text-lg"></i></span>
<span class="menu-text" data-lang="main">Main</span>
<div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-main" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative top-full z-10 hidden w-full ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:start-0 before:-top-4 before:h-5 before:w-full after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:w-52 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:after:hidden dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-dashboards" type="button">
<span data-lang="dashboards">Dashboards</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-dashboards" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/dashboard-ecommerce"><span data-lang="dashboard-ecommerce">Ecommerce</span></a>
<a class="dropdown-item" href="/dashboard-analytics"><span data-lang="dashboard-analytics">Analytics</span></a>
<a class="dropdown-item" href="/"><span data-lang="dashboard-projects">Projects</span></a>
</div>
</div>
<a class="dropdown-item" href="/landing"><span data-lang="landing">Landing</span></a>
</div>
</div>
</li>
<li class="nav-item">
<div class="hs-dropdown [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--adaptive:adaptive] md:[--is-collapse:false] md:[--strategy:fixed]">
<button aria-expanded="false" aria-haspopup="menu" aria-label="Dropdown" class="hs-dropdown-toggle nav-link" id="topnav-apps" type="button">
<span class="menu-icon"><i class="iconify tabler--apps text-lg"></i></span>
<span class="menu-text" data-lang="apps">Apps</span>
<div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-apps" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative top-full z-10 hidden w-full ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:start-0 before:-top-4 before:h-5 before:w-full after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:w-52 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:after:hidden dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-ecommerce" type="button">
<span data-lang="ecommerce">Ecommerce</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-ecommerce" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-ecommerce-marketplace"><span data-lang="apps-ecommerce-marketplace">Marketplace</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-products" type="button">
<span data-lang="products">Products</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-products" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-ecommerce-products"><span data-lang="apps-ecommerce-products">Products</span></a>
<a class="dropdown-item" href="/apps-ecommerce-products-grid"><span data-lang="apps-ecommerce-products-grid">Products Grid</span></a>
<a class="dropdown-item" href="/apps-ecommerce-product-details"><span data-lang="apps-ecommerce-product-details">Product Details</span></a>
<a class="dropdown-item" href="/apps-ecommerce-product-add"><span data-lang="apps-ecommerce-product-add">Add Product</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-ecommerce-categories"><span data-lang="apps-ecommerce-categories">Categories</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-orders" type="button">
<span data-lang="orders">Orders</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-orders" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-ecommerce-orders"><span data-lang="apps-ecommerce-orders">Orders</span></a>
<a class="dropdown-item" href="/apps-ecommerce-order-details"><span data-lang="apps-ecommerce-order-details">Order Details</span></a>
<a class="dropdown-item" href="/apps-ecommerce-order-add"><span data-lang="apps-ecommerce-order-add">Add/Edit Order</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-ecommerce-customers"><span data-lang="apps-ecommerce-customers">Customers</span></a>
<a class="dropdown-item" href="/apps-ecommerce-cart"><span data-lang="apps-ecommerce-cart">Cart</span></a>
<a class="dropdown-item" href="/apps-ecommerce-checkout"><span data-lang="apps-ecommerce-checkout">Checkout</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-sellers" type="button">
<span data-lang="sellers">Sellers</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-sellers" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-ecommerce-sellers"><span data-lang="apps-ecommerce-sellers">Sellers</span></a>
<a class="dropdown-item" href="/apps-ecommerce-seller-details"><span data-lang="apps-ecommerce-seller-details">Sellers Details</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-ecommerce-refunds"><span data-lang="apps-ecommerce-refunds">Refunds</span></a>
<a class="dropdown-item" href="/apps-ecommerce-reviews"><span data-lang="apps-ecommerce-reviews">Reviews</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-inventory" type="button">
<span data-lang="inventory">Inventory</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-inventory" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-ecommerce-warehouse"><span data-lang="apps-ecommerce-warehouse">Warehouse</span></a>
<a class="dropdown-item" href="/apps-ecommerce-product-stocks"><span data-lang="apps-ecommerce-product-stocks">Product Stocks</span></a>
<a class="dropdown-item" href="/apps-ecommerce-purchased-orders"><span data-lang="apps-ecommerce-purchased-orders">Purchased Orders</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-reports" type="button">
<span data-lang="reports">Reports</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-reports" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-ecommerce-product-views"><span data-lang="apps-ecommerce-product-views">Product Views</span></a>
<a class="dropdown-item" href="/apps-ecommerce-sales"><span data-lang="apps-ecommerce-sales">Sales</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-ecommerce-attributes"><span data-lang="apps-ecommerce-attributes">Attributes</span></a>
<a class="dropdown-item" href="/apps-ecommerce-settings"><span data-lang="apps-ecommerce-settings">Settings</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-email" type="button">
<span data-lang="email">Email</span><span class="badge bg-danger text-white">New</span>
</button>
<div aria-labelledby="topnav-submenu-email" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-email-inbox"><span data-lang="apps-email-inbox">Inbox</span></a>
<a class="dropdown-item" href="/apps-email-details"><span data-lang="apps-email-details">Details</span></a>
<a class="dropdown-item" href="/apps-email-compose"><span data-lang="apps-email-compose">Compose</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-users" type="button">
<span data-lang="users">Users</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-users" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-users-contacts"><span data-lang="apps-users-contacts">Contacts</span></a>
<a class="dropdown-item" href="/apps-users-roles"><span data-lang="apps-users-roles">Roles</span></a>
<a class="dropdown-item" href="/apps-users-role-details"><span data-lang="apps-users-role-details">Role Details</span></a>
<a class="dropdown-item" href="/apps-users-permissions"><span data-lang="apps-users-permissions">Permissions</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-projects" type="button">
<span data-lang="projects">Projects</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-projects" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-projects-grid"><span data-lang="apps-projects-grid">My Projects</span></a>
<a class="dropdown-item" href="/apps-projects-list"><span data-lang="apps-projects-list">Projects List</span></a>
<a class="dropdown-item" href="/apps-projects-details"><span data-lang="apps-projects-details">View Project</span></a>
<a class="dropdown-item" href="/apps-projects-kanban"><span data-lang="apps-projects-kanban">Kanban Board</span></a>
<a class="dropdown-item" href="/apps-projects-team-board"><span data-lang="apps-projects-team-board">Team Board</span></a>
<a class="dropdown-item" href="/apps-projects-activity"><span data-lang="apps-projects-activity">Activity Steam</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-file-manager"><span data-lang="apps-file-manager">File Manager</span></a>
<a class="dropdown-item" href="/apps-chat"><span data-lang="apps-chat">Chat</span></a>
<a class="dropdown-item" href="/apps-calendar"><span data-lang="apps-calendar">Calendar</span></a>
<a class="dropdown-item" href="/apps-social-feed"><span data-lang="apps-social-feed">Social Feed</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-invoice" type="button">
<span data-lang="invoice">Invoice</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-invoice" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-invoice-list"><span data-lang="apps-invoice-list">Invoices</span></a>
<a class="dropdown-item" href="/apps-invoice-details"><span data-lang="apps-invoice-details">Single Invoice</span></a>
<a class="dropdown-item" href="/apps-invoice-create"><span data-lang="apps-invoice-create">New Invoice</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-companies"><span data-lang="apps-companies">Companies</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-more-apps" type="button">
<span data-lang="more-apps">More Apps</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-more-apps" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-clients"><span data-lang="apps-clients">Clients</span></a>
<a class="dropdown-item" href="/apps-outlook"><span data-lang="apps-outlook">Outlook View</span></a>
<a class="dropdown-item" href="/apps-vote-list"><span data-lang="apps-vote-list">Vote List</span></a>
<a class="dropdown-item" href="/apps-issue-tracker"><span data-lang="apps-issue-tracker">Issue Tracker</span></a>
<a class="dropdown-item" href="/apps-api-keys"><span data-lang="apps-api-keys">API Keys</span></a>
<a class="dropdown-item" href="/apps-manage"><span data-lang="apps-manage">Manage Apps</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-blog" type="button">
<span data-lang="blog">Blog</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-blog" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-blog-list"><span data-lang="apps-blog-list">Blog List</span></a>
<a class="dropdown-item" href="/apps-blog-grid"><span data-lang="apps-blog-grid">Blog Grid</span></a>
<a class="dropdown-item" href="/apps-blog-article"><span data-lang="apps-blog-article">Article</span></a>
<a class="dropdown-item" href="/apps-blog-add"><span data-lang="apps-blog-add">Add Article</span></a>
</div>
</div>
<a class="dropdown-item" href="/apps-pin-board"><span data-lang="apps-pin-board">Pin Board</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-forum" type="button">
<span data-lang="forum">Forum</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-forum" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/apps-forum-view"><span data-lang="apps-forum-view">Forum View</span></a>
<a class="dropdown-item" href="/apps-forum-post"><span data-lang="apps-forum-post">Forum Post</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<div class="hs-dropdown [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--adaptive:adaptive] md:[--is-collapse:false] md:[--strategy:fixed]">
<button aria-expanded="false" aria-haspopup="menu" aria-label="Dropdown" class="hs-dropdown-toggle nav-link" id="topnav-custom-pages" type="button">
<span class="menu-icon"><i class="iconify tabler--files text-lg"></i></span>
<span class="menu-text" data-lang="custom-pages">Custom Pages</span>
<div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-custom-pages" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative top-full z-10 hidden w-full ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:start-0 before:-top-4 before:h-5 before:w-full after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:w-52 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:after:hidden dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-pages" type="button">
<span data-lang="pages">Pages</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-pages" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/pages-profile"><span data-lang="pages-profile">Profile</span></a>
<a class="dropdown-item" href="/pages-account-settings"><span data-lang="pages-account-settings">Account Settings</span></a>
<a class="dropdown-item" href="/pages-faq"><span data-lang="pages-faq">FAQ</span></a>
<a class="dropdown-item" href="/pages-pricing"><span data-lang="pages-pricing">Pricing</span></a>
<a class="dropdown-item" href="/pages-empty"><span data-lang="pages-empty">Empty Page</span></a>
<a class="dropdown-item" href="/pages-timeline"><span data-lang="pages-timeline">Timeline</span></a>
<a class="dropdown-item" href="/pages-gallery"><span data-lang="pages-gallery">Gallery</span></a>
<a class="dropdown-item" href="/pages-sitemap"><span data-lang="pages-sitemap">Sitemap</span></a>
<a class="dropdown-item" href="/pages-search-results"><span data-lang="pages-search-results">Search Results</span></a>
<a class="dropdown-item" href="/pages-coming-soon"><span data-lang="pages-coming-soon">Coming Soon</span></a>
<a class="dropdown-item" href="/pages-privacy-policy"><span data-lang="pages-privacy-policy">Privacy Policy</span></a>
<a class="dropdown-item" href="/pages-terms-conditions"><span data-lang="pages-terms-conditions">Terms &amp; Conditions</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-plugins" type="button">
<span data-lang="plugins">Plugins</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-plugins" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/plugins-sortable"><span data-lang="plugins-sortable">Sortable List</span></a>
<a class="dropdown-item" href="/plugins-text-diff"><span data-lang="plugins-text-diff">Text Diff</span></a>
<a class="dropdown-item" href="/plugins-pdf-viewer"><span data-lang="plugins-pdf-viewer">PDF Viewer</span></a>
<a class="dropdown-item" href="/plugins-i18"><span data-lang="plugins-i18">i18 Support</span></a>
<a class="dropdown-item" href="/plugins-sweet-alerts"><span data-lang="plugins-sweet-alerts">Sweet Alerts</span></a>
<a class="dropdown-item" href="/plugins-idle-timer"><span data-lang="plugins-idle-timer">Idle Timer</span></a>
<a class="dropdown-item" href="/plugins-pass-meter"><span data-lang="plugins-pass-meter">Password Meter</span></a>
<a class="dropdown-item" href="/plugins-live-favicon"><span data-lang="plugins-live-favicon">Live Favicon</span></a>
<a class="dropdown-item" href="/plugins-clipboard"><span data-lang="plugins-clipboard">Clipboard</span></a>
<a class="dropdown-item" href="/plugins-tree-view"><span data-lang="plugins-tree-view">Tree View</span></a>
<a class="dropdown-item" href="/plugins-loading-buttons"><span data-lang="plugins-loading-buttons">Loading Buttons</span></a>
<a class="dropdown-item" href="/plugins-masonry"><span data-lang="plugins-masonry">Masonry</span></a>
<a class="dropdown-item" href="/plugins-tour"><span data-lang="plugins-tour">Tour</span></a>
<a class="dropdown-item" href="/plugins-animation"><span data-lang="plugins-animation">Animation</span></a>
<a class="dropdown-item" href="/plugins-video-player"><span data-lang="plugins-video-player">Video Player</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-authentication" type="button">
<span data-lang="authentication">Authentication</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-authentication" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-auth-basic" type="button">
<span data-lang="auth-basic">Basic</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-auth-basic" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/auth-sign-in"><span data-lang="auth-sign-in">Sign In</span></a>
<a class="dropdown-item" href="/auth-sign-up"><span data-lang="auth-sign-up">Sign Up</span></a>
<a class="dropdown-item" href="/auth-reset-pass"><span data-lang="auth-reset-pass">Reset Password</span></a>
<a class="dropdown-item" href="/auth-new-pass"><span data-lang="auth-new-pass">New Password</span></a>
<a class="dropdown-item" href="/auth-two-factor"><span data-lang="auth-two-factor">Two Factor</span></a>
<a class="dropdown-item" href="/auth-lock-screen"><span data-lang="auth-lock-screen">Lock Screen</span></a>
<a class="dropdown-item" href="/auth-success-mail"><span data-lang="auth-success-mail">Success Mail</span></a>
<a class="dropdown-item" href="/auth-login-pin"><span data-lang="auth-login-pin">Login with PIN</span></a>
<a class="dropdown-item" href="/auth-delete-account"><span data-lang="auth-delete-account">Delete Account</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-auth-card" type="button">
<span data-lang="auth-card">Card</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-auth-card" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/auth-card-sign-in"><span data-lang="auth-card-sign-in">Sign In</span></a>
<a class="dropdown-item" href="/auth-card-sign-up"><span data-lang="auth-card-sign-up">Sign Up</span></a>
<a class="dropdown-item" href="/auth-card-reset-pass"><span data-lang="auth-card-reset-pass">Reset Password</span></a>
<a class="dropdown-item" href="/auth-card-new-pass"><span data-lang="auth-card-new-pass">New Password</span></a>
<a class="dropdown-item" href="/auth-card-two-factor"><span data-lang="auth-card-two-factor">Two Factor</span></a>
<a class="dropdown-item" href="/auth-card-lock-screen"><span data-lang="auth-card-lock-screen">Lock Screen</span></a>
<a class="dropdown-item" href="/auth-card-success-mail"><span data-lang="auth-card-success-mail">Success Mail</span></a>
<a class="dropdown-item" href="/auth-card-login-pin"><span data-lang="auth-card-login-pin">Login with PIN</span></a>
<a class="dropdown-item" href="/auth-card-delete-account"><span data-lang="auth-card-delete-account">Delete Account</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-auth-split" type="button">
<span data-lang="auth-split">Split</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-auth-split" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/auth-split-sign-in"><span data-lang="auth-split-sign-in">Sign In</span></a>
<a class="dropdown-item" href="/auth-split-sign-up"><span data-lang="auth-split-sign-up">Sign Up</span></a>
<a class="dropdown-item" href="/auth-split-reset-pass"><span data-lang="auth-split-reset-pass">Reset Password</span></a>
<a class="dropdown-item" href="/auth-split-new-pass"><span data-lang="auth-split-new-pass">New Password</span></a>
<a class="dropdown-item" href="/auth-split-two-factor"><span data-lang="auth-split-two-factor">Two Factor</span></a>
<a class="dropdown-item" href="/auth-split-lock-screen"><span data-lang="auth-split-lock-screen">Lock Screen</span></a>
<a class="dropdown-item" href="/auth-split-success-mail"><span data-lang="auth-split-success-mail">Success Mail</span></a>
<a class="dropdown-item" href="/auth-split-login-pin"><span data-lang="auth-split-login-pin">Login with PIN</span></a>
<a class="dropdown-item" href="/auth-split-delete-account"><span data-lang="auth-split-delete-account">Delete Account</span></a>
</div>
</div>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-error-pages" type="button">
<span data-lang="error-pages">Error Pages</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-error-pages" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/error-400"><span data-lang="error-400">400 Bad Request</span></a>
<a class="dropdown-item" href="/error-401"><span data-lang="error-401">401 Unauthorized</span></a>
<a class="dropdown-item" href="/error-403"><span data-lang="error-403">403 Forbidden</span></a>
<a class="dropdown-item" href="/error-404"><span data-lang="error-404">404 Not Found</span></a>
<a class="dropdown-item" href="/error-408"><span data-lang="error-408">408 Request Timeout</span></a>
<a class="dropdown-item" href="/error-500"><span data-lang="error-500">500 Internal Server</span></a>
<a class="dropdown-item" href="/error-maintenance"><span data-lang="error-maintenance">Maintenance</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<div class="hs-dropdown [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--adaptive:adaptive] md:[--is-collapse:false] md:[--strategy:fixed]">
<button aria-expanded="false" aria-haspopup="menu" aria-label="Dropdown" class="hs-dropdown-toggle nav-link" id="topnav-layouts" type="button">
<span class="menu-icon"><i class="iconify tabler--table-column text-lg"></i></span>
<span class="menu-text" data-lang="layouts">Layouts</span>
<div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-layouts" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative top-full z-10 hidden w-full ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:start-0 before:-top-4 before:h-5 before:w-full after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:w-52 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:after:hidden dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-layout-options" type="button">
<span data-lang="layout-options">Layout Options</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-layout-options" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/layouts-scrollable" target="_blank"><span data-lang="layouts-scrollable">Scrollable</span></a>
<a class="dropdown-item" href="/layouts-compact" target="_blank"><span data-lang="layouts-compact">Compact</span></a>
<a class="dropdown-item" href="/layouts-boxed" target="_blank"><span data-lang="layouts-boxed">Boxed</span></a>
<a class="dropdown-item" href="/layouts-horizontal" target="_blank"><span data-lang="layouts-horizontal">Horizontal</span></a>
<a class="dropdown-item" href="/layouts-preloader" target="_blank"><span data-lang="layouts-preloader">Preloader</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-sidebars" type="button">
<span data-lang="sidebars">Sidebars</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-sidebars" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/layouts-sidebar-light" target="_blank"><span data-lang="layouts-sidebar-light">Light Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-gradient" target="_blank"><span data-lang="layouts-sidebar-gradient">Gradient Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-gray" target="_blank"><span data-lang="layouts-sidebar-gray">Gray Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-image" target="_blank"><span data-lang="layouts-sidebar-image">Image Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-compact" target="_blank"><span data-lang="layouts-sidebar-compact">Compact Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-on-hover" target="_blank"><span data-lang="layouts-sidebar-on-hover">On Hover Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-on-hover-active" target="_blank"><span data-lang="layouts-sidebar-on-hover-active">On Hover Active</span></a>
<a class="dropdown-item" href="/layouts-sidebar-offcanvas" target="_blank"><span data-lang="layouts-sidebar-offcanvas">Offcanvas Menu</span></a>
<a class="dropdown-item" href="/layouts-sidebar-no-icons" target="_blank"><span data-lang="layouts-sidebar-no-icons">No Icons with Lines</span></a>
<a class="dropdown-item" href="/layouts-sidebar-with-lines" target="_blank"><span data-lang="layouts-sidebar-with-lines">Sidebar with Lines</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-topbar" type="button">
<span data-lang="topbar">Topbar</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-topbar" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/layouts-topbar-dark" target="_blank"><span data-lang="layouts-topbar-dark">Dark Topbar</span></a>
<a class="dropdown-item" href="/layouts-topbar-gray" target="_blank"><span data-lang="layouts-topbar-gray">Gray Topbar</span></a>
<a class="dropdown-item" href="/layouts-topbar-gradient" target="_blank"><span data-lang="layouts-topbar-gradient">Gradient Topbar</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<div class="hs-dropdown [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--adaptive:adaptive] md:[--is-collapse:false] md:[--strategy:fixed]">
<button aria-expanded="false" aria-haspopup="menu" aria-label="Dropdown" class="hs-dropdown-toggle nav-link" id="topnav-components" type="button">
<span class="menu-icon"><i class="iconify tabler--components text-lg"></i></span>
<span class="menu-text" data-lang="components">Components</span>
<div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-components" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative top-full z-10 hidden w-full ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:start-0 before:-top-4 before:h-5 before:w-full after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:w-52 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:after:hidden dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-base-ui" type="button">
<span data-lang="base-ui">Base UI</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-base-ui" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/ui-accordions"><span data-lang="ui-accordions">Accordions</span></a>
<a class="dropdown-item" href="/ui-alerts"><span data-lang="ui-alerts">Alerts</span></a>
<a class="dropdown-item" href="/ui-images"><span data-lang="ui-images">Images</span></a>
<a class="dropdown-item" href="/ui-badges"><span data-lang="ui-badges">Badges</span></a>
<a class="dropdown-item" href="/ui-breadcrumb"><span data-lang="ui-breadcrumb">Breadcrumb</span></a>
<a class="dropdown-item" href="/ui-buttons"><span data-lang="ui-buttons">Buttons</span></a>
<a class="dropdown-item" href="/ui-cards"><span data-lang="ui-cards">Cards</span></a>
<a class="dropdown-item" href="/ui-carousel"><span data-lang="ui-carousel">Carousel</span></a>
<a class="dropdown-item" href="/ui-collapse"><span data-lang="ui-collapse">Collapse</span></a>
<a class="dropdown-item" href="/ui-colors"><span data-lang="ui-colors">Colors</span></a>
<a class="dropdown-item" href="/ui-dropdowns"><span data-lang="ui-dropdowns">Dropdowns</span></a>
<a class="dropdown-item" href="/ui-videos"><span data-lang="ui-videos">Videos</span></a>
<a class="dropdown-item" href="/ui-links"><span data-lang="ui-links">Links</span></a>
<a class="dropdown-item" href="/ui-list-group"><span data-lang="ui-list-group">List Group</span></a>
<a class="dropdown-item" href="/ui-modals"><span data-lang="ui-modals">Modals</span></a>
<a class="dropdown-item" href="/ui-notifications"><span data-lang="ui-notifications">Notifications</span></a>
<a class="dropdown-item" href="/ui-offcanvas"><span data-lang="ui-offcanvas">Offcanvas</span></a>
<a class="dropdown-item" href="/ui-placeholders"><span data-lang="ui-placeholders">Placeholders</span></a>
<a class="dropdown-item" href="/ui-pagination"><span data-lang="ui-pagination">Pagination</span></a>
<a class="dropdown-item" href="/ui-popovers"><span data-lang="ui-popovers">Popovers</span></a>
<a class="dropdown-item" href="/ui-progress"><span data-lang="ui-progress">Progress</span></a>
<a class="dropdown-item" href="/ui-scrollspy"><span data-lang="ui-scrollspy">Scrollspy</span></a>
<a class="dropdown-item" href="/ui-spinners"><span data-lang="ui-spinners">Spinners</span></a>
<a class="dropdown-item" href="/ui-tabs"><span data-lang="ui-tabs">Tabs</span></a>
<a class="dropdown-item" href="/ui-tooltips"><span data-lang="ui-tooltips">Tooltips</span></a>
<a class="dropdown-item" href="/ui-typography"><span data-lang="ui-typography">Typography</span></a>
<a class="dropdown-item" href="/ui-utilities"><span data-lang="ui-utilities">Utilities</span></a>
</div>
</div>
<a class="dropdown-item" href="/widgets"><span data-lang="widgets">Widgets</span></a>
<a class="dropdown-item" href="/metrics"><span data-lang="metrics">Metrics</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-charts" type="button">
<span data-lang="charts">Charts</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-charts" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-apex-charts" type="button">
<span data-lang="apex-charts">Apex Charts</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-apex-charts" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/charts-apex-area"><span data-lang="charts-apex-area">Area</span></a>
<a class="dropdown-item" href="/charts-apex-bar"><span data-lang="charts-apex-bar">Bar</span></a>
<a class="dropdown-item" href="/charts-apex-bubble"><span data-lang="charts-apex-bubble">Bubble</span></a>
<a class="dropdown-item" href="/charts-apex-candlestick"><span data-lang="charts-apex-candlestick">Candlestick</span></a>
<a class="dropdown-item" href="/charts-apex-column"><span data-lang="charts-apex-column">Column</span></a>
<a class="dropdown-item" href="/charts-apex-heatmap"><span data-lang="charts-apex-heatmap">Heatmap</span></a>
<a class="dropdown-item" href="/charts-apex-line"><span data-lang="charts-apex-line">Line</span></a>
<a class="dropdown-item" href="/charts-apex-mixed"><span data-lang="charts-apex-mixed">Mixed</span></a>
<a class="dropdown-item" href="/charts-apex-timeline"><span data-lang="charts-apex-timeline">Timeline</span></a>
<a class="dropdown-item" href="/charts-apex-boxplot"><span data-lang="charts-apex-boxplot">Boxplot</span></a>
<a class="dropdown-item" href="/charts-apex-treemap"><span data-lang="charts-apex-treemap">Treemap</span></a>
<a class="dropdown-item" href="/charts-apex-pie"><span data-lang="charts-apex-pie">Pie</span></a>
<a class="dropdown-item" href="/charts-apex-radar"><span data-lang="charts-apex-radar">Radar</span></a>
<a class="dropdown-item" href="/charts-apex-radialbar"><span data-lang="charts-apex-radialbar">RadialBar</span></a>
<a class="dropdown-item" href="/charts-apex-scatter"><span data-lang="charts-apex-scatter">Scatter</span></a>
<a class="dropdown-item" href="/charts-apex-polar-area"><span data-lang="charts-apex-polar-area">Polar Area</span></a>
<a class="dropdown-item" href="/charts-apex-sparklines"><span data-lang="charts-apex-sparklines">Sparklines</span></a>
<a class="dropdown-item" href="/charts-apex-range"><span data-lang="charts-apex-range">Range</span></a>
<a class="dropdown-item" href="/charts-apex-funnel"><span data-lang="charts-apex-funnel">Funnel</span></a>
<a class="dropdown-item" href="/charts-apex-slope"><span data-lang="charts-apex-slope">Slope</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-echarts" type="button">
<span data-lang="echarts">Echarts</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-echarts" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/charts-echart-line"><span data-lang="charts-echart-line">Line</span></a>
<a class="dropdown-item" href="/charts-echart-bar"><span data-lang="charts-echart-bar">Bar</span></a>
<a class="dropdown-item" href="/charts-echart-pie"><span data-lang="charts-echart-pie">Pie</span></a>
<a class="dropdown-item" href="/charts-echart-scatter"><span data-lang="charts-echart-scatter">Scatter</span></a>
<a class="dropdown-item" href="/charts-echart-geo-map"><span data-lang="charts-echart-geo-map">GEO Map</span></a>
<a class="dropdown-item" href="/charts-echart-gauge"><span data-lang="charts-echart-gauge">Gauge</span></a>
<a class="dropdown-item" href="/charts-echart-candlestick"><span data-lang="charts-echart-candlestick">Candlestick</span></a>
<a class="dropdown-item" href="/charts-echart-area"><span data-lang="charts-echart-area">Area</span></a>
<a class="dropdown-item" href="/charts-echart-radar"><span data-lang="charts-echart-radar">Radar</span></a>
<a class="dropdown-item" href="/charts-echart-heatmap"><span data-lang="charts-echart-heatmap">Heatmap</span></a>
<a class="dropdown-item" href="/charts-echart-other"><span data-lang="charts-echart-other">Other</span></a>
</div>
</div>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-forms" type="button">
<span data-lang="forms">Forms</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-forms" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/form-elements"><span data-lang="form-elements">Basic Elements</span></a>
<a class="dropdown-item" href="/form-pickers"><span data-lang="form-pickers">Pickers</span></a>
<a class="dropdown-item" href="/form-select"><span data-lang="form-select">Select</span></a>
<a class="dropdown-item" href="/form-validation"><span data-lang="form-validation">Validation</span></a>
<a class="dropdown-item" href="/form-wizard"><span data-lang="form-wizard">Wizard</span></a>
<a class="dropdown-item" href="/form-fileuploads"><span data-lang="form-fileuploads">File Uploads</span></a>
<a class="dropdown-item" href="/form-text-editors"><span data-lang="form-text-editors">Text Editors</span></a>
<a class="dropdown-item" href="/form-range-slider"><span data-lang="form-range-slider">Range Slider</span></a>
<a class="dropdown-item" href="/form-layout"><span data-lang="form-layout">Layouts</span></a>
<a class="dropdown-item" href="/form-other-plugin"><span data-lang="form-other-plugin">Other Plugins</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-tables" type="button">
<span data-lang="tables">Tables</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-tables" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/tables-static"><span data-lang="tables-static">Static Tables</span></a>
<a class="dropdown-item" href="/tables-custom"><span data-lang="tables-custom">Custom Tables</span></a>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-datatables" type="button">
<span data-lang="datatables">DataTables</span><span class="badge bg-success text-white">15</span>
</button>
<div aria-labelledby="topnav-submenu-datatables" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/tables-datatables-basic"><span data-lang="tables-datatables-basic">Basic</span></a>
<a class="dropdown-item" href="/tables-datatables-export-data"><span data-lang="tables-datatables-export-data">Export Data</span></a>
<a class="dropdown-item" href="/tables-datatables-select"><span data-lang="tables-datatables-select">Select</span></a>
<a class="dropdown-item" href="/tables-datatables-ajax"><span data-lang="tables-datatables-ajax">Ajax</span></a>
<a class="dropdown-item" href="/tables-datatables-javascript"><span data-lang="tables-datatables-javascript">Javascript Source</span></a>
<a class="dropdown-item" href="/tables-datatables-rendering"><span data-lang="tables-datatables-rendering">Data Rendering</span></a>
<a class="dropdown-item" href="/tables-datatables-scroll"><span data-lang="tables-datatables-scroll">Scroll</span></a>
<a class="dropdown-item" href="/tables-datatables-fixed-columns"><span data-lang="tables-datatables-fixed-columns">Fixed Columns</span></a>
<a class="dropdown-item" href="/tables-datatables-fixed-header"><span data-lang="tables-datatables-fixed-header">Fixed Header</span></a>
<a class="dropdown-item" href="/tables-datatables-columns"><span data-lang="tables-datatables-columns">Show &amp; Hide Column</span></a>
<a class="dropdown-item" href="/tables-datatables-child-rows"><span data-lang="tables-datatables-child-rows">Child Rows</span></a>
<a class="dropdown-item" href="/tables-datatables-column-searching"><span data-lang="tables-datatables-column-searching">Column Searching</span></a>
<a class="dropdown-item" href="/tables-datatables-range-search"><span data-lang="tables-datatables-range-search">Range Search</span></a>
<a class="dropdown-item" href="/tables-datatables-rows-add"><span data-lang="tables-datatables-rows-add">Add Rows</span></a>
<a class="dropdown-item" href="/tables-datatables-checkbox-select"><span data-lang="tables-datatables-checkbox-select">Checkbox Select</span></a>
</div>
</div>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-icons" type="button">
<span data-lang="icons">Icons</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-icons" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/icons-tabler"><span data-lang="icons-tabler">Tabler</span></a>
<a class="dropdown-item" href="/icons-lucide"><span data-lang="icons-lucide">Lucide</span></a>
<a class="dropdown-item" href="/icons-flags"><span data-lang="icons-flags">Flags</span></a>
</div>
</div>
<div class="hs-dropdown relative [--adaptive:none] [--is-collapse:true] [--strategy:static] md:[--is-collapse:false] md:[--strategy:absolute] md:[--trigger:hover]">
<button class="hs-dropdown-toggle dropdown-item w-full text-start flex items-center justify-between" id="topnav-submenu-maps" type="button">
<span data-lang="maps">Maps</span><div class="menu-arrow"></div>
</button>
<div aria-labelledby="topnav-submenu-maps" aria-orientation="vertical" class="hs-dropdown-menu hs-dropdown-open:opacity-100 relative z-10 hidden ps-7 opacity-0 transition-[opacity,margin] duration-[0.1ms] before:absolute before:-end-5 before:top-0 before:hidden before:h-full before:w-5 after:absolute after:start-2 after:top-1 after:h-[calc(100%-4px)] after:w-0.5 after:bg-gray-100 md:end-full md:top-0 md:mx-2.5! md:mt-2 md:w-48 md:rounded-lg md:bg-white md:ps-1 md:shadow-md md:duration-[150ms] md:before:block md:after:hidden dark:divide-neutral-700 dark:bg-neutral-800 dark:after:bg-neutral-700 dark:md:bg-neutral-800" role="menu">
<a class="dropdown-item" href="/maps-google"><span data-lang="maps-google">Google Maps</span></a>
<a class="dropdown-item" href="/maps-vector"><span data-lang="maps-vector">Vector Maps</span></a>
<a class="dropdown-item" href="/maps-leaflet"><span data-lang="maps-leaflet">Leaflet Maps</span></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
<!-- End Secondary Navbar -->
</div>
<!-- Topbar End -->