docs/app/demo/layout/full-width-header-menu-footer.html

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>Full Width, Header, Menu, Footer</title>
  <link rel="stylesheet" href="../../docs.css">
</head>
<body layout="column" layout-fill class="layout-demo full-layout-demo">

  <header>
    Header
  </header>

  <div flex layout="row" layout-sm="column">

    <aside flex-sm="33" flex-md="20">
      Menu<br>
      [flex-sm="33"][flex-md="20"]
    </aside>

    <main flex>
      Main [flex]
    </main>

  </div>

  <footer>
    Footer
  </footer>

</body>
</html>