Eliminating Divs with HTML5

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!

Divless Demonstration

Posted sometime in October of 2015

Lorem ipsum text blah blah blah.

Lorem ipsum text blah blah blah.

Lorem ipsum text blah blah blah.

Tags: HTML, code, demo


Code:
<section>
<section>
<article>
<header>
<h1>Divless Demonstration</h1>
<p>Posted sometime in October of 2015</p>
</header>
<section>
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
</section>
<footer>
<p>Tags: HTML, code, demo</p>
</footer>
</article>
<aside>
<header>
<h1>Additional Information</h1>
</header>
<section>
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
<p>Lorem ipsum text blah blah blah.</p>
</section>
<footer>
<p>Tags: HTML, code, demo</p>
</footer>
</aside>
</section>
</section>
CSS:
html, body { color: #fff; }
section { background: #000; color: #fff; }
article { color: #eee; }
header { background: #bbb; }
footer { background: #aaa; color: #000; }
aside { background: #ccc; }