Creating the footer section

We already know what a footer is, so let's quickly go and create our footer. Here is the code:

<footer>
    <div class="container">
        <p>Dobble Copyright &copy; 2018, All Rights Reserved</p>
    </div>
</footer>

We also will need to add some CSS for this footer. There's not much to this part:

 footer {
     background:#f4f4f4;
     height:5.75rem;
     color:#04519b;
     font-weight: bold;
     text-align: center;
     padding-top:2.5rem;
     margin-top:2rem;
     border-top:7px solid #04519b;
 }

There isn't really anything complex going on here, just some minor aesthetics to get things looking the way we want, like the target site. Let's save it and look at our footer:

There we go, our footer is ready now. You can add this footer to our Home page as well. Now we are left with the Photos...