Creating a footer

At the moment, MyPhoto only contains a placeholder in place of a useful footer. Before MyPhoto goes live, it will desperately need a footer that should contain at least three pieces of information:

• A copyright notice
• A link to your website's terms and conditions
• A link to your website's About section

Let's go ahead and modify our footer to include these three pieces of information:

<footer class="footer text">
    <p class="text-muted">&copy; MyPhoto Inc.</p>
    <p class="text-muted">Terms &amp;Conditions</p>
    <p class="text-muted">About Us</p>
</footer>

Now open styles/myphoto.css and insert the following CSS:

footer p {
    display: inline;
}

So, what exactly did we just do? We inserted our copyright notice and some placeholder text for our Terms and Conditions and About link. We embedded each of these three texts inside a paragraph element and applied Bootstrap's text-muted class. The text-muted class does precisely...