Global navigation

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


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


Sits at the top of the page

<!-- GLOBAL COMPONENT: Global navigation -->
<nav class="global-nav">
    <div class="row">
        <div class="column large-15 end">
                <li><a href="">Courses</a></li>
                <li><a href="">Research</a></li>
                <li class="active-nav"><a href="">Departments</a></li>
                <li><a href="">About</a></li>
                <li><a href="/explore">Explore</a></li>
        <div class="column large-8">
            <form class="site-search" method="get" action="">
                <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">
<!-- End global component: Global navigation -->
  • Handle: @global-navigation
  • Preview:
  • Filesystem Path: components/global-components/global-navigation/global-navigation.hbs