Page Layouts

Standard page structure.

<body class="page">
  <header class="page-header">
    <div class="container">Header</div>
  </header>
  
  <main class="page-content">
    <div class="container">
       Content goes here...
    </div>
  </main>

  <footer class="page-footer">
    <div class="container">Footer</div>
  </footer>
</body>

The .container class provides responsive max-width constraints.