Files
ChiefSoftNet2022/app/Views/projects/top_left_menu.php
T
DESKTOP-GBA0BK8\Admin d1e8ae9cd1 Logo
2023-04-01 14:13:00 -04:00

2919 lines
166 KiB
PHP

<!--begin::Menu-->
<div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item here show menu-here-bg menu-lg-down-accordion me-0 me-lg-2">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-title">Dashboards 001 </span>
<span class="menu-arrow d-lg-none"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown p-0 w-100 w-lg-850px">
<!--begin:Dashboards menu-->
<div class="menu-state-bg menu-extended overflow-hidden overflow-lg-visible" data-kt-menu-dismiss="true">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-8 mb-3 mb-lg-0 py-3 px-3 py-lg-6 px-lg-6">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/index.html" class="menu-link active">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-element-11 text-primary fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Default</span>
<span class="fs-7 fw-semibold text-muted">Reports & statistics</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/ecommerce.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-basket text-danger fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">eCommerce</span>
<span class="fs-7 fw-semibold text-muted">Sales reports</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/projects.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-abstract-44 text-info fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Projects</span>
<span class="fs-7 fw-semibold text-muted">Tasts, graphs & charts</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/online-courses.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-color-swatch text-success fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
<span class="path7"></span>
<span class="path8"></span>
<span class="path9"></span>
<span class="path10"></span>
<span class="path11"></span>
<span class="path12"></span>
<span class="path13"></span>
<span class="path14"></span>
<span class="path15"></span>
<span class="path16"></span>
<span class="path17"></span>
<span class="path18"></span>
<span class="path19"></span>
<span class="path20"></span>
<span class="path21"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Online Courses</span>
<span class="fs-7 fw-semibold text-muted">Student progress</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/marketing.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-chart-simple text-dark fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Marketing</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/bidding.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-switch text-warning fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Bidding</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/pos.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-abstract-42 text-danger fs-1">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">POS System</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/call-center.html" class="menu-link">
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">
<i class="ki-duotone ki-call text-primary fs-1">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
<span class="path7"></span>
<span class="path8"></span>
</i>
</span>
<span class="d-flex flex-column">
<span class="fs-6 fw-bold text-gray-800">Call Center</span>
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
<div class="separator separator-dashed mx-5 my-5"></div>
<!--begin:Landing-->
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mx-5">
<div class="d-flex flex-column me-5">
<div class="fs-6 fw-bold text-gray-800">Landing Page Template</div>
<div class="fs-7 fw-semibold text-muted">Onpe page landing template with pricing & others</div>
</div>
<a href="../../demo1/dist/landing.html" class="btn btn-sm btn-primary fw-bold">Explore</a>
</div>
<!--end:Landing-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="menu-more bg-light col-lg-4 py-3 px-3 py-lg-6 px-lg-6 rounded-end">
<!--begin:Heading-->
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">More Dashboards</h4>
<!--end:Heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/logistics.html" class="menu-link py-2">
<span class="menu-title">Logistics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/website-analytics.html" class="menu-link py-2">
<span class="menu-title">Website Analytics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/finance-performance.html" class="menu-link py-2">
<span class="menu-title">Finance Performance</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/store-analytics.html" class="menu-link py-2">
<span class="menu-title">Store Analytics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/social.html" class="menu-link py-2">
<span class="menu-title">Social</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/delivery.html" class="menu-link py-2">
<span class="menu-title">Delivery</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/crypto.html" class="menu-link py-2">
<span class="menu-title">Crypto</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/school.html" class="menu-link py-2">
<span class="menu-title">School</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/dashboards/podcast.html" class="menu-link py-2">
<span class="menu-title">Podcast</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Dashboards menu-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-0 me-lg-2">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-title">Pages</span>
<span class="menu-arrow d-lg-none"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown p-0">
<!--begin:Pages menu-->
<div class="menu-active-bg px-4 px-lg-0">
<!--begin:Tabs nav-->
<div class="d-flex w-100 overflow-auto">
<ul class="nav nav-stretch nav-line-tabs fw-bold fs-6 p-0 p-lg-10 flex-nowrap flex-grow-1">
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 active text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_pages">General</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_account">Account</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_authentication">Authentication</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_utilities">Utilities</a>
</li>
<!--end:Nav item-->
<!--begin:Nav item-->
<li class="nav-item mx-lg-1">
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_widgets">Widgets</a>
</li>
<!--end:Nav item-->
</ul>
</div>
<!--end:Tabs nav-->
<!--begin:Tab content-->
<div class="tab-content py-4 py-lg-8 px-lg-7">
<!--begin:Tab pane-->
<div class="tab-pane active w-lg-1000px" id="kt_app_header_menu_pages_pages">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-8">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">User Profile</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/user-profile/overview.html" class="menu-link">
<span class="menu-title">Overview</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/user-profile/projects.html" class="menu-link">
<span class="menu-title">Projects</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/user-profile/campaigns.html" class="menu-link">
<span class="menu-title">Campaigns</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/user-profile/documents.html" class="menu-link">
<span class="menu-title">Documents</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/user-profile/followers.html" class="menu-link">
<span class="menu-title">Followers</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/user-profile/activity.html" class="menu-link">
<span class="menu-title">Activity</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/about.html" class="menu-link">
<span class="menu-title">About</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/team.html" class="menu-link">
<span class="menu-title">Our Team</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/contact.html" class="menu-link">
<span class="menu-title">Contact Us</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/licenses.html" class="menu-link">
<span class="menu-title">Licenses</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/sitemap.html" class="menu-link">
<span class="menu-title">Sitemap</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Careers</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/careers/list.html" class="menu-link">
<span class="menu-title">Careers List</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/careers/apply.html" class="menu-link">
<span class="menu-title">Careers Apply</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">FAQ</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/faq/classic.html" class="menu-link">
<span class="menu-title">FAQ Classic</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/faq/extended.html" class="menu-link">
<span class="menu-title">FAQ Extended</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Blog</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/blog/home.html" class="menu-link">
<span class="menu-title">Blog Home</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/blog/post.html" class="menu-link">
<span class="menu-title">Blog Post</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Pricing</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/pricing/column.html" class="menu-link">
<span class="menu-title">Column Pricing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/pricing/table.html" class="menu-link">
<span class="menu-title">Table Pricing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Social</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/social/feeds.html" class="menu-link">
<span class="menu-title">Feeds</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/social/activity.html" class="menu-link">
<span class="menu-title">Activty</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/social/followers.html" class="menu-link">
<span class="menu-title">Followers</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/pages/social/settings.html" class="menu-link">
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-4">
<img src="/massets/media/stock/600x600/img-82.jpg" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-600px" id="kt_app_header_menu_pages_account">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-5 mb-6 mb-lg-0">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/overview.html" class="menu-link">
<span class="menu-title">Overview</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/settings.html" class="menu-link">
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/security.html" class="menu-link">
<span class="menu-title">Security</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/activity.html" class="menu-link">
<span class="menu-title">Activity</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/billing.html" class="menu-link">
<span class="menu-title">Billing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/statements.html" class="menu-link">
<span class="menu-title">Statements</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/referrals.html" class="menu-link">
<span class="menu-title">Referrals</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/api-keys.html" class="menu-link">
<span class="menu-title">API Keys</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/account/logs.html" class="menu-link">
<span class="menu-title">Logs</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-7">
<img src="/massets/media/stock/900x600/46.jpg" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_authentication">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/corporate/sign-in.html" class="menu-link">
<span class="menu-title">Sign-In</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/corporate/sign-up.html" class="menu-link">
<span class="menu-title">Sign-Up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/corporate/two-factor.html" class="menu-link">
<span class="menu-title">Two-Factor</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/corporate/reset-password.html" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/corporate/new-password.html" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Overlay Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/overlay/sign-in.html" class="menu-link">
<span class="menu-title">Sign-In</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/overlay/sign-up.html" class="menu-link">
<span class="menu-title">Sign-Up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/overlay/two-factor.html" class="menu-link">
<span class="menu-title">Two-Factor</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/overlay/reset-password.html" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/overlay/new-password.html" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Creative Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/creative/sign-in.html" class="menu-link">
<span class="menu-title">Sign-in</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/creative/sign-up.html" class="menu-link">
<span class="menu-title">Sign-up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/creative/two-factor.html" class="menu-link">
<span class="menu-title">Two-Factor</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/creative/reset-password.html" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/creative/new-password.html" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Fancy Layout</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/fancy/sign-in.html" class="menu-link">
<span class="menu-title">Sign-In</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/fancy/sign-up.html" class="menu-link">
<span class="menu-title">Sign-Up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/fancy/two-factor.html" class="menu-link">
<span class="menu-title">Two-Factor</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/fancy/reset-password.html" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/layouts/fancy/new-password.html" class="menu-link">
<span class="menu-title">New Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/extended/multi-steps-sign-up.html" class="menu-link">
<span class="menu-title">Multi-Steps Sign-Up</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/welcome.html" class="menu-link">
<span class="menu-title">Welcome Message</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/verify-email.html" class="menu-link">
<span class="menu-title">Verify Email</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/coming-soon.html" class="menu-link">
<span class="menu-title">Coming Soon</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/password-confirmation.html" class="menu-link">
<span class="menu-title">Password Confirmation</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/account-deactivated.html" class="menu-link">
<span class="menu-title">Account Deactivation</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/error-404.html" class="menu-link">
<span class="menu-title">Error 404</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/general/error-500.html" class="menu-link">
<span class="menu-title">Error 500</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-3 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Email Templates</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/welcome-message.html" class="menu-link">
<span class="menu-title">Welcome Message</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/reset-password.html" class="menu-link">
<span class="menu-title">Reset Password</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/subscription-confirmed.html" class="menu-link">
<span class="menu-title">Subscription Confirmed</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/card-declined.html" class="menu-link">
<span class="menu-title">Credit Card Declined</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/promo-1.html" class="menu-link">
<span class="menu-title">Promo 1</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/promo-2.html" class="menu-link">
<span class="menu-title">Promo 2</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/authentication/email/promo-3.html" class="menu-link">
<span class="menu-title">Promo 3</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_utilities">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-7">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General Modals</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/general/invite-friends.html" class="menu-link">
<span class="menu-title">Invite Friends</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/general/view-users.html" class="menu-link">
<span class="menu-title">View Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/general/select-users.html" class="menu-link">
<span class="menu-title">Select Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/general/upgrade-plan.html" class="menu-link">
<span class="menu-title">Upgrade Plan</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/general/share-earn.html" class="menu-link">
<span class="menu-title">Share & Earn</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/forms/new-target.html" class="menu-link">
<span class="menu-title">New Target</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/forms/new-card.html" class="menu-link">
<span class="menu-title">New Card</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/forms/new-address.html" class="menu-link">
<span class="menu-title">New Address</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/forms/create-api-key.html" class="menu-link">
<span class="menu-title">Create API Key</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/forms/bidding.html" class="menu-link">
<span class="menu-title">Bidding</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-6">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Advanced Modals</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/create-app.html" class="menu-link">
<span class="menu-title">Create App</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/create-campaign.html" class="menu-link">
<span class="menu-title">Create Campaign</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/create-account.html" class="menu-link">
<span class="menu-title">Create Business Acc</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/create-project.html" class="menu-link">
<span class="menu-title">Create Project</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/top-up-wallet.html" class="menu-link">
<span class="menu-title">Top Up Wallet</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/offer-a-deal.html" class="menu-link">
<span class="menu-title">Offer a Deal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/two-factor-authentication.html" class="menu-link">
<span class="menu-title">Two Factor Auth</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Search</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/search/horizontal.html" class="menu-link">
<span class="menu-title">Horizontal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/search/vertical.html" class="menu-link">
<span class="menu-title">Vertical</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/search/users.html" class="menu-link">
<span class="menu-title">Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/search/select-location.html" class="menu-link">
<span class="menu-title">Select Location</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu section-->
<div class="mb-0">
<!--begin:Menu heading-->
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Wizards</h4>
<!--end:Menu heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/horizontal.html" class="menu-link">
<span class="menu-title">Horizontal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/vertical.html" class="menu-link">
<span class="menu-title">Vertical</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/two-factor-authentication.html" class="menu-link">
<span class="menu-title">Two Factor Auth</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/create-app.html" class="menu-link">
<span class="menu-title">Create App</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/create-campaign.html" class="menu-link">
<span class="menu-title">Create Campaign</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/create-account.html" class="menu-link">
<span class="menu-title">Create Account</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/create-project.html" class="menu-link">
<span class="menu-title">Create Project</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/modals/wizards/top-up-wallet.html" class="menu-link">
<span class="menu-title">Top Up Wallet</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/utilities/wizards/offer-a-deal.html" class="menu-link">
<span class="menu-title">Offer a Deal</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu section-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-5 pe-lg-5">
<img src="/massets/media/stock/600x600/img-84.jpg" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Tab pane-->
<!--begin:Tab pane-->
<div class="tab-pane w-lg-500px" id="kt_app_header_menu_pages_widgets">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-4 mb-6 mb-lg-0">
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/widgets/lists.html" class="menu-link">
<span class="menu-title">Lists</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/widgets/statistics.html" class="menu-link">
<span class="menu-title">Statistics</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/widgets/charts.html" class="menu-link">
<span class="menu-title">Charts</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/widgets/mixed.html" class="menu-link">
<span class="menu-title">Mixed</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/widgets/tables.html" class="menu-link">
<span class="menu-title">Tables</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/widgets/feeds.html" class="menu-link">
<span class="menu-title">Feeds</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-8">
<img src="/massets/media/stock/900x600/44.jpg" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Tab pane-->
</div>
<!--end:Tab content-->
</div>
<!--end:Pages menu-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-title">Apps</span>
<span class="menu-arrow d-lg-none"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown px-lg-2 py-lg-4 w-lg-250px">
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-rocket fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Projects</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">My Projects</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/project.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Project</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/targets.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Targets</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/budget.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Budget</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/users.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Users</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/files.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Files</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/activity.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Activity</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/projects/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-handcart fs-2"></i>
</span>
<span class="menu-title">eCommerce</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/catalog/products.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Products</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/catalog/categories.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Categories</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="click" class="menu-item menu-accordion menu-sub-indention">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/sales/listing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Orders Listing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/sales/details.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Order Details</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="click" class="menu-item menu-accordion menu-sub-indention">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/customers/listing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customers Listing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/customers/details.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customers Details</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="click" class="menu-item menu-accordion menu-sub-indention">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-accordion">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/reports/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Products Viewed</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/reports/sales.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Sales</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/reports/returns.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Returns</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/reports/shipping.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Shipping</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/ecommerce/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-chart fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Support Center</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/overview.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Overview</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/tickets/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Ticket List</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/tickets/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Ticket View</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/tutorials/post.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Tutorials Post</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/faq.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">FAQ</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/licenses.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Licenses</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/support-center/contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Contact Us</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-shield-tick fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">User Management</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<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>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/user-management/roles/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Roles</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/user-management/permissions.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Permissions</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-phone fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Contacts</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/contacts/getting-started.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Getting Started</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/contacts/add-contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Contact</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/contacts/edit-contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Edit Contact</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/contacts/view-contact.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Contact</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-basket fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
</i>
</span>
<span class="menu-title">Subscriptions</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/subscriptions/getting-started.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Getting Started</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/subscriptions/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Subscription List</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/subscriptions/add.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Add Subscription</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/subscriptions/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View Subscription</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-briefcase fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Customers</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/customers/getting-started.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Getting Started</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/customers/list.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Listing</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/customers/view.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Customer Details</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-credit-cart fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Invoice Management</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Profile</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/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>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/invoices/create.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Create Invoice</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-file-added fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">File Manager</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/file-manager/folders.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Folders</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/file-manager/files.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Files</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/file-manager/blank.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Blank Directory</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/file-manager/settings.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Settings</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-sms fs-2">
<span class="path1"></span>
<span class="path2"></span>
</i>
</span>
<span class="menu-title">Inbox</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/inbox/listing.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Messages</span>
<span class="menu-badge">
<span class="badge badge-light-success">3</span>
</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/inbox/compose.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Compose</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/inbox/reply.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">View & Reply</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-icon">
<i class="ki-duotone ki-message-text-2 fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
</i>
</span>
<span class="menu-title">Chat</span>
<span class="menu-arrow"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg px-lg-2 py-lg-4 w-lg-225px">
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/chat/private.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Private Chat</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/chat/group.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Group Chat</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/chat/drawer.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Drawer Chat</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item">
<!--begin:Menu link-->
<a class="menu-link" href="../../demo1/dist/apps/calendar.html">
<span class="menu-icon">
<i class="ki-duotone ki-calendar-8 fs-2">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
</i>
</span>
<span class="menu-title">Calendar</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-0 me-lg-2">
<!--begin:Menu link-->
<span class="menu-link">
<span class="menu-title">Layouts</span>
<span class="menu-arrow d-lg-none"></span>
</span>
<!--end:Menu link-->
<!--begin:Menu sub-->
<div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown p-0 w-100 w-lg-850px">
<!--begin:Dashboards menu-->
<div class="menu-active-bg pt-1 pb-3 px-3 py-lg-6 px-lg-6" data-kt-menu-dismiss="true">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6">
<!--begin:Row-->
<div class="row">
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Heading-->
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Layouts</h4>
<!--end:Heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/layouts/light-sidebar.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Light Sidebar</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/layouts/dark-sidebar.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Dark Sidebar</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/layouts/light-header.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Light Header</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/layouts/dark-header.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Dark Header</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3">
<!--begin:Heading-->
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Toolbars</h4>
<!--end:Heading-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/toolbars/classic.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Classic</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/toolbars/saas.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">SaaS</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/toolbars/accounting.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Accounting</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/toolbars/extended.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Extended</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
<!--begin:Menu item-->
<div class="menu-item p-0 m-0">
<!--begin:Menu link-->
<a href="../../demo1/dist/toolbars/reports.html" class="menu-link">
<span class="menu-bullet">
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
</span>
<span class="menu-title">Reports</span>
</a>
<!--end:Menu link-->
</div>
<!--end:Menu item-->
</div>
<!--end:Col-->
</div>
<!--end:Row-->
<div class="separator separator-dashed mx-lg-5 mt-2 mb-6"></div>
<!--begin:Layout Builder-->
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5">
<div class="d-flex flex-column me-5">
<div class="fs-6 fw-bold text-gray-800">Layout Builder</div>
<div class="fs-7 fw-semibold text-muted">Customize, preview and export</div>
</div>
<a href="/" class="btn btn-sm btn-primary fw-bold">Try Builder</a>
</div>
<!--end:Layout Builder-->
</div>
<!--end:Col-->
<!--begin:Col-->
<div class="col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center">
<img src="/massets/media/stock/900x600/45.jpg" class="rounded mw-100" alt="" />
</div>
<!--end:Col-->
</div>
<!--end:Row-->
</div>
<!--end:Dashboards menu-->
</div>
<!--end:Menu sub-->
</div>
<!--end:Menu item-->
</div>
<!--end::Menu-->