diff --git a/.vscode/launch.json b/.vscode/launch.json
index 5b80718..718d482 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -6,7 +6,7 @@
     "configurations": [
         {
             "name": "Attach to Chrome",
-            "port": 9222,
+            "port": 8080,
             "request": "attach",
             "type": "chrome",
             "webRoot": "${workspaceFolder}"
@@ -16,14 +16,14 @@
             "name": "Launch Chrome",
             "request": "launch",
             "type": "chrome",
-            "url": "http://localhost:8080",
+            "url": "https://localhost:8080",
             "webRoot": "${workspaceFolder}"
         },
         {
             "type": "chrome",
             "request": "launch",
             "name": "Launch Chrome against localhost",
-            "url": "http://localhost:8080",
+            "url": "https://localhost:9222",
             "webRoot": "${workspaceFolder}"
         }
     ]
diff --git a/Pages/Contact.html b/Pages/Contact.html
index 446dd4d..310203c 100644
--- a/Pages/Contact.html
+++ b/Pages/Contact.html
@@ -2,10 +2,10 @@
   <head>
     <script src="email.js"></script>
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
+    <link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
     <nav class="fill">
       <ul>
-        <li><a href="../index.html">Home</a></li>
+        <li><a href="index.html">Home</a></li>
         <li><a href="Team.html">Our Team</a></li>
         <li><a href="Contact.html">Contact</a></li>
         <li><a href="Sponsors.html">Sponsors</a></li>
@@ -19,7 +19,7 @@
       <div>
         <h1 class="page-title" style="width:100%; text-align: center;">Reach Out to Us!</h1>
         <div style="display: flex; align-items:center; justify-content: center;">
-          <img src="../Resources/Icons/email-icon.png" id="TeamIcon" alt="Team Icon">
+          <img src="/Resources/Icons/email-icon.png" id="TeamIcon" alt="Team Icon">
         </div>
       </div>
     </div>
@@ -54,16 +54,16 @@
       <hr>
     </div>
     <div class="divider">
-      <img src="../Resources/insta-line.png" style="width:5%;">
+      <img src="/Resources/insta-line.png" style="width:5%;">
       <div style="color:rgb(241,241,241)">teamparadise.1165</div>
       <div style="width:6%"></div>
-      <img src="../Resources/tiktok.png" style="width:5%; padding-bottom: 10px;">
+      <img src="/Resources/tiktok.png" style="width:5%; padding-bottom: 10px;">
       <div style="color:rgb(241,241,241)">team.paradise.1165</div>
       <div style="width:6%"></div>
-      <img src="../Resources/snapchat.png" style="width:5%; padding-bottom: 10px;">
+      <img src="/Resources/snapchat.png" style="width:5%; padding-bottom: 10px;">
       <div style="color:rgb(241,241,241)">Team1165</div>
       <div style="width:6%"></div>
-      <img src="../Resources/facebook.png" style="width:5%; padding-bottom: 10px;">
+      <img src="/Resources/facebook.png" style="width:5%; padding-bottom: 10px;">
       <div style="color:rgb(241,241,241)">Team Paradise</div>
     </div>
   </body>
diff --git a/Pages/style.css b/Pages/Desktop.css
similarity index 52%
rename from Pages/style.css
rename to Pages/Desktop.css
index db77589..4da0436 100644
--- a/Pages/style.css
+++ b/Pages/Desktop.css
@@ -1,6 +1,6 @@
 @font-face { font-family: OpenSans; src: url('../Resources/openSans.ttf'); } 
       html{
-  background-color: #c3153a;
+        background-color: #e0e0e0;
         font-family: OpenSans;
       }
       /*SCROLLBAR*/
@@ -11,105 +11,275 @@
       /* Handle */
       ::-webkit-scrollbar-thumb {
         border-radius: 10px;
-        background: #141415;
+        border-color: #000;
+        background: #c0c0c0;
       }
-
       /* Handle on hover */
       ::-webkit-scrollbar-thumb:hover {
         background: #000000;
       }
 
