<header id=“nav-header” class=“border-dark border-left-0 border-right-0”>

<div id="nav-container" class="container position-relative d-flex justify-content-between align-items-center">
  {% assign default_paths = site.pages | map: "path" %}
  {% assign page_paths = site.header_pages | default: default_paths %}
  <a class="h4 m-0 text-dark" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>

  {% if page_paths %}
    <nav id="nav-menu-container" class="text-right navbar-light">
      <input type="checkbox" id="nav-trigger" class="d-none"/>
      <label for="nav-trigger" aria-label="button" class="m-2 d-inline-block d-md-none navbar-toggler-icon">
      </label>

      <div id="nav-menu" class="d-none d-md-block">
        {% for path in page_paths %}
          {% assign my_page = site.pages | where: "path", path | first %}
          {% if my_page.title %}
            <a class="text-dark ml-3 ml-md-0 p-2 d-block d-md-inline-block" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
          {% endif %}
        {% endfor %}
      </div>
    </nav>
  {% endif %}
</div>

</header>