<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>