+
+
+      /* Body */
+      body{
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        margin: 0;
+      }
+
+
+      /* Navigation Bar */      
+      #nav-bar{
+        position: fixed;
+        z-index: 110;
+        background-color: #f1f1f1;
+        width: 100%;
+        border-bottom: 1px solid;
+        border-bottom-color: #000;
+        margin: 0;
+      }
+      #nav-bar::after{
+        color: #000;
+      }
+      #nav-bar ul {
+        list-style: none;
+        text-align: center;
+        margin: 0;
+        padding: 0;
+      }
+      #nav-bar ul li {
+        display: inline-block;
+      }
+      #nav-bar ul li a {
+        display: block;
+        padding: 15px;
+        text-decoration: none;
+        color: #141415;
+        font-weight: 800;
+        text-transform: uppercase;
+      }
+      #nav-bar ul li nav.dropdown-content{
+        position: fixed;
+        top: 60px;
+      }
+      #nav-bar ul li nav.dropdown-content::before{
+        position: absolute;
+        left: 50%;
+        top: auto;
+        width: 0;
+        height: 0;
+        border: solid transparent;
+        content: "";
+
+
+      }
+      #nav-logo {
+        width: 3.5%;
+        vertical-align: middle;
+        padding-right: 30%;
+        display: none;
+      }
+
+
+      nav.fill ul .nav-button{
+        justify-content: right;
+      }
+      
+      /* Hide Dropdown */
+      nav.fill ul .dropdown-content {
+            display : none;
+            position: absolute;
+            background-color: #f1f1f1;
+            border-color: #000;
+            border: 1px solid;
+            z-index: 110; 
+      }
+
+      /* Dropdown Text */
+      nav.fill ul .dropdown-content a{
+        color: #f1f1f1;
+      }
+
+      /* Hover over dropdown text */
+      nav.fill ul .dropdown-content a:hover{
+        color: #000;
+      }
+
+      /* Show dropdown on hover */
+      nav.fill ul #home-dropdown:hover #home-dropdown-content {
+        display: block;
+        text-align: center;
+        font-size: small;
+        z-index: 110;
+        width: 10%;
+      }
+
+      /* Show dropdown on hover */
+      nav.fill ul #donate-dropdown:hover #donate-dropdown-content {
+        display: block;
+        text-align: center;
+        z-index: 110;
+        width: 10%;
+      }
+
+      
+      nav ul li a,
+      nav ul li a:after,
+      nav ul li a:before {
+        transition: all .2s;
+      }
+      nav ul li a:hover {
+        color: #000000;
+      }
+
+      nav.fill ul li a:after {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        width: 0%;
+        content: '.';
+        margin: 0;
+        opacity: 0;
+        color: transparent;
+        background: #aaa;
+        height: 1px;
+      }
+      nav.fill ul li a {
+        transition: all 1s;
+      }
+      nav.fill ul li a:hover {
+        color: #c3153a;
+        z-index: 1;
+      }
+      nav.fill ul li a:hover:after {
+        z-index: -10;
+        animation: fill .5s forwards;
+        -webkit-animation: fill 1s forwards;
+        -moz-animation: fill 1s forwards;
+        opacity: 1;
+      }
+
+      
+
+      main {        
+        padding-top: 25px;
+        background-color: #f1f1f1;
+        z-index: 100;
+      }
+
+
+
       /* Logo + Background Image */
       .logo-container {
             display: flex;
             align-items: center;
             justify-content: center;
-            height: 100%;
-            z-index: 1
+            /*height: calc(100vw*0.664179104);*/
+            height: calc(100vh);
       }
 
-      .Logo-Image{
-            width: 60%;
+      .logo-container #Logo-Image{
+            position: fixed;
+            z-index: 80;
+            width: 50%;
       }
 
+      .logo-container #Background-Image{
+        position: fixed;
+        z-index: 50;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: bottom;
+      }
 
