aside menu de-activation issue in demo6
Hi keenthemes,
The de-activation of aside menu in demo6 is not working in Layout Builder.
even if you try to visualise it here with no aside, it still appears :
https://preview.keenthemes.com/metronic8/demo6/layouts/aside/only-header.html
wich it is de-activated in demo1 :
https://preview.keenthemes.com/metronic8/demo1/layouts/aside/only-header.html
thank you.
Replies (5)
Under the code below you can remove the aside menu manually.
<div class="page d-flex flex-row flex-column-fluid">
Remove all this code -
<pre lang="html">
<div class="h-500px"><div class="aside pb-5 pt-5 pt-lg-0" data-kt-drawer="true" data-kt-drawer-name="aside" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:"80px", "300px": "100px"}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_aside_mobile_toggle">
<!--begin::Brand-->
<div class="aside-logo py-8">
<!--begin::Logo-->
<a href="/metronic8/demo6/../demo6/index.html" class="d-flex align-items-center">
<img alt="Logo" xsrc="/metronic8/demo6/assets/media/logos/logo-demo6.svg" class="h-45px logo">
</a>
<!--end::Logo-->
</div>
<!--end::Brand-->
<!--begin::Aside menu-->
<div class="aside-menu flex-column-fluid">
<!--begin::Aside Menu-->
<div class="hover-scroll-overlay-y my-2 my-lg-5 pe-lg-n1" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_aside_logo, #kt_aside_footer" data-kt-scroll-wrappers="#kt_aside, #kt_aside_menu" data-kt-scroll-offset="5px">
<!--begin::Menu-->
<div class="menu menu-column menu-title-gray-700 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500 fw-bold" data-kt-menu="true">
<div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" class="menu-item py-2">
<span class="menu-link menu-center" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Dashboards">
<span class="menu-icon me-0">
<i class="bi bi-house fs-2"></i>
</span>
<span class="menu-title">Home</span>
</span>
<div class="menu-sub menu-sub-dropdown w-225px w-lg-275px px-1 py-4">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/index.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Multipurpose</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/dashboards/ecommerce.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">eCommerce</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/dashboards/store-analytics.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Store Analytics</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/dashboards/logistics.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Logistics</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/dashboards/delivery.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Delivery</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/dashboards/marketing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Marketing</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/dashboards/online-courses.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Online Courses</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/landing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Landing</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" class="menu-item py-3">
<span class="menu-link menu-center" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Crafted">
<span class="menu-icon me-0">
<i class="bi bi-file-text fs-2"></i>
</span>
<span class="menu-title">Crafted</span>
</span>
<div class="menu-sub menu-sub-dropdown w-225px w-lg-275px px-1 py-4">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Pages</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">User Profile</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/user-profile/overview.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Overview</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/user-profile/projects.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Projects</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/user-profile/campaigns.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Campaigns</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/user-profile/documents.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Documents</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/user-profile/followers.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Followers</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/user-profile/activity.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Activity</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Blog</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/blog/home.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Blog Home</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/blog/post.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Blog Post</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Pricing</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/pricing/pricing-1.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Pricing 1</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/pricing/pricing-2.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Pricing 2</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Careers</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/careers/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Careers List</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/careers/apply.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Careers Apply</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">FAQ</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/faq/classic.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Classic</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/faq/extended.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Extended</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/about.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">About Us</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Contact Us</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/team.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Our Team</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/licenses.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Licenses</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/pages/sitemap.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sitemap</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Account</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/overview.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Overview</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/security.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Security</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/billing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Billing</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/statements.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Statements</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/referrals.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Referrals</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/api-keys.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">API Keys</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/account/logs.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Logs</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Authentication</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Basic Layout</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/basic/sign-in.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sign-in</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/basic/sign-up.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sign-up</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/basic/two-steps.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Two-steps</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/basic/password-reset.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Password Reset</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/basic/new-password.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">New Password</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Aside Layout</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/aside/sign-in.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sign-in</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/aside/sign-up.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sign-up</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/aside/two-steps.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Two-steps</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/aside/password-reset.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Password Reset</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/aside/new-password.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">New Password</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Dark Layout</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/dark/sign-in.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sign-in</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/dark/sign-up.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sign-up</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/dark/two-steps.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Two-steps</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/dark/password-reset.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Password Reset</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/layouts/dark/new-password.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">New Password</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/extended/multi-steps-sign-up.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Multi-steps Sign-up</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/extended/two-factor-authentication.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Two Factor Auth</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/extended/free-trial-sign-up.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Free Trial Sign-up</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/extended/coming-soon.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Coming Soon</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/general/welcome.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Welcome Message</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/general/verify-email.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Verify Email</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/general/password-confirmation.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Password Confirmation</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/general/deactivation.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Account Deactivation</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/general/error-404.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Error 404</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/general/error-500.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Error 500</span>
</a>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Email Templates</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/email/verify-email.html" target="blank">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Verify Email</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/email/invitation.html" target="blank">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Account Invitation</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/email/password-reset.html" target="blank">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Password Reset</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/authentication/email/password-change.html" target="blank">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Password Changed</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Utilities</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Modals</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">General</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/general/invite-friends.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Invite Friends</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/general/view-users.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Users</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/general/select-users.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Select Users</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/general/upgrade-plan.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Upgrade Plan</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/general/share-earn.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Share & Earn</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Forms</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/forms/new-target.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">New Target</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/forms/new-card.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">New Card</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/forms/new-address.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">New Address</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/forms/create-api-key.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create API Key</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Wizards</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/wizards/create-app.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create App</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/wizards/create-campaign.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Campaign</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/wizards/create-account.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Business Acc</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/wizards/create-project.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Project</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/wizards/offer-a-deal.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Offer a Deal</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/wizards/two-factor-authentication.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Two Factor Auth</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Search</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/search/users.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Users</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/modals/search/select-location.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Select Location</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Search</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/search/horizontal.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Horizontal</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/search/vertical.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Vertical</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/search/users.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Users</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/search/select-location.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Location</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Wizards</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/horizontal.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Horizontal</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/vertical.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Vertical</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/two-factor-authentication.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Two Factor Auth</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/create-app.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create App</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/create-campaign.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Campaign</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/create-account.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Account</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/create-project.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Project</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/utilities/wizards/offer-a-deal.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Offer a Deal</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Widgets</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/widgets/lists.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Lists</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/widgets/statistics.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Statistics</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/widgets/charts.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Charts</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/widgets/mixed.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Mixed</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/widgets/tables.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tables</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/widgets/feeds.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Feeds</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" class="menu-item py-3">
<span class="menu-link menu-center" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Apps">
<span class="menu-icon me-0">
<i class="bi bi-window-stack fs-2"></i>
</span>
<span class="menu-title">Apps</span>
</span>
<div class="menu-sub menu-sub-dropdown w-225px w-lg-275px px-1 py-4">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Projects</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">My Projects</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/project.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Project</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/targets.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Targets</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/budget.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Budget</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/users.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Users</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/files.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Files</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/activity.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Activity</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/projects/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">eCommerce</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Catalog</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/catalog/products.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Products</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/catalog/categories.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Categories</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/catalog/add-product.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Product</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/catalog/edit-product.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Edit Product</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/catalog/add-category.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Category</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/catalog/edit-category.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Edit Category</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sales</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/sales/listing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Orders Listing</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/sales/details.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Order Details</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/sales/add-order.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Order</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/sales/edit-order.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Edit Order</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customers</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/customers/listing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Listing</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/customers/details.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Details</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Reports</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/reports/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Products Viewed</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/reports/sales.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sales</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/reports/returns.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Returns</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/reports/customer-orders.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Orders</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/reports/shipping.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Shipping</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/ecommerce/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion mb-1">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Support Center</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/overview.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Overview</span>
</a>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion mb-1">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tickets</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/tickets/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tickets List</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/tickets/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Ticket</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion mb-1">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tutorials</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/tutorials/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tutorials List</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/tutorials/post.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tutorial Post</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/faq.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">FAQ</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/licenses.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Licenses</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/support-center/contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Contact Us</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion mb-1">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">User Management</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion mb-1">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Users</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/user-management/users/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Users List</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/user-management/users/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View User</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Roles</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/user-management/roles/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Roles List</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/user-management/roles/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Role</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/user-management/permissions.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Permissions</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Contacts</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/contacts/getting-started.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Getting Started</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/contacts/add-contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Contact</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/contacts/edit-contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Edit Contact</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/contacts/view-contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Contact</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Subscriptions</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/subscriptions/getting-started.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Getting Started</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/subscriptions/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Subscription List</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/subscriptions/add.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Subscription</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/subscriptions/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Subscription</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customers</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/customers/getting-started.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Getting Started</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/customers/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Listing</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/customers/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Details</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">File Manager</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/file-manager/folders.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Folders</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/file-manager/files.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Files</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/file-manager/blank.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Blank Directory</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/file-manager/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Invoice Manager</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Invoices</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion menu-active-bg">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/invoices/view/invoice-1.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Invoice 1</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/invoices/view/invoice-2.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Invoice 2</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/invoices/view/invoice-3.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Invoice 3</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/invoices/create.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Invoice</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Inbox</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/inbox/listing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Messages</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/inbox/compose.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Compose</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/inbox/reply.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View & Reply</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Chat</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/chat/private.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Private Chat</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/chat/group.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Group Chat</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/chat/drawer.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Drawer Chat</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/apps/calendar.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Calendar</span>
</a>
</div>
</div>
</div>
<div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" class="menu-item py-3">
<span class="menu-link menu-center" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Resources">
<span class="menu-icon me-0">
<i class="bi bi-gear fs-2"></i>
</span>
<span class="menu-title">Resources</span>
</span>
<div class="menu-sub menu-sub-dropdown w-225px w-lg-275px px-1 py-4">
<div class="menu-item">
<div class="menu-content">
<span class="menu-section fs-5 fw-bolder ps-1 py-1">Resources</span>
</div>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/documentation/base/utilities.html" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Check out over 200 in-house components, plugins and ready for use solutions">
<span class="menu-icon">
<i class="bi bi-grid fs-3"></i>
</span>
<span class="menu-title">Components</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/documentation/getting-started.html" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Check out the complete documentation">
<span class="menu-icon">
<i class="bi bi-box fs-3"></i>
</span>
<span class="menu-title">Documentation</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/layout-builder.html" title="" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right" data-bs-original-title="Build your layout, preview and export HTML for server side integration">
<span class="menu-icon">
<i class="bi bi-layers fs-3"></i>
</span>
<span class="menu-title">Layout Builder</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link" href="/metronic8/demo6/../demo6/documentation/getting-started/changelog.html">
<span class="menu-icon">
<i class="bi bi-card-text fs-3"></i>
</span>
<span class="menu-title">Changelog v8.0.36</span>
</a>
</div>
</div>
</div>
</div>
<!--end::Menu-->
</div>
<!--end::Aside Menu-->
</div>
<!--end::Aside menu-->
<!--begin::Footer-->
<div class="aside-footer flex-column-auto">
<!--begin::Menu-->
<div class="d-flex justify-content-center">
<button type="button" class="btn btm-sm btn-icon btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-overflow="true" data-kt-menu-placement="top-start" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-dismiss="click" title="" data-bs-original-title="Quick actions">
<!--begin::Svg Icon | path: icons/duotune/general/gen008.svg-->
<span class="svg-icon svg-icon-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path d="M3 2H10C10.6 2 11 2.4 11 3V10C11 10.6 10.6 11 10 11H3C2.4 11 2 10.6 2 10V3C2 2.4 2.4 2 3 2Z" fill="black"></path>
<path opacity="0.3" d="M14 2H21C21.6 2 22 2.4 22 3V10C22 10.6 21.6 11 21 11H14C13.4 11 13 10.6 13 10V3C13 2.4 13.4 2 14 2Z" fill="black"></path>
<path opacity="0.3" d="M3 13H10C10.6 13 11 13.4 11 14V21C11 21.6 10.6 22 10 22H3C2.4 22 2 21.6 2 21V14C2 13.4 2.4 13 3 13Z" fill="black"></path>
<path opacity="0.3" d="M14 13H21C21.6 13 22 13.4 22 14V21C22 21.6 21.6 22 21 22H14C13.4 22 13 21.6 13 21V14C13 13.4 13.4 13 14 13Z" fill="black"></path>
</svg>
</span>
<!--end::Svg Icon-->
</button>
<!--begin::Menu 2-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px" data-kt-menu="true">
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content fs-6 text-dark fw-bolder px-3 py-4">Quick Actions</div>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator mb-3 opacity-75"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Ticket</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Customer</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
<!--begin::Menu item-->
<a href="#" class="menu-link px-3">
<span class="menu-title">New Group</span>
<span class="menu-arrow"></span>
</a>
<!--end::Menu item-->
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Admin Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Staff Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Member Group</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Contact</a>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator mt-3 opacity-75"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content px-3 py-3">
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
</div>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu 2-->
</div>
<!--end::Menu-->
</div>
<!--end::Footer-->
</div></div>Looks great! Thanks for sharing this solution.
Go you,
So delete the correpondant div.
thank you.
Hi,
It seems this only-header.html template was wrongly generated for Demo 6. Its supposed to be included only for demo1. We will revise and remove it in the next update.
Regards
Thank you Sean.
React Dev Vacancy
KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
