Footer markup restructuring

- rework footer to use columns
- add additional area for generic text

lib/site_template/_includes/footer.html

@@ -1,15 +1,27 @@
-  <div class="footer">
-    <div class="contact">
-      <p>
-        Your Name<br />
-        What You Are<br />
-        you@example.com
-      </p>
+<footer class="site-footer">
+
+  <div class="wrap">
+
+    <h2 class="footer-heading">Bart Simpson</h2>
+
+    <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 class="contact">
-      <p>
-        <a href="https://github.com/yourusername">github.com/yourusername</a><br />
-        <a href="https://twitter.com/yourusername">twitter.com/yourusername</a><br />
-      </p>
+
+    <div class="footer-col-2 column">
+      <ul>
+        <li><a href="https://github.com/yourusername">github.com/bartrulez</a></li>
+        <li><a href="https://twitter.com/yourusername">twitter.com/bartrulez</a></li>
+      </ul>
     </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>
+
+</footer>