Basic Page Structure

Below is the simplest example of how the basic page components of page-header, page-sidebar, and page-content should fit together.

See the docs for Page Header and Page Sidebar components for more information.

<!--
<body> -->

<div class="faux-site-masthead u-bg-lightest-gray u-pad">
  <a href="#" class="cgu-logo--large"></a>
</div>

<!-- 
<div id="page"> -->

  <header class="page-header">
    <div class="u-container">
      <h1 class="u-color-white page-title">Page Title</h1>
    </div>
  </header>

  <section class="page-section has-sidebar u-container">

    <div class="page-sidebar">
      <aside class="aside">
        <p>Aside content...</p><br/>
      </aside>
    </div>

    <div class="page-content">
      <p>Page content...</p>
    </div>

  </section>

<!--
</div>
</body> -->