<header class=“header”>

{% if site.contact.avatar-image %}
<a href="{{ "/" | relative_url }}" title="{{ site.title | escape }}" aria-label="{{ site.title | escape }}"><img src="{{ site.contact.avatar-image }}" alt="{{ site.title | escape }}" class="site-avatar"></a>
{% endif %}
<a href="{{ "/" | relative_url }}" class="site-title" rel="author" title="{{ site.title | escape }}" aria-label="{{ site.title | escape }}">{{ site.title | escape }}</a>
{% if site.subtitle %}
<div class="site-subtitle">
    {{ site.subtitle }}
</div>
{% endif %}
{% if site.content.header-s %}
  {% include header-suffix.html %}
{% endif %}
{% if site.content.header-suffix %}
  {% include {{ site.content.header-suffix }} %}
{% endif %}
<div id="menu-toggle" class="menu-toggle"><i class="fas fa-bars" aria-hidden="true"></i><i class="fas fa-times" aria-hidden="true"></i></div>
<div class="main-navigation" aria-label="Main Navigation">
  {% assign page_paths = site.pages | where: 'include_nav', true | map: "path" %}   
  {% if page_paths %}
    <nav class="site-nav">
      <ul>
          {% for path in page_paths %}
          {% assign my_page = site.pages | where: "path", path | first %}
          {% if my_page.title or my_page.nav_title %}
          {% assign title = my_page.nav_title | default: my_page.title %}
          <li><a class="nav-link" href="{{ my_page.url | relative_url }}" title="{{ title | escape }}" aria-label="{{ title | escape }}">{{ title | escape }}</a></li>
          {% endif %}
        {% endfor %}
        {% if site.contact.url %}
        <li><a class="page-link" href="{{ site.contact.url }}" title="Contact" aria-label="Contact">Contact</a></li>
        {% endif %}
      </ul>
    </nav>
  {% endif %}
  <div class="social-links">
      {% include social-links.html %}
  </div>
</div>

</header>