material-design-lite/src/menu/snippets/top-left-demo.html

Material Design Components in CSS, JS and HTML

<style>
  .demo-menu.demo-menu__top-left .container {
    position: relative;
    width: 200px;
  }
  .demo-menu.demo-menu__top-left .background {
    background: white;
    height: 148px;
    width: 100%;
  }
  .demo-menu.demo-menu__top-left .bar {
    box-sizing: border-box;
    background: #3F51B5;
    color: white;
    width: 100%;
    padding: 16px;
  }
</style>

<div class="container mdl-shadow--2dp">
  <div class="background"></div>
  <div class="bar">
    {% include "top-left.html" %}
  </div>
</div>