<!DOCTYPE html> <html>

<head>
  {% include head.html %}
</head>
<body>
  <div class="demo-layout mdl-layout mdl-layout--fixed-header mdl-js-layout mdl-color--grey-100">
    {% include header.html %}
    <div class="demo-ribbon"></div>
    <main class="demo-main mdl-layout__content">
      <div class="demo-container mdl-grid">
        <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
        <div class="demo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
          {% if page.navigation %}
            <div class="demo-crumbs mdl-color-text--grey-500">
              {{ page.navigation }}
            </div>
          {% endif %}
          {{ content }}
        </div>
      </div>
      {% include footer.html %}
    </main>
  </div>
</body>

</html>