<div class=“row”>

<div class="container-fluid">
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark" id="nav">
    <div class="col-3">
      <a class="navbar-brand" href="{{ site.url }}{{site.baseurl}}/">
        <img height="60px" src="{{ site.url }}{{site.baseurl}}/assets/images/logo.png" alt="{{ site.title }}" title="{{ site.title }}">
      </a>
    </div>
    {% assign ordered_pages=site.pages|sort:"order" %}
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
      aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="col-9 ">
    <div class="collapse navbar-collapse float-lg-right" id="navbarSupportedContent">
        <ul class="navbar-nav ">
          {% for p1 in ordered_pages %} {% if p1.topmenu == true %}
          <li class="nav-item pull-right">
            <a href="{{site.baseurl}}{{p1.url}}" class="nav-link">
              {{p1.title}}
            </a>
          </li>
          {% assign a2=site.submenu %} {% for a2loop in a2%} {%if a2loop==p1.title%}
          <li class="nav-item">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
              {% assign ordered_pages_p2=site.pages|sort:"submenuindex" %} {% for p2 in ordered_pages_p2 %} {% if p2.submenu == true %}
              {% for a1 in p2.submenutype %} {% if a1 == p1.title %}
              <a href="{{site.baseurl}}{{p2.url}}" class="dropdown-item">{{p2.title}}</a>
              {% endif %} {% endfor %} {% endif %} {% endfor %}
            </div>
          </li>
          {%endif%} {%endfor%} {% endif %} {% endfor %}
        </ul>
      </div>
    </div>
  </nav>
</div>

</div>