<div class=“navbar navbar-expand-lg fixed-top navbar-dark bg-dark”>

  <div class="container">
    <a rel="author" href="{{ "/" | relative_url }}" class="navbar-brand">{{ site.title | escape }}</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      {%- if site.navs -%}
      <ul class="navbar-nav">
        {%- for item in site.navs -%}
          {%- capture title -%}{% t item.name %}{%- endcapture -%}
          {%- assign page-title = page.titles[site.lang] | default: page.title -%}
          <li class="nav-item{% if page-title == title %} active {% endif %}">
            <a class="nav-link" href="{{ item.link | relative_url }}">
                {% t item.name %}
            </a>
          </li>
        {%- endfor -%}
      </ul>
      {%- endif -%}
      <ul class="nav navbar-nav ml-auto">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="languages" aria-expanded="false">
            <i class="fas fa-globe"></i> <span class="caret"></span>
          </a>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="languages">
              <a class="dropdown-item" href="#">{{ site.languageNames[site.lang] }}</a>
              <div class="dropdown-divider"></div>
              {% for lang in site.languageNames %}
              {% if lang[0] == site.lang %} {% continue %} {% endif %}
              {% if page.namespace %}
              <a class="dropdown-item" href="{% tl {{ page.namespace }} {{ lang[0] }} %}">{{ lang[1] }}</a>
              {% else %}
              <a class="dropdown-item" href="{{ site.baseurl_root }}
                {%- unless lang[0] == site.defaultLang -%}
                  /{{ lang[0] }}
                {%- endunless -%}
              {{page.url}}">{{ lang[1] }}</a>
              {% endif %}
              {% endfor %}
            </div>
        </li>
      </ul>
    </div>
  </div>
</div>