Side nav

Navigation links to put on the side of a page


How they look

View demo Open in new window
320 x 568
View code
    <nav>
  <ul class="gg-c-sidenav">
    <li>
      <a class="gg-c-sidenav__item gg-c-sidenav__item--current-page" href="#">Placeholder</a>
    </li>
    <li>
      <a class="gg-c-sidenav__item" href="#">Another placeholder</a>
    </li>
    <li>
      <a class="gg-c-sidenav__item" href="#">Yet another placeholder</a>
    </li>
    <li>
      <a class="gg-c-sidenav__item" href="#">Lorem ipsum</a>
    </li>
  </ul>
</nav>