Menu Structure

Menu Structure for Vertical layout

File: src/partials/sidebar.html

                    
<div class="vertical-menu">

<div data-simplebar class="h-100">

  <!--- Sidemenu -->
  <div id="sidebar-menu">
    <!-- Left Menu Start -->
    <ul class="metismenu list-unstyled" id="side-menu">
      <li class="menu-title">Menu</li>

      <li>
        <a href="index.html">
          <div class="d-inline-block mr-1"><i class="mdi mdi-view-dashboard"></i></div>
          <span>Dashboard</span>
        </a>
      </li>

      <li>
        <a href="javascript: void(0);" class="has-arrow">
          <div class="d-inline-block mr-1"><i class="mdi mdi-apps"></i></div>
          <span>Apps</span>
        </a>
        <ul class="sub-menu" aria-expanded="false">
          <li><a href="apps-chat.html">Chat</a></li>
          ...
        </ul>
      </li>

    </ul>

  </div>
  <!-- Sidebar -->
</div>
</div>
Menu Structure for Horizontal layout

File: src/partials/horizontal-topbar.html

                    
<div class="topnav">
  <nav class="navbar navbar-light navbar-expand-lg topnav-menu">
    <div class="collapse navbar-collapse" id="topnav-menu-content">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="index.html">
            Dashboard
          </a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle arrow-none" id="topnav-apps" data-toggle="dropdown" aria-haspopup="true"
            aria-expanded="false">
            Apps
            <div class="arrow-down"></div>
          </a>
          <div class="dropdown-menu" aria-labelledby="topnav-apps">
            <a href="apps-chat.html" class="dropdown-item">Chat</a>
            ....
          </div>
        </li>
      </ul>
    </div>
  </nav>
</div>