<!-- Inbox left Sidebar  -->
<div class="inbox-left-sidebar">
  <div class="inbox-left-sidebar-inner">
    <!-- Compose button -->
    <div class="compose">
      <a class="button is-fullwidth raised is-bold">Compose</a>
    </div>
    <!-- Menu -->
    <div class="left-menu">
      <a href="#" class="item is-active">
        <i data-feather="mail"></i>
        <span class="name">Inbox</span>
      </a>
      <a href="#" class="item">
        <i data-feather="star"></i>
        <span class="name">Starred</span>
      </a>
      <a href="#" class="item">
        <i data-feather="send"></i>
        <span class="name">Sent Mail</span>
      </a>
      <a href="#" class="item">
        <i data-feather="folder"></i>
        <span class="name">Folders</span>
      </a>
    </div>
    <!-- Mobile only close -->
    <div class="close-menu is-hidden-desktop is-hidden-landscape">
      <a id="close-compose"><i data-feather="arrow-left"></i> Close Sidebar</a>
    </div>
  </div>
</div>
