diff --git a/public/index.html b/public/index.html
index 8d4bfee..429769f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,80 +1,111 @@
 <!DOCTYPE html>
 <html>
-
 <head>
     <!-- Metas -->
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <meta name="author" content="Malassi :)">
-    <meta name="title" content="The official Code Society website">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta name="author" content="Malassi :)" />
+    <meta name="title" content="The official Code Society website" />
     <meta name="description"
-        content="Code Society is a friendly community of programmers and scientists from all around the world.">
-    <meta property="og:type" content="website">
-    <meta property="og:site_name" content="The Code Society">
-    <meta property="og:url" content="https://codesociety.xyz/">
-    <meta property="og:title" content="The Code Society Community">
-    <meta property="og:description" content="The Code Society is a friendly community of programmers and scientists from all around the world.">
-    <meta property="og:image" content="https://codesociety.xyz/images/code_society_round.png">
-    <meta property="og:image:alt" content="The Code Society logo">
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:title" content="The Code Society Community">
-    <meta name="twitter:description" content="The Code Society is a friendly community of programmers and scientists from all around the world.">
-    <meta name="twitter:image" content="https://codesociety.xyz/images/code_society_round.png">
-    <meta name="theme-color" content="#007bff">
+        content="Code Society is a friendly community of programmers and scientists from all around the world." />
+
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="The Code Society" />
+    <meta property="og:url" content="https://codesociety.xyz/" />
+    <meta property="og:title" content="The Code Society Community" />
+    <meta property="og:description" content="The Code Society is a friendly community of programmers and scientists from all around the world." />
+    <meta property="og:image" content="https://codesociety.xyz/images/code_society_round.png" />
+    <meta property="og:image:alt" content="The Code Society logo" />
+
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="The Code Society Community" />
+    <meta name="twitter:description" content="The Code Society is a friendly community of programmers and scientists from all around the world." />
+    <meta name="twitter:image" content="https://codesociety.xyz/images/code_society_round.png" />
+    <meta name="theme-color" content="#007bff" />
+
+    <!-- Preconnect over HTTPS handshake -->
+    <link rel="preconnect" href="https://code.jquery.com" />
+    <link rel="preconnect" href="https://stackpath.bootstrapcdn.com" />
+    <link rel="preconnect" href="https://cdnjs.cloudflare.com" />
+    <link rel="preconnect" href="https://www.gstatic.com" />
+    <link rel="preconnect" href="https://unpkg.com" />
+
+    <script type="text/javascript">//<!--
+        document.createElement("section");
+        document.createElement("nav");
+        document.createElement("article");
+    // --></script>
+
+    <style type="text/css">
+        /* Fallback CSS */
+        html,body,a,img{border:0;outline:0;margin:0;padding:0;}
+        html,body,section,nav,div.bg-primary {
+            background-color: #f4c308;
+            color: #000;
+        }
+        .navbar,.section{display:block;width:100%;}
+    </style>
 
     <!-- Boostrap -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
+
+    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
         crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
         integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
         crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
         integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
         crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://unpkg.com/lenis@1.3.11/dist/lenis.css">
 
     <!-- Firebase -->
-    <script src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
+    <script type="text/javascript" src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
     <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.css" />
 
     <!-- Lenis -->
-    <script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js" defer></script>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const lenis = new Lenis({ autoRaf: true });
-            document.getElementById('scroll-down').addEventListener('click', (e) => lenis.scrollTo("#info"));
-        });
-    </script>
+    <link rel="stylesheet" href="https://unpkg.com/lenis@1.3.11/dist/lenis.css" />
+    <script type="module" src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js" defer="defer"></script>
+    <script type="text/javascript">//<!--
+        if (document.addEventListener) {
+            document.addEventListener("DOMContentLoaded", function() {
+                if (window.Lenis) {
+                    var lenis = new Lenis({ autoRaf: true });
+                    document.getElementById("scroll-down").addEventListener("click", function(e) { lenis.scrollTo("#info") });
+                }
+            });
+        }
+    // --></script>
 
     <!-- Styles -->
