Section navigation

Section-level navigation used to move through related content sub-sections such as departments or institutes.

<!-- COMPONENT: Section navigation -->
<nav class="section-nav">
    <div class="row column">
        <a href="#">
            <h1 class="organisation-name">Organisation</h1>
        </a>
        <span class="section-nav-divider"></span>
        <ul>
            <li><a href="#">Option A</a></li>
            <li><a href="#">Option B</a></li>
            <li><a href="#">Option C</a></li>
            <li><a href="#">Option D</a></li>
        </ul>
    </div>
</nav>
<!-- End component: Section navigation -->
  • Handle: @section-navigation
  • Preview:
  • Filesystem Path: components/ingredients/common-ingredients/navigation/section-navigation/section-navigation.hbs