CodePen Embed - HTML Layout

<!-- Header -->
<header class="header"></header>

<!-- 
When we float elements
We need a container with clearfix
-->
<div class="container clearfix">

  <!-- Main Content -->
  <section class="main-content"></section>

  <!-- Sidebar -->
  <aside class="sidebar"></aside>
</div>


<!-- Footer -->
<footer class="footer"></footer>

This Pen is owned by IMD on CodePen.

See more by @IMD on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.