material-design-lite/src/layout/snippets/waterfall-header-demo.html

Material Design Components in CSS, JS and HTML

<style>
.demo-layout.demo-layout__waterfall-header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
              0 3px 1px -2px rgba(0, 0, 0, 0.2),
              0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  position: relative;
  height: 300px;
}
.demo-layout.demo-layout__waterfall-header .page-content {
  height: 600px;
  background: white;
}
</style>

{% include "waterfall-header.html" %}