Skip to content

Instantly share code, notes, and snippets.

@GabeStah

GabeStah/sectioning_content1.html Secret

Last active December 10, 2015 11:03
Show Gist options
  • Save GabeStah/38945b6441c99e4253dc to your computer and use it in GitHub Desktop.
Save GabeStah/38945b6441c99e4253dc to your computer and use it in GitHub Desktop.
Download ZIP
Coding Dojo - HTML5 Cheat Sheet - Sectioning Content 1
Raw
sectioning_content1.html
<body>
<header>
<h1>The Book Repository</h1>
<!-- http://www.w3.org/TR/html5/sections.html#the-nav-element
Code Source: http://www.getmdl.io/components/#menus-section -->
<nav>
<button id="demo-menu-lower-left" class="mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">more_vert</i>
</button>
<!-- Note: 'for' attribute is NOT technically valid HTML5 markup,
but is included simply to illustrate a working nav menu. -->
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-left">
<li class="mdl-menu__item">Home</li>
<li class="mdl-menu__item">Books</li>
<li class="mdl-menu__item">Authors</li>
<li class="mdl-menu__item">My Wishlist</li>
</ul>
</nav>
</header>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment