Nav
Nav info
Navbar White
draft
Nav info here

    <nav class="navbar navbar-expand navbar-header bg-white">
      <a href=#" class="mr-auto fr-menu"><i class="material-icons">menu</i></a>
      <ul class="navbar-nav">
        <li class="nav-item">
          <a href="#" class="nav-link">
            <span>Help &amp; Support</span>
          </a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link">
            <span>Docs</span>
          </a>
        </li>
      </ul>
    </ul>

Nav Column
draft
Nav info here

    <ul class="nav nav-sidebar w-100 flex-column">
      <li class="nav-item">
        <a href="#" class="nav-link">
          <span>Dashboard</span>
        </a>
      </li>
      <li class="nav-item">
        <a href="#" class="nav-link">
          <span>Applications</span>
        </a>
      </li>
      <li class="nav-item">
        <a href="#" class="nav-link">
          <span>Users</span>
        </a>
      </li>
      <li class="nav-item">
        <a href="#" class="nav-link">
          <span>Authentication</span>
        </a>
      </li>
      <li class="nav-item">
        <a href="#" class="nav-link">
          <span>Email</span>
        </a>
      </li>
      <li class="nav-item dropdown">
        <a href="#" class="nav-link dropdown-toggle">
          <span>Hosted Pages</span>
        </a>
        <div class="dropdown-menu">
          <ul class="flex-column w-100 nav">
            <li class="nav-item">
              <a href="#" class="nav-link">
                <span>Sign In/Sign Up</span>
              </a>
            </li>
          </ul>
        </div>
      </li>
      <li class="nav-item dropdown">
        <a href="#" class="nav-link dropdown-toggle">
          <span>Configure</span>
        </a>
        <div class="dropdown-menu">
          <ul class="flex-column w-100 nav">
            <li class="nav-item">
              <a href="#" class="d-flex nav-link">
                <span>Password Policy</span>
              </a>
            </li>
          </ul>
        </div>
      </li>
    </ul>

Navbar Sidebar
draft

    <nav class="navbar navbar-sidebar navbar-dark bg-dark">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a href="#" class="nav-link">
            <i class="material-icons material-icons-outlined mr-3">dashboard</i>
            <span>Dashboard</span>
          </a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link active">
            <i class="material-icons material-icons-outlined mr-3">apps</i>
            <span>Applications</span>
          </a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link">
            <i class="material-icons material-icons-outlined mr-3">group</i>
            <span>Users</span>
          </a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link">
            <i class="material-icons material-icons-outlined mr-3">fingerprint</i>
            <span>Authentication</span>
          </a>
        </li>
        <li class="nav-item">
          <a href="#" class="nav-link">
            <i class="material-icons material-icons-outlined mr-3">email</i
            ><span>Email</span>
          </a>
        </li>
        <li class="nav-item dropdown">
          <a href="#" class="nav-link dropdown-toggle" aria-expanded="true">
            <i class="material-icons material-icons-outlined mr-3">assignment</i>
            <span>Hosted Pages</span>
          </a>
          <div class="dropdown-menu">
            <ul class="flex-column w-100 nav">
              <li class="nav-item">
                <a href="#" class="nav-link active">
                  <span>Sign In/Sign Up</span>
                </a>
              </li>
            </ul>
          </div>
        </li>
        <li class="nav-item dropdown">
          <a href="#" class="nav-link dropdown-toggle">
            <i class="material-icons material-icons-outlined mr-3">settings</i>
            <span>Configure</span>
          </a>
          <div class="dropdown-menu">
            <ul class="flex-column w-100 nav">
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <span>Password Policy</span>
                </a>
              </li>
            </ul>
          </div>
        </li>
      </ul>
    </nav>