<header class=“header”>

<div class="header-content content-width">
  <h1>
    <a class="site-title" href="{{ "/" | relative_url }}" title="{{ site.description }}">
      {{ site.title | escape }}
    </a>
  </h1>

  <a id="menuBar" class="mobile-menu-bar" href="javascript:void(0);">
    <i class="fa fa-bars" aria-hidden="true"></i>
  </a>

  <nav class="header-menu">
    <ul>
      {% for menu in site.menu %}
        {% if menu.path == page.url %}
          <li class="active-menu">
        {% else %}
          <li>
        {% endif %}

          <a href="{{ menu.path }}">{{ menu.label }}</a>
        </li>
      {% endfor %}
    </ul>
  </nav>
</div>

</header>