Adding the footer section
In this section, we will be working on the footer section.
The footer is basically the same as the header, so to facilitate the coding, we will simply copy and paste the code from our header and change a few things:
<header>
<a id="logo" href="/"><img src="img/logo.png" srcset="img/logo.png 1x, img/logo@2x.png 2x"></a>
<ul class="main-nav">
<li><a href="upcoming.html">Upcoming events</a></li>
<li><a href="past.html">Past events</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="right-nav">
<li><a href="login.html">Login</a></li>
<li><a href="#"><iframe src="https://www.facebook...
