Setting up the markup

We will start by creating the footer markup. We want this footer to be as functional and useful for the user as possible. We'll build the markup as follows:

1. Start with the footer of the Portfolio project from Chapter 5, Bootstrappin' Your Portfolio. You'll find the HTML Markup code of the footer in the html/includes/footer.html file.

2. Move HTML code for the logo and add it directly under the social links and create a new include for the additional footer content as follows:

           <footer role="contentinfo"> 
           {{> footercolumns}} 
    
           <div class="container social-logo"> 
           <ul class="social"> 
             <li class="social-item"><a href="#" class="social-link"
             ><i class="fa fa-twitter"></i></a></li> 
             <li class="social-item"><a href="#" class="social-link"
             ><i class="fa fa-facebook"></i></a></li...