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="http://www.bath.ac.uk/departments/department-of-mechanical-engineering">
            <h1 class="organisation-name">Department of Mechanical Engineering</h1>
        </a>
        <span class="section-nav-divider"></span>
        <ul>
            <li><a href="http://www.bath.ac.uk/courses/undergraduate-2018/mechanical-engineering">Undergraduate courses</a></li>
            <li><a href="http://www.bath.ac.uk/engineering/postgraduate-study">Postgraduate degrees</a></li>
            <li><a href="http://www.bath.ac.uk/mech-eng/research">Research</a></li>
            <li><a href="http://www.bath.ac.uk/teams/?f.Department+or+group%7CX=Department+of+Mechanical+Engineering">People</a></li>
        </ul>
    </div>
</nav>
<!-- End component: Section navigation -->
  • Handle: @section-navigation
  • Preview:
  • Filesystem Path: components/common-components/navigation/section-navigation/section-navigation.hbs