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