<header>

<nav class="navbar is-fixed-top is-light" role="navigation"
     aria-label="main navigation">
    <div class="container">
        <div class="navbar-brand">
            {% if site.logo %}
            <a href="{{ "/" | relative_url }}" class="navbar-item">
                {% asset "{{ site.logo }}" alt="{{ site.logo_alt }}" %}
            </a>
            {% endif %}
            <div class="navbar-burger" data-target="navMenu">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div id="navMenu" class="navbar-menu">
            <div class="navbar-start">
            </div>
            <div class="navbar-end">
                {% for page in site.pages %}
                    {% if page.menu-title %}
                        <a href="{{ page.url | relative_url }}"
                            class="navbar-item">
                            {{ page.menu-title | escape }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
</nav>

</header>