Floating Glass Pill – Frontend Snippet

Go back

<header class="h01">
  <a href="#" class="h01-logo"><span>S</span>Studio</a>
  <nav class="h01-nav" aria-label="Main">
    <span class="h01-ind" aria-hidden="true"></span>
    <a href="#" class="is-active">Home</a>
    <a href="#">Work</a>
    <a href="#">About</a>
    <a href="#">Journal</a>
    <a href="#">Contact</a>
  </nav>
  <a href="#" class="h01-cta">Let's talk <i>→</i></a>
  <button class="h01-burger" aria-label="Open menu" aria-expanded="false"><i></i><i></i></button>
</header>