Menu Structure

Menu Structure for Vertical layout

File: src/partials/left-sidebar.html

                    
<aside class="side-navbar">
<div class="scroll-content" id="metismenu">
  <ul id="side-menu" class="metismenu list-unstyled">
    <li class="side-nav-title side-nav-item menu-title">Menu</li>
    <li>
      <a href="javascript:void(0);" class="side-nav-link" aria-expanded="false">
        <i class="bx bx-home-circle"></i>
        <span> Dashboard</span>
        <span class="menu-arrow"></span>
      </a>
      <ul aria-expanded="false" class="nav-second-level">
        <li class="side-nav-item">
          <a class="side-nav-link" href="index.html"> Multi Purpose </a>
        </li>
        <li class="side-nav-item">
          <a class="side-nav-link" href="dashboard2.html"> E-commerce </a>
        </li>
        <li class="side-nav-item">
          <a class="side-nav-link" href="dashboard3.html"> Server Statistics </a>
        </li>
      </ul>
    </li>
  </ul>
</div>
</aside>
Menu Structure for Horizontal layout

File: src/partials/header-horizontal.html

                    
<div class="horizontal-topnav shadow-sm">
  <div class="container-fluid">
    <nav class="navbar navbar-expand-lg topnav-menu">
      <div id="topnav-menu-content" class="collapse navbar-collapse">
        <ul id="side-menu" class="navbar-nav">
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="topnav-dashboard" role="button" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">
              <i class="bx bxs-dashboard me-1"></i> Dashboards
              <i class="bx bx-chevron-down"></i>
            </a>
            <div class="dropdown-menu" aria-labelledby="topnav-dashboard">
              <a class="dropdown-item" href="index.html"> Multi Purpose </a>
              <a class="dropdown-item" href="dashboard2.html"> E-commerce </a>
              <a class="dropdown-item" href="dashboard3.html"> Server Statistics </a>
            </div>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</div>