Editorial Minimal – Frontend Snippet

Go back

<header class="h02">
  <a href="#" class="h02-logo">Studio<sup>®</sup></a>
  <nav class="h02-nav" aria-label="Main">
    <a href="#">Index</a>
    <a href="#">Projects</a>
    <a href="#">Studio</a>
    <a href="#">Journal</a>
  </nav>
  <button class="h02-menu" aria-expanded="false"><span class="h02-roll"><span>Menu</span><span>Close</span></span><i></i></button>
  <div class="h02-overlay">
    <nav aria-label="Menu">
      <a href="#"><span><sup>01</sup>Index</span></a>
      <a href="#"><span><sup>02</sup>Projects</span></a>
      <a href="#"><span><sup>03</sup>Studio</span></a>
      <a href="#"><span><sup>04</sup>Journal</span></a>
    </nav>
    <p>hello@example.com</p>
  </div>
</header>