Tweaking the columns and their content

Let's fine-tune the blocks of content under the three headings Welcome!, Recent Updates, and Our Team.

First, let's add the arrow-circle icon to the button in each of these three blocks. Recall that we're using Font Awesome for our icon selection.

1. Visit the Font Awesome documentation at http://fortawesome.github.io/Font-Awesome/icons/.

2. You'll find the icon that we're after.

   

3. In index.html, add a span tag with the appropriate classes inside each link. Here is the first one, which I've spaced out by adding an extra carriage return between elements.

   <p>
     <a class="btn btn-primary pull-right" href="#">
       See our portfolio <span class="icon fa fa-arrow-circle-right"></span>
     </a>
   </p>

4. Repeat for each link.

You should now have the desired icon in each of the three buttons.

While we're at it, let's add a bit of vertical padding between the carousel and this section of text. Right now, it's pretty tight.

The question that comes...