Footer
<footer>
<div class="footer-col-1">
<h3>Roofing Systems</h3>
<hr />
<ul>
<li><a href="#" class="text-link">VersiGard</a></li>
<li><a href="#" class="text-link">VersiWeld</a></li>
<li><a href="#" class="text-link">VersiFleece</a></li>
<li><a href="#" class="text-link">VersiFlex</a></li>
<li><a href="#" class="text-link">Roof Gardens</a></li>
<li><a href="#" class="text-link">Skylights</a></li>
<li><a href="#" class="text-link">Multiple Ply</a></li>
<li><a href="#" class="text-link">Edge Metal</a></li>
<li><a href="#" class="text-link">Insulation & Underlayments</a></li>
<li><a href="#" class="text-link">Coatings</a></li>
</ul>
</div>
<div class="footer-col-1">
<h3>Documents</h3>
<hr />
<ul>
<li><a href="#" class="text-link">TDB</a></li>
<li><a href="#" class="text-link">Warranties</a></li>
<li><a href="#" class="text-link">Details</a></li>
<li><a href="#" class="text-link">Product Lit</a></li>
<li><a href="#" class="text-link">Specs</a></li>
<li><a href="#" class="text-link">Codes</a></li>
<li><a href="#" class="text-link">SDS</a></li>
</ul>
</div>
<div class="footer-col-2">
<div class="footer-col-3">
<div class="footer-col-4">
<h3>Tools</h3>
</div>
<div class="footer-col-5">
<a href="#" class="text-link">TrueRoof Cost</a>, <a href="#" class="text-link">Code Database</a>, <a href="#" class="text-link">Warranty Fee Calculator</a>
</div>
</div>
<hr />
<div class="footer-col-3">
<div class="footer-col-4">
<h3>Programs</h3>
</div>
<div class="footer-col-5">
<a href="#" class="text-link">Excalibur Rewards</a>, <a href="#" class="text-link">Gold Metal</a>, <a href="#" class="text-link">Business Builder</a>
</div>
</div>
<hr />
<div class="footer-col-3">
<div class="footer-col-4">
<h3>Connect</h3>
</div>
<div class="footer-col-6">
<ul class="social-ul">
<li class="fb" title="Connect on Facebook"><a href="https://www.facebook.com/VersicoRoofingSystems" target="_blank">Facebook</a></li>
<li class="tw" title="Follow us on Twitter"><a href="http://www.twitter.com/versicoroofing" target="_blank">Twitter</a></li>
<li class="li" title="Connect on LinkedIn"><a href="http://www.linkedin.com/company/versico" target="_blank">LinkedIn</a></li>
<li class="yt" title="Connect on YouTube"><a href="http://www.youtube.com/user/VersicoLLC" target="_blank">You Tube</a></li>
<li class="fr" title="Connect on Flickr"><a href="https://www.flickr.com/photos/versico" target="_blank">Flickr</a></li>
</ul>
</div>
</div>
<hr />
<p class="body-text">P.O. Box 1289, Carlisle, PA 17013 | Tel: 1.800.992.7663 | Fax: 717.960.4036 <br />Made in the U.S.A. | <a href="#" class="text-link">Privacy Policy</a></p>
</div>
</footer>
Headlines are in H3, links take on the standard styling, HRs are in gold, and the social media icons are from the standard social-sprite.png file.