Explore

Accessibility Arrows Business Communication Design

Settings

Interfaces Logistics Marketing Payments

Profile

Status Medical Changes Tables Log in


<nav class="e-nav fixed white">
  <label for="e-sidenav" class="e-btn small circle primary mr-3"><i class="fas fa-bars"></i></label>
  <img src="./image" style="width:90px;height:auto;">
  <label for="e-menu" class="e-btn small circle primary no-desktop"><i class="fas fa-th"></i></label>
  <input type="checkbox" id="e-menu">
  <div class="e-menu">
    <i class="e-distribution"></i>
    <a class="e-menu-item">Home</a>
    <a class="e-menu-item">About</a>
  </div>
</nav>

<!-- Sidenav -->
<input type="checkbox" id="e-sidenav">
<div class="e-cap cap-sidenav">
<div class="e-sidenav primary">

  <div class="sidenav-brand">
    <img src="./image.png">
  </div>

  <p class="sidenav-label">Explore</p>

  <a class="sidenav-item">
    Accessibility
  </a>
  <a class="sidenav-item">
    Arrows
  </a>
</div>
<!-- Layer of the body to hide again -->
<label for="e-sidenav" class="e-cap sidenav-hidden"></label>
</div>