-      /* Navigation Bar */
-       ul{
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-        display: flex;
-        align-items: center;
+      #Background-Image {
+        overflow: visible;
+        height: auto;
+      }
+
+      /* Home Content */
+      .header2 {
+        margin-top: 25px;
+        margin-bottom: 20px;
         justify-content: center;
-      }
-
-
-      li {
-        display: inline;
-      }
-
-      /* Hide Dropdown */
-      ul .nav-dropdown {
-            display: none;
-            position: absolute;
-            background-color: #c3153a;
-            z-index: 100; 
-      }
-
-      /* Dropdown Text */
-      ul .nav-dropdown a {
-            color: #f1f1f1;
-            display: block;
-      }
-
-      /* Show dropdown on hover */
-      ul .dropdown:hover .nav-dropdown {
-            display: block;
-      }
-      
-      /* li a{
-        font-family: OpenSans;
-        padding: 14px 16px;
-        color: rgb(150, 150, 150);
-        background-color: #141415;
         text-align: center;
-         text-decoration: none;
-        border-radius: 5px; 
-         transition: background-color .75s ease-out 50ms;
-        transition: color .75s ease-out 50ms;
-        transition: font-size .75s ease-out 50ms; 
       }
-      
-      li a:hover {
-        background-color: rgb(163, 47, 47);
-        color: rgb(241, 241, 241);
-        font-size:18px;
-      } */
-
-      .divider hr{
-        height: 1px;
-        background-color: #141415;
-        border: none;
-        width: 40%;
-        padding: 10px, 10px;
+      .section-white {
+        background-color: #f1f1f1;
       }
-      .divider{
+      .section-gray {
+        background-color: #e1e1e1;
+      }
+      .text-image-chunk {
         display: flex;
-        align-items: center;
-        justify-content: center;
       }
-      h1{
-        color: #141415
+
+      /* About Us */
+      #about-us-image {
+        padding-left: 10%;
+        padding-right: 10%;
+        width: 35%
+      }
+      #about-us-text{
+        text-align: center;
+        padding-right: 5%;
+      }
+
+      /* Projects */
+      #x-2023 {
+        justify-content: right;
+      }
+      #projects-image-x-2023 {
+        height: 60%;
+        width: calc(60vh*1.02327961);
+        padding-right: 10%;
+        padding-left: 10%;
+        margin-bottom: 20px;
+      }
+
+      /* Leaders */
+      #leaders section {
+        margin-bottom: 50px;
+      }
+      .leaders-list {
+        list-style: none;
+        text-align: center;
+        font-family: OpenSans;
+      }
+      .leaders-list li div {
+        font-size: medium;
+        font-weight: 625;
+        margin-bottom: 5px;
+      }
+      .leaders-list li span {
+        font-size: small;
+      }
+      #head-mentors ul {
+        column-count: 2;
+      }
+      #mentors-1 ul {
+        column-count: 6;
+      }
+      #mentors-2 ul {
+        column-count: 3;
+      }
+      #officers ul {
+        column-count: 5;
+      }
+      #captains ul {
+        column-count: 6;
+      }
+
+      /* Footer */
+      .footer {
+        padding-top: 50px;
+        background-color: #e1e1e1;
+        display: flex;
       }
-/*
-      body {
-            background-image: url('../Resources/Homepage-Picture.jpg');
-            background-position: center;
-            background-repeat: no-repeat;
-            background-position-y: top;
-            z-index: 150;
-      }*/
-      
 
 
       /*Mobile*/
@@ -135,8 +305,9 @@
         }
         nav {
           width: 80%;
-          margin: 0 auto;
-          font-size: 25px;
+          margin: 0;
+          margin-right: 5%;
+          font-size: 15px;
         }
       }
       /*Desktop*/
@@ -214,73 +385,9 @@
       h2{
         margin:5px;
       }
