layouts/_default/baseof.html

<!doctype html>
<html class="no-js" lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
{{ partial "header.html" . }}
  <body>
      {{ block "header" . }}
    <header>
      <nav class="nav-bar">
	<!-- The title bar is used for small sizes.  -->
	  <div class="title-bar flex-container" data-responsive-toggle="site-menu" data-hide-for="medium">	      
	    <!-- <button class="site-hamburger" type="button" data-toggle>
	      <i class="fa fa-bars fa-lg" aria-hidden="true"></i>
		</button> -->
		<!--    Made by Erik Terwan    -->
		<!--   24th of November 2015   -->
		<!--        MIT License        -->
		<nav role="navigation">
			<div id="menuToggle">
			<!--
			A fake / hidden checkbox is used as click reciever,
			so you can use the :checked selector on it.
			-->
			<input type="checkbox" />
			
			<!--
			Some spans to act as a hamburger.
			-->
			<span></span>
			<span></span>
			<span></span>
			
			<ul id="menu" class="popout">
				{{ $currentNode := . }}
				{{ range .Site.Menus.main }}
				<li><a href="{{.URL}}">{{ .Name }}</a></li>
				{{ end }}
			</ul>
			</div>
		</nav>
		<!--  end   -->
	    <div class="title-bar-title site-title">
	      <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
	    </div>
	    <div class="title-bar float-right">
	      {{ block "title-bar-right" . }}
	      {{ end }}
	    </div>
	  </div>
	    
	  <!-- The top bar is used for medium and up.  -->
	    <div class="top-bar" id="site-menu" >	      
	      <div class="top-bar-title show-for-medium site-title">
		<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
	      </div>
	      <div class="top-bar-left">
		<ul class="menu vertical medium-horizontal">
		  {{ $currentNode := . }}
		  {{ range .Site.Menus.main }}
		  <li><a href="{{.URL}}">{{ .Name }}</a></li>
		  {{ end }}
		</ul>
		  </div>
	      <div class="top-bar-right show-for-medium" style="padding: 0.7rem 0.8rem; line-height: 1;">
		{{ block "top-bar-right" . }}
		{{ end }}
	      </div>
	    </div>
	  <!-- /div-->
	</nav>
      {{ end }}
    </header>
    {{ block "fullmain" . }}
    <main>
      {{ block "main" . }}
      (add a main block to your template)
      {{ end }}
    </main>
    {{ end }}
    {{ partial "footer.html" . }}
  </body>
</html>