<nav class=“navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar”>

<div class="container">
    <a class="navbar-brand" href="{{site.base_url }}">
        <img class="avatar" src="{{ site.data.navigation.avatar | default: site.data.default.navbar_avatar }}" style="width: 40px!important;height: auto;"  class="d-inline-block align-top" alt="" >
        <strong>{{site.data.navigation.name | default: site.data.default.navbar_name }}</strong>
    </a>
    <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="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto ">
        {% assign navs = site.data.navigation.navitems | default: site.data.default.navbar_navitems%}
        {% for item in  navs %}
        {% if item.subnav %}
        <li class="nav-item dropdown">
            <a href="{{ item.link }}" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-555" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">{{ item.name }}
        </a>
        <div class="dropdown-menu dropdown-dark" aria-labelledby="navbarDropdownMenuLink-555">
            {% for subitem in item.subnav %}
            <a class="dropdown-item" href="{{ subitem.link }}">{{ subitem.name }}</a>
            {% endfor %}
        </div>
    </li>
    {% else %}
    <li class="nav-item"  {% if item.link == page.url %} class="nav-item active" {% endif %} >
        <a class="nav-link" href="{{ item.link }}">                     
            {{ item.name }}
            {% if item.link == page.url %} <span class="sr-only">(current)</span>{% endif %}
        </a>
    </li>
    {% endif %}      

    {% endfor %}
    <!-- Split button -->

</ul>

</div> </div> </nav>