<nav class=“navbar navbar-expand-lg navbar-default”>

<div class="container">
  <div class="navbar-header">
    <a class="navbar-brand" href="{{ site.baseurl }}/"><i class="fa fa-home"></i></a>
  </div>
  <ul class="navbar-nav ml-auto">
    {% for nav-item in site.menus.navbar %}
      {% if nav-item.children %}
        <li class="nav-item dropdown">
          <a  class="nav-link dropdown-toggle text-uppercase" href="{{ nav-item.url }}" id="navbarDropdown" role="button"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ nav-item.title }}</a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            {% for child in nav-item.children %}
              <a class="dropdown-item" href="{{ child.url }}">{{ child.title }}</a>
            {% endfor %}
          </div>
        </li>
      {% else %}
        <li class="nav-item">
          <a href="{{ site.baseurl }}{{ nav-item.url }}" class="nav-link text-uppercase">{{ nav-item.title }}</a>
        </li>
      {% endif %}
    {% endfor %}
  </ul>
</div>

</nav>