/style>

<div class="template-areas">
  <header class="header">
    Header
  </header>
  <aside class="sidebar">
    Sidebar
  </aside>
  <main class="content">
    Content
  </main>
  <footer class="footer">
    Footer
  </footer>
</div>

<div class="named-rows-and-columns">
  <header class="header">
    Header
  </header>
  <aside class="sidebar">
    Sidebar
  </aside>
  <main class="content">
    Content
  </main>
  <footer class="footer">
    Footer
  </footer>
</div>
