<ul id=“navLocal” class=“navbar-nav header-global__nav-local justify-content-end align-items-lg-center bg-light”>

<li class="nav-item mr-auto">
  <a href="{{ page.baseurl }}" class="nav-link navbar-brand header-global__nav-local--navbar-brand">
    <h1 class="typography__nav-heading">{{ site.site_name }}</h1>
  </a>
</li>
{% for link in site.nav_links %}
{% if link.button == false  %}
<li class="js-nav-item nav-item">
  <a class="nav-link typography__header-global--nav-local typography__nowrap--sm links__header-global--nav-local" href="{% unless link.external == true %}{{page.baseurl}}{% endunless %}{{ link.link_href }}">{{ link.link_text }}</a>
</li>
{% elsif link.dropdown %}
<li class="nav-item dropdown">
  <a class="nav-link dropdown-toggle btn btn-primary buttons__dropdown btn--base-align" href="#" id="{{ link.link_text | downcase }}NavbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    {{ link.link_text }}
  </a>
  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="{{ link.link_text | downcase }}NavbarDropdown">
    {% for item in link.dropdown %}
    <a class="dropdown-item" href="{{ page.baseurl }}{{ item.href }}">{{ item.text }}</a>
    {% endfor %}
  </div>
</li>
{% else %}
<li class="js-nav-item nav-item">
  <a href="{% unless link.external == true %}{{page.baseurl}}{% endunless %}{{ link.link_href }}" class="btn btn-primary typography__header-global--nav-local typography__nowrap--sm">{{ link.link_text }}</a>
</li>
{% endif %}
{% endfor %}

</ul>