Footer markup restructuring

- rework footer to use columns
- add additional area for generic text
This commit is contained in:
Joel Glovier 2014-02-15 23:02:04 -05:00
parent 6d4e3f8c72
commit 8fa48b492e
1 changed files with 25 additions and 13 deletions

View File

@ -1,15 +1,27 @@
<div class="footer"> <footer class="site-footer">
<div class="contact">
<p> <div class="wrap">
Your Name<br />
What You Are<br /> <h2 class="footer-heading">Bart Simpson</h2>
you@example.com
</p> <div class="footer-col-1 column">
<ul>
<li>Chief Flatulence Officer</li>
<li><a href="mailto:bsimpson@flatulencehub.com">bsimpson@flatulencehub.com</a></li>
</ul>
</div> </div>
<div class="contact">
<p> <div class="footer-col-2 column">
<a href="https://github.com/yourusername">github.com/yourusername</a><br /> <ul>
<a href="https://twitter.com/yourusername">twitter.com/yourusername</a><br /> <li><a href="https://github.com/yourusername">github.com/bartrulez</a></li>
</p> <li><a href="https://twitter.com/yourusername">twitter.com/bartrulez</a></li>
</ul>
</div> </div>
<div class="footer-col-3 column">
<p class="text">Any additional text you want to have here is totally cool for you to haz, yo.</p>
</div> </div>
</div>
</footer>