The biggest feature of the footer is our social icons. Font Awesome to the rescue!
Consulting the Font Awesome documentation, we find a slew of available icons under the category of Brand Icons. Here is the direct link:
http://fortawesome.github.io/Font-Awesome/icons/#brand
Now, we only need to replace the text for each social link in our footer with span elements, using the appropriate classes.
<ul class="social"> <li><a href="#" title="Twitter Profile"><span class="icon fa fa-twitter"></span></a></li> <li><a href="#" title="Facebook Page"><span class="icon fa fa-facebook"></span></a></li> <li><a href="#" title="LinkedIn Profile"><span class="icon fa fa-linkedin"></span></a></li> <li><a href="#" title="Google+ Profile"><span class="icon fa fa-google-plus"></span></a></li> <li><a href="#" title="GitHub Profile...