<header>
  <nav class="menu  w-100 text-center border-bottom">
      <ul class="list-inline">
            <li class="float-left pl-1 pr-1"><a href="{{ site.url }}">Home</a></li>
          {% for item in site.navigation %}
	           <li class="float-left pr-1"><a href="{{ item.url | relativeurl }}">{{item.title}}</a></li>
          {% endfor %}
      </ul>
  </nav>
</header>
