diff --git a/public/index.html b/public/index.html
index 7fc3a81..356abc4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,87 +1,126 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-CA">
 
 <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="Content-Language" content="en-CA" />
+    <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="revised" content="2026-03-15" />
+    <meta name="dcterms.modified" content="2026-03-15T19:30:00-05:00" />
+    <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://stackpath.bootstrapcdn.com" />
     <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>
+
     <!-- 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>
+    <script type="text/javascript">//<!--
+        function scrollToElement(q) {
+            if (typeof q==="string") { q=document.getElementById(""+q); }
+            if (q) {
+                if (q.scrollIntoView) {
+                    if ("scrollBehavior" in document.documentElement.style) {
+                        q.scrollIntoView({ "behavior": "smooth", "block": "start" });
+                    } else {
+                        q.scrollIntoView(true);
+                    }
+                } else if (q.offsetTop) {
+                    window.scrollTo(0, q.offsetTop);
+                }
+            }
+        }
+
+        if (document.addEventListener) {
+            document.addEventListener("DOMContentLoaded", function() {
+                var L=window.location,
+                    // Avoid XSS
+                    h=(L.hash || "#").substr(1).replace(/[^A-Za-z0-9\-\_]+/gmi,""),
+                    s=document.getElementById("scroll-down");
+
+                scrollToElement(h);
+
+                if (s) {
+                    s.addEventListener("click", function(e) {
+                        scrollToElement("info");
+                        L.hash="#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">
-        <nav class="navbar">
+    <section id="header" class="section bg-primary">
+        <nav id="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">
+                        <a href="https://github.com/Code-Society-Lab" title="Code Society GitHub">
+                            <img alt="Code Society GitHub" 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">
+                        <a href="https://discord.gg/FzgwHD7Am3" title="Code Society Discord">
+                            <img alt="Code Society Discord" 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">
+                        <a href="https://matrix.to/#/#codesociety:matrix.org" title="Matrix">
+                            <img alt="Matrix" src="./images/matrix_icon.svg" border="0" height="40" width="40" />
                         </a>
                     </div>
                 </div>
@@ -91,10 +130,10 @@
             <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 alt="Code Society" src="./images/code_society.svg" border="0" height="200" width="200" />
                     </div>
                 </div>
-                <div class="col-lg-8">
+                <div id="code-society-content" class="col-lg-8"><a id="code-society" name="code-society"></a>
                     <p class="title">Code Society</p>
                     <p class="description">We are a friendly community of programmers and scientists of all levels
                         and backgrounds from all around the world!
@@ -103,27 +142,27 @@
                 </div>
             </div>
             <div class="floating-arrow">
-                <img src="images/arrow.svg" id="scroll-down" style="cursor: pointer;">
+                <img alt="Scroll down arrow" src="./images/arrow.svg" id="scroll-down" style="cursor:pointer;" border="0" height="90" width="130" />
             </div>
         </div>
     </section>
 
-    <section id="info" class="bg-secondary">
-        <div class="container-fluid info-container d-flex flex-fill">
+    <section id="info" class="section bg-secondary"><a name="info"></a>
+        <div id="info-section" class="container-fluid info-container d-flex flex-fill">
             <div class="flex-fill">
                 <!-- Our Goal Section -->
-                <div class="row">
+                <div id="goal-section" 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 alt="Rocket" src="./images/rocket.svg" border="0" height="250" width="250" />
                         </div>
                     </div>
                     <div class="col-lg-6 d-flex justify-content-center align-items-center separation left">
-                        <div class="row flex-column align-items-center box">
-                            <div class="col-md-6">
+                        <div id="goal-content" class="row flex-column align-items-center box">
+                            <div class="content-title col-md-6">
                                 <p class="title">Our goal</p>
                             </div>
-                            <div class="col-md-6">
+                            <div class="content-description col-md-6">
                                 <p class="description">The Code Society has for goal of helping programmers,
                                     scientists and other to find each other to discuss programming, new
                                     technologies, science, and more! We also encourage collaboration on
@@ -135,18 +174,18 @@
                     </div>
                 </div>
                 <!-- Grace Framework Section -->
-                <div class="row flex-row-reverse">
+                <div id="grace-framework-section" 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 alt="Robot" 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">
-                        <div class="row flex-column align-items-center my-5">
-                            <div class="col-md-6">
+                        <div id="grace-content" class="row flex-column align-items-center my-5">
+                            <div class="content-title col-md-6">
                                 <p class="title">Grace Framework</p>
                             </div>
-                            <div class="col-md-6">
+                            <div class="content-description col-md-6">
                                 <p class="description">
                                     <a href="https://github.com/Code-Society-Lab/grace-framework">Grace Framework</a> is an opinionated,
                                     extensible Discord bot framework built on top of discord.py. It comes with a various
@@ -158,18 +197,18 @@
                     </div>
                 </div>
                 <!-- Matrix.py Section -->
-                <div class="row">
+                <div id="matrix-section" 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 alt="Matrix" src="./images/matrix.svg" border="0" height="250" width="73" />
                         </div>
                     </div>
                     <div class="col-lg-6 d-flex justify-content-center align-items-center separation left">
-                        <div class="row flex-column align-items-center my-5">
-                            <div class="col-md-6">
+                        <div id="matrix-content" class="row flex-column align-items-center my-5">
+                            <div class="content-title col-md-6">
                                 <p class="title">matrix.py</p>
                             </div>
-                            <div class="col-md-6">
+                            <div class="content-description col-md-6">
                                 <p class="description"><a href="https://github.com/Code-Society-Lab/matrixpy">matrix.py</a>
                                     is a lightweight and intuitive Python library to build bots on the Matrix protocol.
                                     It provides a clean, decorator-based API similar to popular event-driven frameworks,
@@ -180,18 +219,18 @@
                     </div>
                 </div>
                 <!-- Resources Section -->
-                <div class="row flex-row-reverse">
+                <div id="resources-section" 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 alt="Books" src="./images/books.svg" border="0" height="250" width="250" />
                         </div>
                     </div>
-                    <div class="col-lg-6 d-flex justify-content-center align-items-center separation right">
+                    <div id="resources-content" class="col-lg-6 d-flex justify-content-center align-items-center separation right">
                         <div class="row flex-column align-items-center my-5">
-                            <div class="col-md-6">
+                            <div class="content-title col-md-6">
                                 <p class="title">Resources</p>
                             </div>
-                            <div class="col-md-6">
+                            <div class="content-description col-md-6">
                                 <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
diff --git a/public/styles/styles.css b/public/styles/styles.css
index ddcdd8b..891a8aa 100644
--- a/public/styles/styles.css
+++ b/public/styles/styles.css
@@ -1,12 +1,16 @@
 :root {
     /* Backgrounds */
-    --background-color-primary: #F4C308;
-    --background-color-secondary: #FFFFFF;
+    --background-color-primary: #f4c308;
+    --background-color-secondary: #fffff;
     --background-color-dark: #000000;
 
     /* Text color */
     --text-color-primary: #000000;
-    --text-color-gaming: #FFFFFF;
+    --text-color-gaming: #ffffff;
+}
+
+html {
+    scroll-behavior: smooth;
 }
 
 /* Boostrap overrides  */
