Page navigation

Set out key sections of page, allowing a user to traverse long pages quickly and easily.

<!-- COMPONENT: Page navigation -->
<div class="sidebar pull-right">
    <!-- In-page nav -->
    <nav class="panel in-page-nav bg-mint-75-light">
        <h1>On this page</h1>
        <ul>
            <li><a href="#course-structure">Course structure</a></li>
            <li><a href="#learning-assessment">Learning and assessment</a></li>
            <li><a href="#case-study">Case study</a></li>
            <li><a href="#entry-requirements">Entry requirements</a></li>
            <li><a href="#fees-funding">Fees and funding</a></li>
            <li><a href="#kis-widget">Unistats</a></li>
            <li><a href="#application-information">Application information</a></li>
        </ul>
    </nav>
</div>
<!-- End component: Page navigation -->
  • Handle: @page-navigation
  • Preview:
  • Filesystem Path: components/common-components/navigation/page-navigation/page-navigation.hbs
  • Referenced by (1): @page-nav