material-design-kit/demo/src/html/_header-layout.html

Interactive web components inspired from Material Design, using vanilla CSS, JavaScript and HTML.

<h1>Header Layout</h1>

<p>A wrapper element that positions a Header and other content.</p>

<ul>
  <li><a href="header-layout.html">Basic header layout</a> - Positions a header and other content in a custom scrolling region</li>
  <li><a href="header-layout-drawer.html">Header layout within drawer</a> - Positions a header and other content within a drawer</li>
  <li><a href="header-layout-drawer-transform-fx.html">Header layout within drawer with header transform effects</a> - Positions a header and other content within a drawer and use transform effects on header elements based on scroll position</li>
</ul>