Nav

A simple horizontal navigation component prepared for use in the navigation bar.

<nav>
  <ul class="nav">
    <li class="nav-item">
      <a class="nav-link" href="#">Home</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">About</a>
    </li>
    <li class="nav-item">
      <a class="nav-link current" href="#" aria-current="page">Contact</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Works</a>
    </li>
  </ul>
</nav>

Full Width

For using full with you can use .nav-fill with .nav class.

<nav>
  <ul class="nav nav-fill">
    <li class="nav-item">
      <a class="nav-link" href="#">Home</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">About</a>
    </li>
    <li class="nav-item">
      <a class="nav-link current" href="#" aria-current="page">Contact</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Works</a>
    </li>
  </ul>
</nav>
© 2019, Built with  🎧☕️❤️& Gralig.