<nav class="e-nav purple">
    <img src="https://bit.ly/2D7yayE" style="width:90px;height:auto;">
    <label for="e-menu" class="e-btn outlined transparent 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 circle small transparent"><i class="fa fa-users"></i></a>
      <a class="e-btn circle small transparent"><i class="far fa-bell"></i></a>
      <a class="e-btn transparent">Connect</a>
      <i class="e-distribution"></i>
      <a class="e-menu-item">Home</a>
      <a class="e-menu-item">About</a>
      <a class="e-menu-item">Support</a>
      <a class="e-menu-item">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">Settings</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>