<nav class="e-nav white">
    <h6>Logo</h6>
    <label for="e-menu" class="e-btn no-shadow no-desktop"><i class="fas fa-bars"></i></label>
    <input type="checkbox" id="e-menu">
    <div class="e-menu">
      <a class="e-btn small outlined success">Log in</a>
      <a class="e-btn small success">Sing up</a>
      <i class="e-distribution"></i>
      <a class="e-menu-item"><i class="fa fa-home text-danger"></i> Home</a>
      <a class="e-menu-item"><i class="fa fa-users text-primary"></i> Friends</a>
      <a class="e-menu-item"><i class="fa fa-umbrella text-warning"></i> Contacts</a>
      <div class="e-dropdown">
        More <i class="fas fa-angle-down"></i>
        <div class="drop-items">
          <a class="drop-item">Documents</a>
          <a class="drop-item">Documentation</a>
          <a class="drop-item">Support</a>
          <hr>
          <a class="drop-item">Sing up</a>
        </div>
      </div>
    </div>
  </nav>