2025-02-02 17:15:45 -05:00

130 lines
8.4 KiB
PHP

<aside class="app-sidebar sticky" id="sidebar">
<!-- Start::main-sidebar-header -->
<div class="main-sidebar-header">
<a href="index.php" class="header-logo">
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-logo.png" alt="logo" class="desktop-logo">
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/toggle-logo.png" alt="logo" class="toggle-logo">
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-dark.png" alt="logo" class="desktop-dark">
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/toggle-dark.png" alt="logo" class="toggle-dark">
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-white.png" alt="logo" class="desktop-white">
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/toggle-white.png" alt="logo" class="toggle-white">
</a>
</div>
<!-- End::main-sidebar-header -->
<!-- Start::main-sidebar -->
<div class="main-sidebar" id="sidebar-scroll">
<!-- Start::nav -->
<nav class="main-menu-container nav nav-pills flex-column sub-open">
<div class="slide-left" id="slide-left">
<svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path> </svg>
</div>
<ul class="main-menu">
<!-- Start::slide__category -->
<li class="slide__category"><span class="category-name">Main</span></li>
<!-- End::slide__category -->
<!-- Start::slide -->
<li class="slide has-sub">
<a href="javascript:void(0);" class="side-menu__item">
<i class="bx bx-home side-menu__icon"></i>
<span class="side-menu__label">Dashboards<span class="badge bg-warning-transparent ms-2">12</span></span>
<i class="fe fe-chevron-right side-menu__angle"></i>
</a>
<ul class="slide-menu child1">
<li class="slide side-menu__label1">
<a href="javascript:void(0);">Dashboards</a>
</li>
<li class="slide">
<a href="index.php" class="side-menu__item">CRM</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Ecommerce</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Crypto</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Jobs</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">NFT</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Sales</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Analytics</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Projects</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">HRM</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Stocks</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Courses</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Personal</a>
</li>
</ul>
</li>
<!-- End::slide -->
<!-- Start::slide -->
<li class="slide has-sub">
<a href="javascript:void(0);" class="side-menu__item">
<i class="bx bx-layer side-menu__icon"></i>
<span class="side-menu__label">Nested Menu</span>
<i class="fe fe-chevron-right side-menu__angle"></i>
</a>
<ul class="slide-menu child1">
<li class="slide side-menu__label1">
<a href="javascript:void(0);">Nested Menu</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Nested-1</a>
</li>
<li class="slide has-sub">
<a href="javascript:void(0);" class="side-menu__item">Nested-2
<i class="fe fe-chevron-right side-menu__angle"></i></a>
<ul class="slide-menu child2">
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Nested-2-1</a>
</li>
<li class="slide has-sub">
<a href="javascript:void(0);" class="side-menu__item">Nested-2-2
<i class="fe fe-chevron-right side-menu__angle"></i></a>
<ul class="slide-menu child3">
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Nested-2-2-1</a>
</li>
<li class="slide">
<a href="javascript:void(0);" class="side-menu__item">Nested-2-2-2</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<!-- End::slide -->
</ul>
<div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path> </svg></div>
</nav>
<!-- End::nav -->
</div>
<!-- End::main-sidebar -->
</aside>