diff --git a/contact_us.html b/contact_us.html
index 51e89ca..d9db114 100644
--- a/contact_us.html
+++ b/contact_us.html
@@ -16,8 +16,10 @@
 </head>
 <p style="margin-bottom:200px;"></p>
 <body>
-    <header class="bg-black text-white pt-2 pb-2 pl-8 pr-8">
-        <div id="left"><img src="image/QC@UCI Logo_small.png" width="125" alt="QC@UCI Logo"></div>
+    <header class="header">
+		<a href="index.html">
+		   <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
+		</a>
         <nav>
            <ul class="header__nav">
 			<li><a href="index.html">Home</a></li>
diff --git a/css/style.css b/css/style.css
index 2bf0ffb..b5b6aeb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -609,7 +609,7 @@ section.join__body {
 section.join__body .contact__header {
    color: var(--black-color);
    width: 80%;
-   text-align: left;
+   text-align: center;
    font-size: var(--font-huge);
 }
 
@@ -624,56 +624,99 @@ section.join__body .join__platform {
    text-transform: capitalize;
    padding: 10px 10px;
    font-size: 30px;
+   margin-top: 15px;
+   display: flex;
+   justify-content:center;
+   color: var(--black-color);
+}
+
+section.join__body .join__platform button {
+   border: none;
+}
+
+/* ############# */
+
+section.join__body .join__header {
+   width: 80%;
+   margin: 40px 0px;
+   /*font-size: var(--font-mega);*/
+   font-size: clamp(1.5rem, 2.5vw, 3rem); /* Changed line: Dynamic font size */
+   text-align: left;
 }
 
 section.join__body .join__platform {
+   text-transform: capitalize;
+   padding: 10px 10px;
+   /*font-size: 30px;*/
+   font-size: clamp(1rem, 2vw, 2.5rem); /* Changed line: Dynamic font size */
    margin-top: 15px;
    display: flex;
-   justify-content: space-between;
+   flex-direction: column; /* Stack buttons vertically */
+   align-items: flex-start; /* Align items to the start */
    color: var(--black-color);
+   position: relative; /* Add relative positioning to the parent container */
 }
 
-section.join__body .join__platform button {
-   border: none;
+section.join__body .text-container {
+   position: relative; /* Positioning context for the button */
+   display: flex; /* Ensure container is inline with text */
+   justify-content: center;
+   width: 100%; /* Make text container full width */
+   margin-bottom: 100px; /* Space between buttons */
+   text-align: center;
 }
 
-section.join__body .join__platform i {
-   display: block;
-   width: 85px;
-   margin: 0 5px;
-   padding: 10px 5px;
-   border-radius: var(--border-radius);
+section.join__body .button-link {
+   text-decoration: none;
+   color: var(--white-color);
+   /*padding: 10px 20px;*/
+   padding: clamp(0.5rem, 1vw, 1rem) clamp(1rem, 2vw, 2rem); /* Changed line: Dynamic padding */
+   border: 2px solid var(--black-color);
+   border-radius: 15px;
    transition: all 0.3s ease;
-   border-style: none;
-   font-size: 25px;
-   /*font-size: var(--font-large);*/
+   /*font-size: 25px;*/
+   font-size: clamp(1rem, 2.5vw, 2rem); /* Changed line: Dynamic font size */
+   position: absolute; /* Overlay button on text */
+   top: 50%; /* Center vertically */
+   left: 50%; /* Center horizontally */
+   transform: translate(-50%, -50%); /* Adjust positioning */
+   pointer-events: auto; /* Ensure the link is clickable */
+   width: flex; /* Make buttons take up full width of container */
+   max-width: 200px; /* Set max width for buttons */
+   z-index: 1; /* Ensure it is above other elements */
+   white-space: nowrap;  /*Prevent the text from wrapping */
 }
 
-section.join__body .join__platform .fa-envelope:hover {
-   background: #2eb67d;
-   color: var(--white-color);
+section.join__body .button-link.email {
+   background-color: #bd0072; /* Sign Up color */
 }
 
-section.join__body .join__platform .fa-discord:hover {
-   background: #7289da;
-   color: var(--white-color);
+section.join__body .button-link.discord {
+   background-color: #4a71ff; /* Discord color */
 }
 
-section.join__body .join__platform .fa-instagram:hover {
-   background: var(--lightred-color);
-   color: var(--white-color);
+section.join__body .button-link.instagram {
+   background-color: #e4ab00; /* Instagram color */
 }
 
-section.join__body .join__platform .fa-github:hover {
-   background: #000000;
-   color: var(--white-color);
+section.join__body .button-link.github {
+   background-color: #6f6f6f; /* GitHub color */
 }
 
-section.join__body .join__platform .fa-calendar-alt:hover {
-   background: var(--text-color);
-   color: var(--white-color);
+section.join__body .button-link.calendar {
+   background-color: #08879b; /* Calendar color */
 }
 
+section.join__body .button-link:hover {
+   background: var(--white-color);
+   color: var(--black-color);
+   border-color: var(--black-color);
+}
+
+
+
+/* ############# */
+
 /*************************/
 /*         Event         */
 /*************************/
diff --git a/event.html b/event.html
index bb6ef3b..fda21d2 100644
--- a/event.html
+++ b/event.html
@@ -16,8 +16,10 @@
 <p style="margin-bottom:200px;"></p>
 <body>
 
-   <header class="bg-black text-white pt-2 pb-2 pl-8 pr-8">
-      <div id="left"><img src="image/QC@UCI Logo_small.png" width="125" alt="QC@UCI Logo"></div>
+   <header class="header">
+      <a href="index.html">
+         <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
+      </a>
       <nav>
          <ul class="header__nav">
             <li><a href="index.html">Home</a></li>
@@ -46,16 +48,16 @@
       <div class="event__text active" data-id="events">
          <h2><b>Events</b></h2>
          <br>
-         <!--<ul>
+         <ul>
             <li>
                <div class="event__info">
                   <span>
-                    Qiskit Fall Fest <!--<a href="https://qiskithackathon.global.bemyapp.com/#/event">[link]</a>-->
+                    Qiskit Fall Fest 2024 <!-- <a href="https://qiskithackathon.global.bemyapp.com/#/event">[link]</a> -->
                   </span>
                   <span id="edate">Coming Up!</span>
                </div>
             </li>
-         </ul>-->
+         </ul>
       </div>
 
       <div class="event__text" data-id="meetings">
@@ -146,10 +148,9 @@ <h2><b>Newsletters</b></h2>
 
    <footer>
       <div class="footer__copyRight">
-         <p>Follow us on Discord and Instagram.</p>
-         <p><a href="./contact_us.html">© Quantum Computing at UCI</a> 2023</p>
+          <p><a href="./contact_us.html">Copyright © 2024 Quantum Computing @ UCI. All Rights Reserved. </a></p>
       </div>
-   </footer>
+    </footer>
 
    <script src="js/event.js"></script>
 
diff --git a/index.html b/index.html
index 86c6da4..3ec513f 100644
--- a/index.html
+++ b/index.html
@@ -137,7 +137,7 @@
    <header class="header">
       <a href="index.html">
          <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
-     </a>
+      </a>
       <nav>
          <ul class="header__nav">
             <li><a href="index.html">Home</a></li>
@@ -268,10 +268,9 @@ <h2 class="body__title">Hackathons and Conferences</h2>
    
    <footer>
       <div class="footer__copyRight">
-         <p>Follow us on Discord and Instagram.</p>
-         <p><a href="./contact_us.html">© Quantum Computing at UCI</a> 2024</p>
+          <p><a href="./contact_us.html">Copyright © 2024 Quantum Computing @ UCI. All Rights Reserved. </a></p>
       </div>
-   </footer>
+    </footer>
 
    <script type="text/javascript">
       let slideIndex = 1;
diff --git a/join.html b/join.html
index e8e8d60..17a62f4 100644
--- a/join.html
+++ b/join.html
@@ -17,8 +17,10 @@
 
 <body>
 
-    <header class="bg-black text-white pt-2 pb-2 pl-8 pr-8">
-      <div id="left"><img src="image/QC@UCI Logo_small.png" width="125" alt="QC@UCI Logo"></div>
+  <header class="header">
+    <a href="index.html">
+       <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
+    </a>
       <nav>
         <ul class="header__nav">
           <li><a href="index.html">Home</a></li>
@@ -34,53 +36,26 @@
 
     <div class="join__title">Get Involved!</div>
     <section class="join__body">
-      <div class="join__platform">
-        Sign up
-        <button class="">
-          <a href="https://docs.google.com/forms/d/e/1FAIpQLSeZtyYb8oV3nUPXUksd5ULrCTAcWEbtvGW-8aNxpvVj6ZAcEw/viewform">
-            <i class="fas fa-envelope"></i>
-          </a>
-        </button>
+      <div class="text-container">
+        <a href="https://docs.google.com/forms/d/e/1FAIpQLSeZtyYb8oV3nUPXUksd5ULrCTAcWEbtvGW-8aNxpvVj6ZAcEw/viewform" class="button-link email">Sign Up</a>
       </div>
-      <div class="join__platform">
-        discord
-        <button class="">
-          <a href="https://discord.gg/Q3zzzS7yDJ">
-            <i class="fab fa-discord"></i>
-          </a>
-        </button>
+      <div class="text-container">
+        <a href="https://discord.gg/Q3zzzS7yDJ" class="button-link discord">Discord</a>
       </div>
-      <div class="join__platform">
-        instagram
-        <button class="">
-          <a href="https://www.instagram.com/qcatuci/">
-            <i class="fab fa-instagram"></i>
-          </a>
-        </button>
+      <div class="text-container">
+        <a href="https://www.instagram.com/qcatuci/" class="button-link instagram">Instagram</a>
       </div>
-      <div class="join__platform">
-        github
-        <button class="">
-          <a href="https://github.com/QC-UCI">
-            <i class="fab fa-github"></i>
-          </a>
-        </button>
+      <div class="text-container">
+        <a href="https://calendar.google.com/calendar/u/2?cid=Y192Y2ZhcjJqM3JtYThqZXJxc3JncTFnZThzOEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t" class="button-link calendar">Calendar</a>
       </div>
-      <div class="join__platform">
-        calendar
-        <button class="">
-          <a href="https://calendar.google.com/calendar/u/2?cid=Y192Y2ZhcjJqM3JtYThqZXJxc3JncTFnZThzOEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t">
-            <i class="far fa-calendar-alt"></i>
-          </a>
-        </button>
+      <div class="text-container">
+        <a href="https://github.com/QC-UCI" class="button-link github">GitHub</a>
       </div>
-    </section>
-
+      
     <footer>
       <div class="footer__copyRight">
-         <p>Follow us on Discord and Instagram.</p>
-         <p><a href="./contact_us.html">© Quantum Computing at UCI</a> 2023</p>
+          <p><a href="./contact_us.html">Copyright © 2024 Quantum Computing @ UCI. All Rights Reserved. </a></p>
       </div>
-   </footer>
+    </footer>
 </body>
 </html>
diff --git a/learn.html b/learn.html
index 2c75a8c..7cf390e 100644
--- a/learn.html
+++ b/learn.html
@@ -8,19 +8,18 @@
       src="https://kit.fontawesome.com/2d323a629b.js"
       crossorigin="anonymous">
    </script>
-   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-   rel="stylesheet">
+   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/tailwind_style.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Learn | QC@UCI</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
 </head>
 <body>
-   <header class="bg-black text-white pt-2 pb-2 pl-8 pr-8>
-      <div id="left"><img src="image/QC@UCI Logo_small.png" width="125" alt="QC@UCI Logo"></div>
+    <header class="header">
+        <a href="index.html">
+           <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
+        </a>
       <nav>
          <ul class="header__nav">
             <li><a href="index.html">Home</a></li>
@@ -34,8 +33,7 @@
       </nav>
    </header> 
 
-    <p style="margin-bottom:180px;"></p>
-
+   <p style="margin-bottom:180px;"></p>
    <div class="learn__title">What is Quantum Computing?</div>
    <p style="margin-bottom:50px;"></p>
 
@@ -102,12 +100,11 @@ <h2>Physics</h2>
      </div>
 
 
-   <footer>
-      <div class="footer__copyRight">
-         <p>Follow us on Discord and Instagram.</p>
-         <p><a href="./contact_us.html">© Quantum Computing at UCI</a> 2023</p>
-      </div>
-   </footer>
+    <footer>
+        <div class="footer__copyRight">
+            <p><a href="./contact_us.html">Copyright © 2024 Quantum Computing @ UCI. All Rights Reserved. </a></p>
+        </div>
+    </footer>
 
 </body>
 </html>
diff --git a/projects.html b/projects.html
index f124639..3fae8a2 100644
--- a/projects.html
+++ b/projects.html
@@ -4,24 +4,106 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-   <script
-      src="https://kit.fontawesome.com/2d323a629b.js"
-      crossorigin="anonymous">
-   </script>
+   <script 
+        src="https://kit.fontawesome.com/2d323a629b.js" 
+        crossorigin="anonymous">
+    </script>
+
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-   rel="stylesheet">
+   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/tailwind_style.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Projects | QC@UCI</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
+   <style>
+      body {
+         font-family: 'Roboto', sans-serif;
+      }
+      .header {
+         background-color: black;
+         padding: 10px 0;
+      }
+      .header__nav {
+         display: flex;
+         justify-content: center;
+         list-style: none;
+         padding: 0;
+         margin: 0;
+      }
+      .header__nav li {
+         margin: 0 15px;
+      }
+      .header__nav a {
+         color: white;
+         text-decoration: none;
+         font-size: 16px;
+      }
+      .projects__title {
+         text-align: center;
+         font-size: 2rem;
+         font-weight: bold;
+         margin-bottom: 50px;
+      }
+      .accordion .card-header {
+         background-color: white;
+         border: none;
+         cursor: pointer;
+      }
+      .accordion .btn-link {
+         width: 100%;
+         text-align: center;
+         font-size: 1.25rem;
+         color: #007bff;
+         text-decoration: none;
+      }
+      .accordion .card {
+         margin: 10px auto;
+         border: none;
+         border-radius: 10px;
+         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+         width: 90%;
+      }
+      .accordion .card-body {
+         display: flex;
+         flex-wrap: wrap;
+      }
+      .accordion .card-body .summary {
+         flex: 2;
+         padding-right: 15px;
+      }
+      .accordion .card-body .thumbnail {
+         flex: 1;
+         display: flex;
+         align-items: center;
+         justify-content: center;
+      }
+      .accordion .card-body .thumbnail img {
+         max-width: 100%;
+         border-radius: 10px;
+      }
+      .accordion .collapse.show {
+         background-color: #e9ecef;
+      }
+      .accordion .btn-link:focus {
+         box-shadow: none;
+      }
+      .footer__copyRight {
+         text-align: center;
+         padding: 20px 0;
+      }
+      .footer__copyRight a {
+         color: black;
+         text-decoration: none;
+      }
+   </style>
 </head>
+
 <body>
-   <header class="bg-black text-white pt-2 pb-2 pl-8 pr-8">
-      <div id="left"><img src="image/QC@UCI Logo_small.png" width="125" alt="QC@UCI Logo"></div>
+    <header class="header">
+        <a href="index.html">
+           <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
+        </a>
       <nav>
          <ul class="header__nav">
             <li><a href="index.html">Home</a></li>
@@ -33,118 +115,108 @@
             <li><a href="contact_us.html">Contact</a></li>
          </ul>
       </nav>
-   </header>
+   </header> 
 
+ 
    <p style="margin-bottom:180px;"></p>
-
-
-   <div class="projects__title">Featured Projects</div>
+   <div class="projects__title">Research Projects</div>
    <p style="margin-bottom:50px;"></p>
-    
-    <button class="collapsible">Upcoming Projects</button>
-    <div class="content">
-        <div class="accordion" style="min-height: 400px;" id="upcomingProjects">
-            <div class="card" style="margin-left: 5%; margin-right: 5%; min-height:auto">
-            <div class="card-header" id="headingOne">
-                <h2 class="mb-0">
-                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="font-size: large">
-                    Implementing Variational Quantum Eigensolver to Find the Ground State Energies of Molecules 
-                </button>
-                </h2>
-            </div>
-        
-            <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#upcomingProjects">
-                <div class="card-body" style="font-size:medium; margin-left:3%">
-                    Coming Soon!
-                </div>
-            </div>
-            </div>
-    
-            <div class="card" style="margin-left: 5%; margin-right: 5%; min-height:auto">
-                <div class="card-header" id="headingOne">
-                <h2 class="mb-0">
-                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo" style="font-size: large">
-                        Creating a Quantum Deep Neural Network for Effective Stock Market Closing Price Prediction 
-                    </button>
-                </h2>
-                </div>
-            
-                <div id="collapseTwo" class="collapse" aria-labelledby="headingOne" data-parent="#upcomingProjects">
-                <div class="card-body" style="font-size:medium; margin-left:3%">
-                    Coming Soon!
-                </div>
-                </div>
-            </div>
-        </div>
-    </div>
 
-    
-
-    <button class="collapsible">Past Projects</button>
-    <div class="content">
-        <div class="accordion" style="min-height: 400px;" id="pastProjects">
-            <div class="card" style="margin-left: 5%; margin-right: 5%;">
-            <div class="card-header" id="headingOne">
-                <h2 class="mb-0">
-                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree" style="font-size: large;">
-                    Variational Quantum Convolutional Neural Network for Image Recognition to Determine Steering Angle for Autonomous Vehicles 
-                </button>
-                </h2>
+   <div class="accordion" id="projectsAccordion">
+      <div class="card">
+         <div class="card-header" id="headingOne">
+            <h2 class="mb-0">
+               <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                Quantum Generative AI for Real-time Audio Synthesis
+               </button>
+            </h2>
+         </div>
+         <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#projectsAccordion">
+            <div class="card-body">
+               <div class="summary">
+                  Coming Soon!
+               </div>
+               <div class="thumbnail">
+                  <img src="https://via.placeholder.com/150" alt="Project Image">
+               </div>
             </div>
-        
-            <div id="collapseThree" class="collapse" aria-labelledby="headingOne" data-parent="#pastProjects">
-                <div class="card-body" style="font-size:medium; margin-left:3%">
-                    Autonomous cars, such as those that Tesla Inc. builds, use complex deep neural networks to make instantaneous decisions based on real-time data from sensors on the vehicle. One major example of an autopilot mode feature is controlling the steering angle of the vehicle relative to the road. To build better self-driving models, we either need billions of miles of driving data or more complex models that train faster on lesser data. Conventional deep neural networks like the Convolutional Neural Network (CNN) are excellent at predicting steering angles by analyzing image data as input. This project entails constructing a hybrid neural network that combines classical and “quantum” layers in order to predict the steering angle for a car based on video data. Once a functional model is built, we will build a fully classical CNN and use it to compare against our hybrid CNN. The premise behind exploring this project lies in using quantum transfer learning methods similar to Variational Quantum Eigensolvers. We have a quantum circuit and an optimizer which optimizes parameters for a set of iterations till we find a desired value using quantum circuits. We will be using the layers in a deep neural network and transferring the weights as parameters to the quantum circuits. The quantum circuits will augment the classical neural network and help find the optimum steering angle based on images from a car's front camera. We shall build a deep CNN with several convolutional layers, and the following layers will be the variational quantum circuits. We will evaluate the performances based on the prediction of the steering angle and the time it takes for the neural networks to be trained.
-                </div>
+         </div>
+      </div>
+      <div class="card">
+         <div class="card-header" id="headingTwo">
+            <h2 class="mb-0">
+               <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
+                  Implementing Variational Quantum Eigensolver to Find the Ground State Energies of Molecules
+               </button>
+            </h2>
+         </div>
+         <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#projectsAccordion">
+            <div class="card-body">
+               <div class="summary">
+                  Coming Soon!
+               </div>
+               <div class="thumbnail">
+                  <img src="https://via.placeholder.com/150" alt="Project Image">
+               </div>
             </div>
-            </div>
-    
-            <div class="card" style="margin-left: 5%; margin-right: 5%; min-height:auto">
-                <div class="card-header" id="headingOne">
-                <h2 class="mb-0">
-                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour" style="font-size: large">
-                        Implementation of Grover's Search Algorithm using Python and Qiskit
-                    </button>
-                </h2>
-                </div>
-            
-                <div id="collapseFour" class="collapse" aria-labelledby="headingOne" data-parent="#pastProjects">
-                <div class="card-body" style="font-size:medium; margin-left:3%">
-                    This algorithm quadratically speeds up the process of finding the queried item from a large list of N unsorted items by using a quantum oracle and the amplitude amplification technique.
+         </div>
+      </div>
+      <div class="card">
+         <div class="card-header" id="headingThree">
+            <h2 class="mb-0">
+               <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
+                 Quantum Deep Learning for Effective Stock Market Closing Price Prediction
+               </button>
+            </h2>
+         </div>
+         <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#projectsAccordion">
+            <div class="card-body">
+               <div class="summary">
+                  Coming Soon!
                 </div>
+               <div class="thumbnail">
+                  <img src="https://via.placeholder.com/150" alt="Project Image">
+               </div>
+            </div>
+         </div>
+      </div>
+      <div class="card">
+         <div class="card-header" id="headingFour">
+            <h2 class="mb-0">
+               <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
+                Variational Quantum Convolutional Neural Network for Image Recognition to Determine Steering Angle for Autonomous Vehicles
+               </button>
+            </h2>
+         </div>
+         <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#projectsAccordion">
+            <div class="card-body">
+               <div class="summary">
+                Autonomous cars, such as those that Tesla Inc. builds, use complex deep neural networks to make instantaneous decisions based on real-time data from sensors on the vehicle. One major example of an autopilot mode feature is controlling the steering angle of the vehicle relative to the road. To build better self-driving models, we either need billions of miles of driving data or more complex models that train faster on lesser data. Conventional deep neural networks like the Convolutional Neural Network (CNN) are excellent at predicting steering angles by analyzing image data as input. This project entails constructing a hybrid neural network that combines classical and “quantum” layers in order to predict the steering angle for a car based on video data. Once a functional model is built, we will build a fully classical CNN and use it to compare against our hybrid CNN. The premise behind exploring this project lies in using quantum transfer learning methods similar to Variational Quantum Eigensolvers. We have a quantum circuit and an optimizer which optimizes parameters for a set of iterations till we find a desired value using quantum circuits. We will be using the layers in a deep neural network and transferring the weights as parameters to the quantum circuits. The quantum circuits will augment the classical neural network and help find the optimum steering angle based on images from a car's front camera. We shall build a deep CNN with several convolutional layers, and the following layers will be the variational quantum circuits. We will evaluate the performances based on the prediction of the steering angle and the time it takes for the neural networks to be trained.
                 </div>
+               <div class="thumbnail">
+                  <img src="https://via.placeholder.com/150" alt="Project Image">
+               </div>
             </div>
-        </div>
-    </div>
+         </div>
+      </div>
+   </div>
 
-    <script>
-    var coll = document.getElementsByClassName("collapsible");
-    var i;
-
-    for (i = 0; i < coll.length; i++) {
-    coll[i].addEventListener("click", function() {
-        this.classList.toggle("active");
-        var content = this.nextElementSibling;
-        if (content.style.maxHeight){
-        content.style.maxHeight = null;
-        } else {
-        content.style.maxHeight = content.scrollHeight + "px";
-        } 
-    });
-    }
-    </script>
-
-    <footer>
-        <div class="footer__copyRight">
-            <p>Follow us on Discord and Instagram.</p>
-            <p><a href="./contact_us.html">© Quantum Computing at UCI</a> 2023</p>
-        </div>
-    </footer>
-
-
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+   <footer>
+      <div class="footer__copyRight">
+         <p><a href="./contact_us.html">Copyright © 2024 Quantum Computing @ UCI. All Rights Reserved. </a></p>
+      </div>
+   </footer>
 
+   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+   <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+   <script>
+      $(document).ready(function() {
+         $('#projectsAccordion').on('show.bs.collapse', function () {
+            $('#projectsAccordion .collapse').collapse('hide');
+         });
+      });
+   </script>
 </body>
-</html>
\ No newline at end of file
+
+</html>
diff --git a/team.html b/team.html
index 818f29c..b71f6c3 100644
--- a/team.html
+++ b/team.html
@@ -16,8 +16,10 @@
 <p style="margin-bottom:200px;"></p>
 <body>
 
-   <header class="bg-black text-white pt-2 pb-2 pl-8 pr-8">
-      <div id="left"><img src="image/QC@UCI Logo_small.png" width="125" alt="QC@UCI Logo"></div>
+   <header class="header">
+      <a href="index.html">
+         <img src="image/Anteater+Eq_Logo.png" width="150" alt="Home">
+      </a>
       <nav>
          <ul class="header__nav">
             <li><a href="index.html">Home</a></li>
@@ -306,10 +308,9 @@ <h3>Keira Zhu</h3>
 
    <footer>
       <div class="footer__copyRight">
-         <p>Follow us on Discord and Instagram.</p>
-         <p><a href="./contact_us.html">© Quantum Computing at UCI</a> 2023</p>
+          <p><a href="./contact_us.html">Copyright © 2024 Quantum Computing @ UCI. All Rights Reserved. </a></p>
       </div>
-   </footer>
+    </footer>
 
    <script src="js/team.js"></script>
 </body>
