Dashboard Tabs – Frontend Snippet

Go back

<header class="h09">
  <div class="h09-top">
    <div class="h09-top-in">
      <a href="#" class="h09-logo" aria-label="Home"><span></span></a>
      <span class="h09-sep">/</span>
      <button class="h09-proj"><i></i>Portfolio v3<b>⌄</b></button>
      <div class="h09-right">
        <button class="h09-bell" aria-label="Notifications"><svg viewBox="0 0 24 24"><path d="M6 16V11a6 6 0 1 1 12 0v5l1.5 2h-15z"/><path d="M10 20a2 2 0 0 0 4 0"/></svg><em>3</em></button>
        <span class="h09-av">AC</span>
      </div>
    </div>
  </div>
  <nav class="h09-tabs" aria-label="Sections">
    <a href="#" class="is-active">Overview</a>
    <a href="#">Projects</a>
    <a href="#">Analytics</a>
    <a href="#">Deployments</a>
    <a href="#">Settings</a>
    <span class="h09-ink" aria-hidden="true"></span>
  </nav>
</header>