<nav class=“navbar navbar-expand-lg navbar-light flex-shrink-0 {{ include.class }}”>

<div class="container-lg">
    <a
        href="/"
        class="navbar-brand infotorg-developer-logo"
    >
        <img
            src="{{ 'assets/images/infotorg-developer.png' | relative_url }}"
            srcset="{{ 'assets/images/infotorg-developer@2x.png' | relative_url }} 2x,
            {{ 'assets/images/infotorg-developer@3x.png' | relative_url }} 3x"
            width="232"
            height="40"
            alt="infotorg developer"
        />
    </a>
    {% if page.show_navigation %}
    <button
        class="navbar-toggler"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#navbarNav"
        aria-controls="navbarNav"
        aria-expanded="false"
        aria-label="Toggle navigation"
    >
        <span class="navbar-toggler-icon"></span>
    </button>
    {% endif %}

    <div class="header-info-wrapper d-none d-lg-block pt-4">
        {% include title.html %}
    </div>

    {% if page.show_navigation %}
    <div
        id="navbarNav"
        class="mcollapse navbar-collapse collapse"
    >
        {% comment %}
          *  Items will contain only visible elements
        {% endcomment %}
        {% assign items = site.data.navigation | where:'show', true %}

        <ul class="navbar-nav ml-auto">
            {% for item in items %}
                <li class="nav-item">
                    {% if item.link contains '://' %}
                        {{ # External link }}
                        {% assign item_url = item.link %}
                    {% else %}
                        {{ # Internal link }}
                        {% assign item_url = item.link | prepend: site.baseurl %}
                    {% endif %}
                    <a
                        href="{{ item_url }}"
                        class="nav-link{% if page.url == item.link %} active{% endif %}"
                        {% if item.target %}target="{{ item.target }}"{% endif %}
                    >
                        {{ item.name }}
                    </a>
                </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
</div>

</nav>