Global navigation

Top level navigation with links to the main sections of the site. This component also includes the main site search.

Elements

  • Courses (link)
  • Research (link)
  • Departments (link)
  • About (link)
  • Explore (link)

Position

Sits at the top of the page

<!-- GLOBAL COMPONENT: Global navigation -->
<nav class="global-nav">
    <div class="row">
        <div class="column large-15 end">
            <ul>
                <li><a href="http://www.bath.ac.uk/collections/courses/">Courses</a></li>
                <li><a href="http://www.bath.ac.uk/research/">Research</a></li>
                <li class="active-nav"><a href="http://www.bath.ac.uk/departments/">Departments</a></li>
                <li><a href="http://www.bath.ac.uk/collections/about-the-university/">About</a></li>
                <li><a href="/explore">Explore</a></li>
            </ul>
        </div>
        <div class="column large-8">
            <form class="site-search" method="get" action="http://www.bath.ac.uk/search">
                <input class="search-field" name="query" placeholder="Search the site" title="Type search term here" type="text">
                <input name="collection" value="website" type="hidden">
                <input class="search-button" value="search" type="submit">
            </form>
        </div>
    </div>
</nav>
<!-- End global component: Global navigation -->
  • Handle: @global-navigation
  • Preview:
  • Filesystem Path: components/global-components/global-navigation/global-navigation.hbs