Navigasyon

Navigasyon barında kullanmak üzere hazırlanmış yatay navigasyon komponenti.

<nav>
  <ul class="gra-nav">
    <li class="gra-nav-item">
      <a class="gra-nav-link" href="#">Ana Sayfa</a>
    </li>
    <li class="gra-nav-item">
      <a class="gra-nav-link" href="#">Hakkımızda</a>
    </li>
    <li class="gra-nav-item">
      <a class="gra-nav-link current" href="#" aria-current="page">İletişim</a>
    </li>
    <li class="gra-nav-item">
      <a class="gra-nav-link" href="#">Çalışmalar</a>
    </li>
  </ul>
</nav>

Tam Genişlik

Tam genişlik için .gra-nav classına ek olarak .gra-nav-fill kullanabilirsiniz.

<nav>
  <ul class="gra-nav gra-nav-fill">
    <li class="gra-nav-item">
      <a class="gra-nav-link" href="#">Ana Sayfa</a>
    </li>
    <li class="gra-nav-item">
      <a class="gra-nav-link" href="#">Hakkımızda</a>
    </li>
    <li class="gra-nav-item">
      <a class="gra-nav-link current" href="#" aria-current="page">İletişim</a>
    </li>
    <li class="gra-nav-item">
      <a class="gra-nav-link" href="#">Çalışmalar</a>
    </li>
  </ul>
</nav>