-      /*NAV.FILL*/
-
-      nav {
-        width: 80%;
-        margin: 0 auto;
-      }
-      nav ul {
-        list-style: none;
-        text-align: center;
-      }
-      nav ul li {
-        display: inline-block;
-      }
-      nav ul li a {
-        display: block;
-        padding: 15px;
-        text-decoration: none;
-        color: #141415;
-        font-weight: 800;
-        text-transform: uppercase;
-      }
-      nav ul li a,
-      nav ul li a:after,
-      nav ul li a:before {
-        transition: all .2s;
-      }
-      nav ul li a:hover {
-        color: #000000;
-      }
-
-      nav.fill ul li a {
-        position: relative;
-      }
-      nav.fill ul li a:after {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-        width: 0%;
-        content: '.';
-        color: transparent;
-        background: #aaa;
-        height: 1px;
-      }
-      nav.fill ul li a {
-        transition: all 2s;
-      }
-      nav.fill ul li a:after {
-        text-align: left;
-        content: '.';
-        margin: 0;
-        opacity: 0;
-      }
-      nav.fill ul li a:hover {
-        color: #fff;
-        z-index: 1;
-      }
-      nav.fill ul li a:hover:after {
-        z-index: -10;
-        animation: fill .5s forwards;
-        -webkit-animation: fill 1s forwards;
-        -moz-animation: fill 1s forwards;
-        opacity: 1;
-      }
       
