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.
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.