header.html

<header id="site-header" role="banner" aria-label="Site header">
    <div id="site-header-wrapper" class="margin-wrapper body-wrapper">
      <a href="{{ '/' | relative_url }}" class="elixir-image">
        <img src="{{ 'assets/ELIXIR_LU.png' | relative_url }}" title="ELIXIR LU logo" alt="ELIXIR LU logo" />
      </a>
      <div class="hamburger">
        <input type="checkbox" />

        <ul>
            <li><a {% if page.layout == 'index' %} class="active" {% endif %} href="{{ '/' | relative_url }}">Home</a></li>
            <li><a {% if page.section == 'About' %} class="active" {% endif %} href="{{ '/about-node' | relative_url }}">About</a></li>
            <li><a {% if page.section == 'Services' %} class="active" {% endif %} href="{{ '/services' | relative_url }}">Services</a></li>
            <li><a {% if page.section == 'Training' %} class="active" {% endif %} href="{{ '/training' | relative_url }}">Training</a></li>
            <li><a {% if page.section == 'Events' %} class="active" {% endif %} href="{{ '/events' | relative_url }}">Events</a></li>
            <li><a {% if page.section == 'News' %} class="active" {% endif %} href="{{ '/news' | relative_url }}">News</a></li>
            <li><a {% if page.section == 'Contact' %} class="active" {% endif-%} href="{{ '/contact' | relative_url }}">Contact</a></li>
            <li><a {% if page.section == 'Search' %} class="active" {% endif-%} href="{{ '/search' | relative_url }}">Search</a></li>
        </ul>
      </div>
    </div>
</header>