Header

HTML

<header class="site-header">
  <a class="logo" href="/">Uncover</a> <input type="checkbox" id="menu-toggle" role="switch" aria-controls="menu" aria-expanded="false"> <label for=
  "menu-toggle" class="hamburger" aria-label="Menu" role="button">Menu</label>
  <nav class="nav" role="navigation" aria-label="Main menu" id="main-menu">
    <ul class="nav__group">
      <li class="nav__item selected">
        <a href="/luke">Luke</a>
      </li>
      <li class="nav__item">
        <a href="/mark">Mark</a>
      </li>
      <li class="nav__item">
        <a href="/john">John</a>
      </li>
      <li class="nav__item nav__item--hl">
        <a href="/about">About us</a>
      </li>
    </ul>
  </nav>
</header>