<!– Navbar –> <nav class=“navbar”>

<div class="navbar__container container">
    <!-- Brand -->
    <a class="navbar__brand" href="{{ '/' | relative_url}}">
        {% if site.logo %}
            <img class="navbar__logo" src="{{ site.logo | relative_url}}" alt="{{ site.title }}">
        {% endif %}
        {% if site.logo-reverse %}
            <img class="navbar__logo--yellow" src="{{ site.logo-reverse | relative_url}}" alt="{{ site.title }}">
        {% endif %}
        {% if site.logo-dark %}
            <img class="navbar__logo--dark" src="{{ site.logo-dark | relative_url}}" alt="{{ site.title }}">
        {% endif %}
    </a>
    <!-- Toggle navigation (tablet & mobile) -->
    <button class="navbar__toggler">
        <span></span>
        <span></span>
        <span></span>
    </button>
    <!-- Navigation -->
    <ul class="navbar__nav">
        {% for item in site.data.navbar.nav %}
            {% if item.button %}
                <li class="navbar__nav-item navbar__nav-item--btn">
                    <a class="navbar__nav-btn" href="{{ item.url }}">{{ item.title }}</a>
                </li>
            {% else %}
                {% if page.url == item.url %}
                <li class="navbar__nav-item navbar__nav-item--active">
                {% else %}
                <li class="navbar__nav-item">
                {% endif %}
                    {% if item.dropdown[0] %}
                        <a class="navbar__nav-link navbar__nav-link--dropdown" href="#">{{ item.title }}</a>
                    {% else %}
                        <a class="navbar__nav-link" href="{{ item.url }}">{{ item.title }}</a>
                    {% endif %}
                    {% if item.dropdown[0] %}
                        <ul class="navbar__nav-dropdown">
                            {% for entry in item.dropdown %}
                            <li class="navbar__nav-dropdown-item">
                                <a class="navbar__nav-dropdown-link" href="{{ entry.url }}">{{ entry.page }}</a>
                            </li>
                            {% endfor %}
                        </ul>
                    {% endif %}
                </li>
            {% endif %}
        {% endfor %} 
    </ul>
    <button class="navbar__switch navbar__switch--light" id="switchColorMode"></button>
</div>

</nav>