<section class="sidebar">
  <aside>Sidebar</aside>
  <article>Article</article>
</section>

<br>

<section class="three">
  <article>Article</article>
  <article>Article</article>
  <article>Article</article>
</section>

<br>

<section class="four">
  <article>Article</article>
  <article>Article</article>
  <article>Article</article>
  <article>Article</article>
</section>

<br>

<section class="five">
  <article>Article</article>
  <article>Article</article>
  <article>Article</article>
  <article>Article</article>
  <article>Article</article>
</section>

<br>

<section class="hero">
  <div class="content">Hero Content</div>
  <div class="tiles">
    <ul>
      <li><div class="tile">A</div></li>
      <li><div class="tile">B</div></li>
      <li><div class="tile">C</div></li>
      <li><div class="tile">D</div></li>
    </ul>
  </div>
</section>