-      @-webkit-keyframes fill {
+            
+      /*@-webkit-keyframes fill {
         0% {
           width: 0%;
           height: 1px;
@@ -294,4 +401,4 @@
           height: 100%;
           background: rgb(163, 47, 47);
         }
-      }
+      }*/
diff --git a/Pages/Resources.html b/Pages/Resources.html
index 5bbcd06..c1c1383 100644
--- a/Pages/Resources.html
+++ b/Pages/Resources.html
@@ -1,10 +1,10 @@
 <html>
   <head>
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
+    <link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
     <nav class="fill">
       <ul>
-        <li><a href="../index.html">Home</a></li>
+        <li><a href="index.html">Home</a></li>
         <li><a href="Team.html">Our Team</a></li>
         <li><a href="Contact.html">Contact</a></li>
         <li><a href="Sponsors.html">Sponsors</a></li>
@@ -18,7 +18,7 @@
       <div>
         <h1 class="page-title" style="width:100%; text-align: center;">Welcome To Our Donation Page</h1>
         <div style="display: flex; align-items:center; justify-content: center;">
-          <img src="../Resources/Icons/Pencil-icon.png" id="TeamIcon" alt="Team Icon">
+          <img src="/Resources/Icons/Pencil-icon.png" id="TeamIcon" alt="Team Icon">
         </div>
       </div>
     </div>
diff --git a/Pages/Sponsors.html b/Pages/Sponsors.html
index f0fe2a1..ade0e56 100644
--- a/Pages/Sponsors.html
+++ b/Pages/Sponsors.html
@@ -1,10 +1,10 @@
 <html>
   <head>
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
+    <link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
     <nav class="fill">
       <ul>
-        <li><a href="../index.html">Home</a></li>
+        <li><a href="index.html">Home</a></li>
         <li><a href="Team.html">Our Team</a></li>
         <li><a href="Contact.html">Contact</a></li>
         <li><a href="Sponsors.html">Sponsors</a></li>
@@ -16,9 +16,9 @@
   <body>
     <div class="Title-Container">
       <div>
-        <h1 class="page-title" style="width:100%; text-align: center;">Intersted in Sponsoring Us?</h1>
+        <h1 class="page-title" style="width:100%; text-align: center;">Interested in Sponsoring Us?</h1>
         <div style="display: flex; align-items:center; justify-content: center;">
-          <img src="../Resources/Icons/handshake-icon.png" id="TeamIcon" alt="Team Icon">
+          <img src="/Resources/Icons/handshake-icon.png" id="TeamIcon" alt="Team Icon">
         </div>
       </div>
     </div>
diff --git a/Pages/Team.html b/Pages/Team.html
index 3cf4a19..8b2ff38 100644
--- a/Pages/Team.html
+++ b/Pages/Team.html
@@ -1,10 +1,10 @@
 <html>
   <head>
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
+    <link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
     <nav class="fill">
       <ul>
-        <li><a href="../index.html">Home</a></li>
+        <li><a href="index.html">Home</a></li>
         <li><a href="Team.html">Our Team</a></li>
         <li><a href="Contact.html">Contact</a></li>
         <li><a href="Sponsors.html">Sponsors</a></li>
@@ -18,7 +18,7 @@
       <div>
         <h1 class="page-title" style="width:100%; text-align: center;">Here is Our Team</h1>
         <div style="display: flex; align-items:center; justify-content: center;">
-          <img src="../Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon">
+          <img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon">
         </div>
       </div>
     </div>
diff --git a/Pages/calendar.html b/Pages/calendar.html
index 5d54bcd..1e6d4ec 100644
--- a/Pages/calendar.html
+++ b/Pages/calendar.html
@@ -1,10 +1,10 @@
 <html>
   <head>
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
+    <link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
     <nav class="fill">
       <ul>
-        <li><a href="../index.html">Home</a></li>
+        <li><a href="index.html">Home</a></li>
         <li><a href="Team.html">Our Team</a></li>
         <li><a href="Contact.html">Contact</a></li>
         <li><a href="Sponsors.html">Sponsors</a></li>
@@ -18,7 +18,7 @@
       <div>
         <h1 class="page-title" style="width:100%; text-align: center;">Calendar</h1>
         <div style="display: flex; align-items:center; justify-content: center;">
-          <img src="../Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" style="width: 12%;">
+          <img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" style="width: 12%;">
         </div>
       </div>
     </div>
diff --git a/Pages/email.js b/Pages/email.js
index dd676ee..04f875d 100644
--- a/Pages/email.js
+++ b/Pages/email.js
@@ -36,4 +36,15 @@ function isEmail(email) {
     let usr = new User(firstName.value, lastName.value, email.value, question.value);
     
   }
- }
\ No newline at end of file
+ }
+
+/* function scrollPosition() {
+  var navBar = getElementById("nav-bar");
+  var scrollPosition = this.window.scrollY;
+
+  if (scrollPosition > 100) {
+    navBar.style.backgroundColor = "black";
+  } else {
+    navBar.style.backgroundColor = "red";
+  }
+ }; */
\ No newline at end of file
diff --git a/Pages/index.html b/Pages/index.html
new file mode 100644
index 0000000..e48ba48
--- /dev/null
+++ b/Pages/index.html
@@ -0,0 +1,297 @@
+<html>
+
+  <head>
+    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
+    <link rel="stylesheet" href="/Pages/Desktop.css">
+  </head>
+
+  <body>
+    <!--Navigation Bar-->
+    <nav class="fill" id = "nav-bar">
+      <ul>
+        <img src="/Resources/Black Logo-1.png" id="nav-logo" alt="Team 1165 Logo">
+        <li class = "nav-button" id="home-dropdown"><a href="index.html">Home</a>
+          <nav class = "dropdown-content" id = "home-dropdown-content">
+            <a class = "first-dropdown" href="index.html">Projects</a>
+            <a href="index.html">Leaders</a>
+          </nav>
+        </li>
+        <li class = "nav-button" ><a href="/Pages/calendar.html">Calendar</a></li>
+        <li class = "nav-button" ><a href="/Pages/Sponsors.html">Sponsors</a></li>
+        <li class = "nav-button" ><a href="/Pages/Team.html">Shop</a></li>
+        <li class = "nav-button"  id = "donate-dropdown"><a href="/Pages/Resources.html">Donate</a>
+          <nav class = "dropdown-content" id = "donate-dropdown-content">
+            <a class = "first-dropdown" href="index.html">General Donation</a>
+            <a href="index.html">Tax Credit</a>
+          </nav>
+        </li>
+      </ul>
+    </nav>
+
+    <!--Background Image + Logo-->
+    <header>
+      <section class="logo-container">
+        <img src="/Resources/ParadiseLogo.png" id="Logo-Image" alt="Team 1165 Logo">
+        <img src="/Resources/Homepage-Picture.jpg" id="Background-Image" alt="Background Image">
+      </section>
+    </header>
+
+    <main>
+      <section id="main-section">
+
+        <section id="home-section">
+          <!-- About Us -->
+          <section class = "section-white">
+            <header>
+              <h2 class = "header2">About Us</h2>
+            </header>
+            <section class="text-image-chunk" id="about-us">
+              <img src="/Resources/Team Paradise Yearbook Photo.jpeg" id="about-us-image" alt="Team Picture">
+              <div id = "about-us-text">
+                Our team's annual goal is to assemble a team of energetic students that bring academic lessons to bear in a robotics competition. We are part of the FIRST organization (For Inspiration and Recognition of Science and Technolgy) and participate in FIRST Robotics Competitions (FRC).
+                <br>
+                <br>
+                FRC combines the excitement of sport with the rigors of science and technology. Under strict rules, limited resources, and tight time limits, teams of high school students are challenged to build and program a robot to perform prescribed tasks against a field of competitors, raise funds, design a team "brand", and hone teamwork skills.
+              </div>
+            </section>
+          </section>
+
+          <!-- Projects -->
+          <section class = "section-gray">
+            <header>
+              <h2 class = "header2">Projects</h2>
+            </header>
+            <section class="text-image-chunk"  id="x-2023">
+              <div id = "projects">
+                Insert text here.
+              </div>
+              <img src="/Resources/x-2023.JPG" id="projects-image-x-2023" alt="Team Picture">
+            </section>
+          </section>
+          
+          <!-- Leaders -->
+          <section class = "section-white" id="leaders">
+            <header>
+              <h2 class = "header2">Leaders</h2>
+            </header>
+            <section id="head-mentors">
+              <ul class="leaders-list">
+                <li id="lead-coach-1">
+                  <div>
+                    Jorge "Chef" Ramos
+                  </div>
+                  <span> 
+                    Lead Coach 1
+                  </span>
+                </li>
+                <li id="lead-coach-2">
+                  <div>
+                    Melanie Young
+                  </div>
+                  <span>
+                    Lead Coach 2
+                  </span>
+                </li>
+              </ul>
+            </section>
+
+            <section id="mentors-1">
+              <ul class="leaders-list">
+                <li>
+                  <div>
+                    Juan Cisneros
+                  </div>
+                  <span>
+                    Build & Strategy
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Mike Moenich
+                  </div>
+                  <span>
+                    Administration & Build
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Gatlin Farrington
+                  </div>
+                  <span>
+                    Electrical & Programming
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Alarmel S
+                  </div>
+                  <span>
+                    Build & Design
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Sam R
+                  </div>
+                  <span>
+                    Administration
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Ken Whitley
+                  </div>
+                  <span>
+                    Build
+                  </span>
+                </li>
+              </ul>
+            </section>
+
+            <section id="mentors-2">
+              <ul class="leaders-list">
+                <li>
+                  <div>
+                    Charlotte Moenich
+                  </div>
+                  <span>
+                    Administration & Strategy
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Ethan Mullins
+                  </div>
+                  <span>
+                    Build & Design
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Mason Mills
+                  </div>
+                  <span>
+                    Build & Design
+                  </span>
+                </li>
+              </ul>
+            </section>
+            
+            <section id="officers">
+              <ul class="leaders-list">
+                <li>
+                  <div>
+                    Justin Friedlander
+                  </div>
+                  <span>
+                    President
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Manas Pund
+                  </div>
+                  <span>
+                    Vice President
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Bridget Ruble
+                  </div>
+                  <span>
+                    Treasurer
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Aneesa Napoli
+                  </div>
+                  <span>
+                    Co-Secretary
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Maggie "Kate" Osteen
+                  </div>
+                  <span>
+                    Co-Secretary
+                  </span>
+                </li>
+              </ul>
+            </section>
+
+            <section id="captains">
+              <ul class="leaders-list">
+                <li>
+                  <div>
+                    Caden Laughlin
+                  </div>
+                  <span>
+                    Captain of Build
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    James Campos
+                  </div>
+                  <span>
+                    Captain of Design
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    James Gold
+                  </div>
+                  <span>
+                    Captain of Electrical
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Arianna Decker
+                  </div>
+                  <span>
+                    Captain of Media
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    James Gold
+                  </div>
+                  <span>
+                    Captain of Programming
+                  </span>
+                </li>
+                <li>
+                  <div>
+                    Jackson Trabue
+                  </div>
+                  <span>
+                    Captain of Safety
+                  </span>
+                </li>
+              </ul>
+            </section>
+          </section>
+        </section>
+
+        <section class="footer">
+          <section id="footer-instagram">
+            <img src="/Resources/Instagram.png" style="width:5%;">
+            <div>teamparadise.1165</div>
+          </section>
+          <section id="footer-facebook">
+            <img src="/Resources/Facebook.png" style="width:5%; padding-bottom: 10px;">
+            <div>Team Paradise 1165</div>
+          </section>
+          <section id="footer-gmail">
+            <img src="/Resources/Gmail Logo.png" style="width:5%; padding-bottom: 10px;">
+            <div>team1165@gmail.com</div>
+          </section>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>
diff --git a/Resources/Black Logo (1).jpg b/Resources/Black Logo (1).jpg
deleted file mode 100644
index 74f6df7..0000000
Binary files a/Resources/Black Logo (1).jpg and /dev/null differ
diff --git a/Resources/Black Logo-1.png b/Resources/Black Logo-1.png
new file mode 100644
index 0000000..64fb598
Binary files /dev/null and b/Resources/Black Logo-1.png differ
diff --git a/Resources/x-2023.JPG b/Resources/x-2023.JPG
new file mode 100644
index 0000000..779ea94
Binary files /dev/null and b/Resources/x-2023.JPG differ
diff --git a/index.html b/index.html
deleted file mode 100644
index 81db62c..0000000
--- a/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<html>
-
-  <head>
-    <link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
-    <link rel="stylesheet" href="./Pages/style.css">
-    <nav class="fill">
-      <ul>
-        <li class = "dropdown"><a href="index.html">Home</a></li>
-          <nav class = "nav-dropdown">
-            <a href="index.html">Projects</a>
-            <a href="index.html">Leaders</a>
-          </nav>
-        <li><a href="./Pages/calendar.html">Calendar</a></li>
-        <li><a href="./Pages/Sponsors.html">Sponsors</a></li>
-        <li><a href="./Pages/Team.html">Shop</a></li>
-        <li class = "dropdown"><a href="./Pages/Resources.html">Donate</a></li>
-          <nav class = "nav-dropdown">
-            <a href="index.html">General Donation</a>
-            <a href="index.html">Tax Credit</a>
-          </nav>
-      </ul>
-    </nav>
-  </head>
-  <body>
-    <div class="logo-container">
-      <img src="./Resources/ParadiseLogo.png" class="logo-image" id="Logo-Image" alt="Team 1165 Logo">
-    </div>
-
-    <div id = "About-Us" class="divider">
-      <hr>
-      <h1 style="display: flex; justify-content:center; text-align: center;">Our Team</h1>
-      <hr>
-    </div>
-
-      <div class="OurStory-Container">
-        <img src="./Resources/Team Photo ARL.jpg" id="teamImage" alt="Team Picture">
-        <div style="color: #000000;">
-          Our team's annual goal is to assemble a team of energetic students that bring academic lessons to bear in a robotics competition. We are part of the FIRST organization (For Inspiration and Recognition of Science and Technolgy) and participate in FIRST Robotics Competitions (FRC).
-          <br>
-          <br>
-          FRC combines the excitement of sport with the rigors of science and technology. Under strict rules, limited resources, and tight time limits, teams of high school students are challenged to build and program a robot to perform prescribed tasks against a field of competitors, raise funds, design a team "brand", and hone teamwork skills.
-      </div>
-      <div class="divider" style="padding-bottom: 50px;">
-        <hr>
-        <h1 style="display: flex; justify-content:center; text-align: center;">Our Socials</h1>
-        <hr>
-      </div>
-      <div class="divider">
-        <img src="./Resources/Instagram.png" style="width:5%;">
-        <div style="color:rgb(241,241,241)">teamparadise.1165</div>
-        <div style="width:6%"></div>
-        <img src="./Resources/Facebook.png" style="width:5%; padding-bottom: 10px;">
-        <div style="color:rgb(241,241,241)">Team Paradise 1165</div>
-        <div style="width:6%"></div>
-        <img src="./Resources/X Logo.png" style="width:5%; padding-bottom: 10px;">
-        <div style="color:rgb(241,241,241)">@Team1165</div>
-        <div style="width:6%"></div>
-        <img src="./Resources/Gmail Logo.png" style="width:5%; padding-bottom: 10px;">
-        <div style="color:rgb(241,241,241)">team1165@gmail.com</div>
-      </div>
-  </body>
-</html>
