Skip to content

Navbar

Main navigation bar for site-wide navigation.

Markup

<nav class="af-navbar">
  <a href="#" class="af-navbar-brand">
    Brand
  </a>
  <ul class="af-navbar-nav">
    <li>
      <a href="#">
        Home
      </a>
    </li>
    <li>
      <a href="#">
        About
      </a>
    </li>
    <li>
      <a href="#">
        Contact
      </a>
    </li>
  </ul>
</nav>

Live example