<div class="mdl-layout__header-row">

  <!-- Title -->
  <span id="header-title" class="mdl-layout-title">Title goes here</span>

  <!-- Add spacer, to align navigation to the right -->
  <div class="mdl-layout-spacer"></div>

  <label id="go-home" class="mdl-button mdl-js-button mdl-button--icon mdl-button--colored">
    <a href="index.html">
      <i class="material-icons">home</i>
    </a>
  </label>

  <button id="header-menu" class="mdl-button mdl-js-button mdl-button--icon">
    <i class="material-icons">more_vert</i>
  </button>
  <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="header-menu">
    <li class="mdl-menu__item">Some Action</li>
    <li class="mdl-menu__item">Another Action</li>
    <li disabled class="mdl-menu__item">Disabled Action</li>
    <li class="mdl-menu__item">Yet Another Action</li>
  </ul>
</div>
