<header class=“site-header” role=“banner”>
<div class="wrapper"> <nav class="grey"> <div class="nav-wrapper"> <a href="#" data-target="mobile-nav" class="sidenav-trigger"><i class="material-icons">menu</i></a> <ul id="nav-mobile" class="right hide-on-med-and-down"> <li><a class="page-link" href="/">Home</a></li> {% assign sorted_pages = site.pages | sort: "order" %} {% for node in sorted_pages %} {% if node.title %} {% unless node.nonav or node.layout=='home' %} <li><a class="page-link" href="{{ node.url | relative_url }}">{{ node.title | escape }}</a></li> {% endunless %} {% endif %} {% endfor %} </ul> </div> </nav> <script>$(document).ready(function(){$('.sidenav').sidenav();});</script> <ul class="sidenav" id="mobile-nav"> <li><a class="page-link" href="/">Home</a></li> {% assign sorted_pages = site.pages | sort: "order" %} {% for node in sorted_pages %} {% if node.title %} {% unless node.nonav %} <li><a class="page-link" href="{{ node.url | relative_url }}">{{ node.title | escape }}</a></li> {% endunless %} {% endif %} {% endfor %} </ul> </div>
</header>