<nav class=“mdc-top-app-bar mdc-top-app-bar–fixed”>

<div class="mdc-top-app-bar__row">
        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
                <a href="{{ '/' | relative_url }}" class="mdc-top-app-bar__title mdc-theme--on-primary">
                        {{ site.title }}
                </a>
        </section>
        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
                {% for item in site.main_nav %}
                <a
                        href="{{ item.url | escape | relative_url }}"
                        class="mdc-top-app-bar__action-item mdc-button"
                >
                        {{ item.title | escape }}
                </a>
                {% endfor %} {% if site.twitter %}
                <a
                        href="https://twitter.com/{{ site.twitter | escape }}"
                        class="mdc-top-app-bar__action-item mdc-icon-button"
                        aria-label="{{ site.title }} Twitter Link"
                >
                        {% include twitter-icon.html %}
                </a>
                {% endif %}
                <a
                        href="{{ site.github.repository_url }}"
                        class="mdc-top-app-bar__action-item mdc-icon-button"
                        aria-label="{{ site.title }} Github Repository Link"
                >
                        {% include github-icon.html %}
                </a>
        </section>
</div>

</nav>