File "sidebar.html"
Full Path: /home/analogde/www/MDPH/Work/sidebar.html
File size: 4.95 KB
MIME-type: text/html
Charset: utf-8
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
<!-- sidebar -->
<nav class="sidebar">
<div class="menu_content">
<ul class="menu_items">
<div class="menu_title menu_dahsboard"></div>
<!-- duplicate or remove this li tag if you want to add or remove navlink with submenu -->
<!-- start -->
<li class="item">
<div href="#" class="nav_link submenu_item">
<span class="navlink_icon">
<i class="bx bx-home-alt"></i>
</span>
<span class="navlink">Home</span>
<i class="bx bx-chevron-right arrow-left"></i>
</div>
<ul class="menu_items submenu">
<a href="#" class="nav_link sublink">Nav Sub Link</a>
<a href="#" class="nav_link sublink">Nav Sub Link</a>
<!--
<a href="#" class="nav_link sublink">Nav Sub Link</a>
<a href="#" class="nav_link sublink">Nav Sub Link</a>
-->
</ul>
</li>
<!-- end -->
<!-- duplicate this li tag if you want to add or remove navlink with submenu -->
<!-- start -->
<li class="item">
<div href="#" class="nav_link submenu_item">
<span class="navlink_icon">
<i class="bx bx-grid-alt"></i>
</span>
<span class="navlink">Overview</span>
<i class="bx bx-chevron-right arrow-left"></i>
</div>
<ul class="menu_items submenu">
<a href="#" class="nav_link sublink">Nav Sub Link</a>
<a href="#" class="nav_link sublink">Nav Sub Link</a>
<a href="#" class="nav_link sublink">Nav Sub Link</a>
<a href="#" class="nav_link sublink">Nav Sub Link</a>
</ul>
</li>
<!-- end -->
</ul>
<ul class="menu_items">
<div class="menu_title menu_editor"></div>
<!-- duplicate these li tag if you want to add or remove navlink only -->
<!-- Start -->
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bxs-magic-wand"></i>
</span>
<span class="navlink">Magic build</span>
</a>
</li>
<!-- End -->
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-loader-circle"></i>
</span>
<span class="navlink">Filters</span>
</a>
</li>
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-filter"></i>
</span>
<span class="navlink">Filter</span>
</a>
</li>
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-cloud-upload"></i>
</span>
<span class="navlink">Upload new</span>
</a>
</li>
</ul>
<ul class="menu_items">
<div class="menu_title menu_setting"></div>
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-flag"></i>
</span>
<span class="navlink">Notice board</span>
</a>
</li>
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-medal"></i>
</span>
<span class="navlink">Award</span>
</a>
</li>
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-cog"></i>
</span>
<span class="navlink">Setting</span>
</a>
</li>
<li class="item">
<a href="#" class="nav_link">
<span class="navlink_icon">
<i class="bx bx-layer"></i>
</span>
<span class="navlink">Features</span>
</a>
</li>
</ul>
<!-- Sidebar Open / Close -->
<div class="bottom_content">
<div class="bottom expand_sidebar">
<span> Expand</span>
<i class='bx bx-log-in' ></i>
</div>
<div class="bottom collapse_sidebar">
<span> Collapse</span>
<i class='bx bx-log-out'></i>
</div>
</div>
</div>
</nav>
<!-- JavaScript -->
<script src="script.js"></script>