-    <link rel="stylesheet" href="styles/styles.css">
-    <link rel="icon" type="image/png" href="images/code_society_round.png">
-    <link rel="apple-touch-icon" href="images/code_society_round.png">
+    <link rel="stylesheet" href="./styles/styles.css" />
+    <link rel="icon" type="image/png" href="./images/code_society_round.png" />
+    <link rel="apple-touch-icon" href="./images/code_society_round.png" />
 
     <title>Code Society</title>
 </head>
 
 <body class="vh-100">
-    <section id="header" class="bg-primary">
+    <section id="header" class="section bg-primary">
         <nav class="navbar">
             <div class="container-fluid">
                 <div class="row">
                     <div class="col p-2">
                         <a href="https://github.com/Code-Society-Lab">
-                            <img src="images/github.svg" height="40" width="40">
+                            <img src="./images/github.svg" border="0" height="40" width="40" />
                         </a>
                     </div>
                     <div class="col p-2">
                         <a href="https://discord.gg/FzgwHD7Am3">
-                            <img src="images/discord.svg" height="40" width="40">
+                            <img src="./images/discord.svg" border="0" height="40" width="40" />
                         </a>
                     </div>
                     <div class="col p-2">
                         <a href="https://matrix.to/#/#codesociety:matrix.org">
-                            <img src="images/matrix_icon.svg" height="40" width="40">
+                            <img src="./images/matrix_icon.svg" border="0" height="40" width="40" />
                         </a>
                     </div>
                 </div>
@@ -84,7 +115,7 @@
             <div class="row align-items-center justify-content-center">
                 <div class="col-lg-4 text-center">
                     <div class="logo mx-auto rounded-circle">
-                        <img src="images/code_society.svg">
+                        <img src="./images/code_society.svg" border="0" />
                     </div>
                 </div>
                 <div class="col-lg-8">
@@ -96,19 +127,19 @@
                 </div>
             </div>
             <div class="floating-arrow">
-                <img src="images/arrow.svg" id="scroll-down" style="cursor: pointer;">
+                <img src="./images/arrow.svg" id="scroll-down" style="cursor: pointer;" />
             </div>
         </div>
     </section>
 
-    <section id="info" class="bg-secondary">
+    <section id="info" class="section bg-secondary">
         <div class="container-fluid info-container d-flex flex-fill">
             <div class="flex-fill">
                 <!-- Our Goal Section -->
                 <div class="row">
                     <div class="col-lg-6">
                         <div class="d-flex justify-content-center align-items-center h-100">
-                            <img src="images/rocket.svg">
+                            <img src="./images/rocket.svg" border="0" />
                         </div>
                     </div>
                     <div class="col-lg-6 d-flex justify-content-center align-items-center separation left">
@@ -131,7 +162,7 @@
                 <div class="row flex-row-reverse">
                     <div class="col-lg-6">
                         <div class="d-flex justify-content-center align-items-center h-100">
-                            <img src="images/robot.svg" style="width:200px; height:200px;">
+                            <img src="./images/robot.svg" border="0" width="200" height="200" style="width:200px;height:200px;" />
                         </div>
                     </div>
                     <div class="col-lg-6 d-flex justify-content-center align-items-center separation right">
@@ -154,7 +185,7 @@
                 <div class="row">
                     <div class="col-lg-6">
                         <div class="d-flex justify-content-center align-items-center h-100">
-                            <img src="images/matrix.svg">
+                            <img src="images/matrix.svg" border="0" />
                         </div>
                     </div>
                     <div class="col-lg-6 d-flex justify-content-center align-items-center separation left">
@@ -176,7 +207,7 @@
                 <div class="row flex-row-reverse">
                     <div class="col-lg-6">
                         <div class="d-flex justify-content-center align-items-center h-100">
-                            <img src="images/books.svg">
+                            <img src="./images/books.svg" border="0" />
                         </div>
                     </div>
                     <div class="col-lg-6 d-flex justify-content-center align-items-center separation right">
@@ -188,7 +219,7 @@
                                 <p class="description">Our <a href="https://resources.codesociety.xyz">library</a>
                                     is a collection of resources put together by the members of
                                     the Code Society for various programming and software development
-                                    subjects that we have found useful. It's a great place to find books,
+                                    subjects that we have found useful. It is a great place to find books,
                                     articles, videos, and more to help you learn and grow as a programmer or scientist.
                                 </p>
                             </div>
@@ -201,3 +232,4 @@
 </body>
 
 </html>
+
