feat: add footer

assets/css/footer.css

@@ -0,0 +1,41 @@
+#footer {
+    align-items: center;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
+    display: flex;
+    justify-content: space-between;
+    padding: 10px 20px
+}
+
+#footer ul {
+    display: flex;
+    list-style-type: none;
+    margin: 0;
+    padding: 0
+}
+
+#footer ul li {
+    padding-left: 20px
+}
+
+#footer ul li img {
+    height: auto;
+    width: 30px
+}
+
+@media only screen and (max-width:1000px) {
+    #footer {
+        flex-direction: column
+    }
+
+    #footer #copyright {
+        padding: 10px 0
+    }
+
+    #footer ul {
+        flex-direction: column
+    }
+
+    #footer ul li {
+        padding: 5px 0 0
+    }
+}

index.html

@@ -13,6 +13,7 @@
     <link href="assets/css/global.css" rel="stylesheet">
     <link href="assets/css/navbar.css" rel="stylesheet">
     <link href="assets/css/pages/index.css" rel="stylesheet">
+    <link href="assets/css/footer.css" rel="stylesheet">
 
     <script defer src="assets/js/global.js"></script>
 </head>
@@ -131,6 +132,44 @@ <h2>F1 in Schools</h2>
                 More...</a></p>
     </div>
 
+    <div id="footer">
+        <p id="copyright">©<a href="https://github.com/warpf1s/warpf1s.github.io/blob/main/LICENSE.md"
+                target="_blank">skifli</a>
+            2022 - {current_year}. All rights
+            reserved.</p>
+
+        <ul>
+            <li>
+                <a href="https://www.youtube.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/1856390/circled_media_network_social_social_media_you_tube_youtube_icon"
+                        src="assets/img/socials/youtube.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.instagram.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/2142569/circle_colored_gradient_instagram_media_social_social_media_icon"
+                        src="assets/img/socials/instagram.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://twitter.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/294709/circle_twitter_icon"
+                        src="assets/img/socials/twitter.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.facebook.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/317752/facebook_social_media_social_icon"
+                        src="assets/img/socials/facebook.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://threads.net/@warpf1s" target="_blank"><img alt="Threads"
+                        src="assets/img/socials/threads.svg"></a>
+            </li>
+        </ul>
+    </div>
+
     <div id="cookie-consent-banner">
         <div class="middle">
             <h2>WE USE COOKIES &#127850;</h2>