<header class=“header”>

<a class="brand-title" href="{{ '/' | relative_url }}">{{ site.title }}</a>
<p class="brand-tagline">{{ site.tagline }}</p>

{% if site.data.navigation %}
  <nav class="nav pure-menu">
    <ul class="pure-menu-list">
    {% for item in site.data.navigation %}
      <li class="nav-item pure-menu-item">
        <a href="{{ item.url | relative_url }}" class="pure-menu-link {% if page.url == item.url %}current{% endif %}">
          {{ item.title }}
        </a>
      </li>
    {% endfor %}
    </ul>
  </nav>
{% endif %}

{% if site.data.social %}
  <div class="social pure-menu pure-menu-horizontal">
    <ul class="social-list pure-menu-list">
      {% for social in site.data.social %}
        <li class="social-item pure-menu-item">
          <a class="pure-menu-link pure-button" href="{{ social.url }}" target="_blank">
            <i class="{{ social.icon | default: 'fas fa-link' }}" title="{{ social.title }}"></i>
          </a>
        </li>
      {% endfor %}
    </ul>
  </div>
{% endif %}

</header>