diff --git a/README.md b/README.md
index 50cf1755..2cf2da84 100644
--- a/README.md
+++ b/README.md
@@ -256,6 +256,13 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Himangshu Sharma</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/isimarjitsingh">
+                    <img src="https://avatars.githubusercontent.com/u/154678140?v=4" width="100;" alt="isimarjitsingh"/>
+                    <br />
+                    <sub><b>Simarjit Singh</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/avisha191">
                     <img src="https://avatars.githubusercontent.com/u/164632028?v=4" width="100;" alt="avisha191"/>
@@ -277,6 +284,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Ujjwal Sharma</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/Archisman141">
                     <img src="https://avatars.githubusercontent.com/u/121884549?v=4" width="100;" alt="Archisman141"/>
@@ -284,8 +293,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Archisman Khanra</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
             <td align="center">
                 <a href="https://github.com/dwivedishrey">
                     <img src="https://avatars.githubusercontent.com/u/97790062?v=4" width="100;" alt="dwivedishrey"/>
@@ -300,13 +307,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Aradhya  Yadav</b></sub>
                 </a>
             </td>
-            <td align="center">
-                <a href="https://github.com/isimarjitsingh">
-                    <img src="https://avatars.githubusercontent.com/u/154678140?v=4" width="100;" alt="isimarjitsingh"/>
-                    <br />
-                    <sub><b>Simarjit Singh</b></sub>
-                </a>
-            </td>
             <td align="center">
                 <a href="https://github.com/abdullah-k18">
                     <img src="https://avatars.githubusercontent.com/u/115644774?v=4" width="100;" alt="abdullah-k18"/>
@@ -682,6 +682,13 @@ You can find the project structure in the [Project Structure](project-structure.
             </td>
 		</tr>
 		<tr>
+            <td align="center">
+                <a href="https://github.com/varshapandiann">
+                    <img src="https://avatars.githubusercontent.com/u/139967182?v=4" width="100;" alt="varshapandiann"/>
+                    <br />
+                    <sub><b>Varsha Pandian</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/Varsha-1605">
                     <img src="https://avatars.githubusercontent.com/u/140236223?v=4" width="100;" alt="Varsha-1605"/>
@@ -717,6 +724,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Prajakta Nanda</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/Nimit1775">
                     <img src="https://avatars.githubusercontent.com/u/74372261?v=4" width="100;" alt="Nimit1775"/>
@@ -724,8 +733,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>nimit sodhani</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
             <td align="center">
                 <a href="https://github.com/shriyadindi">
                     <img src="https://avatars.githubusercontent.com/u/126611334?v=4" width="100;" alt="shriyadindi"/>
@@ -740,6 +747,13 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>prachitriv</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/2004pra">
+                    <img src="https://avatars.githubusercontent.com/u/102900421?v=4" width="100;" alt="2004pra"/>
+                    <br />
+                    <sub><b>Prashant mishra</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/ruchikakengal">
                     <img src="https://avatars.githubusercontent.com/u/177725578?v=4" width="100;" alt="ruchikakengal"/>
@@ -754,6 +768,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Sarin Sanyal</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/SiddarthaKarri">
                     <img src="https://avatars.githubusercontent.com/u/147732624?v=4" width="100;" alt="SiddarthaKarri"/>
@@ -768,8 +784,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>smog-root</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
             <td align="center">
                 <a href="https://github.com/souvikpramanikgit">
                     <img src="https://avatars.githubusercontent.com/u/123581988?v=4" width="100;" alt="souvikpramanikgit"/>
@@ -798,6 +812,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Aditya Raj</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/ahinagangopadhyay">
                     <img src="https://avatars.githubusercontent.com/u/159465464?v=4" width="100;" alt="ahinagangopadhyay"/>
@@ -812,8 +828,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Amit Roy</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
             <td align="center">
                 <a href="https://github.com/amitroy5817">
                     <img src="https://avatars.githubusercontent.com/u/149045974?v=4" width="100;" alt="amitroy5817"/>
@@ -842,6 +856,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Anju_Narnolia</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/anuragbansall">
                     <img src="https://avatars.githubusercontent.com/u/137208377?v=4" width="100;" alt="anuragbansall"/>
@@ -856,8 +872,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>AtharvGaur05</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
             <td align="center">
                 <a href="https://github.com/Avidiptab17">
                     <img src="https://avatars.githubusercontent.com/u/107236731?v=4" width="100;" alt="Avidiptab17"/>
@@ -865,6 +879,13 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Avidipta Banerjee</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/Debmallya-03">
+                    <img src="https://avatars.githubusercontent.com/u/178495897?v=4" width="100;" alt="Debmallya-03"/>
+                    <br />
+                    <sub><b>Debmallya-03</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/Durgeshwar-AI">
                     <img src="https://avatars.githubusercontent.com/u/150506367?v=4" width="100;" alt="Durgeshwar-AI"/>
@@ -879,6 +900,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Geetartha Bordoloi</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/IshaRawat7">
                     <img src="https://avatars.githubusercontent.com/u/139321266?v=4" width="100;" alt="IshaRawat7"/>
@@ -900,8 +923,6 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Mayank saini</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
             <td align="center">
                 <a href="https://github.com/Nikhileshmauje">
                     <img src="https://avatars.githubusercontent.com/u/118903685?v=4" width="100;" alt="Nikhileshmauje"/>
@@ -923,6 +944,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Omm Devgoswami</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/Peart-Guy">
                     <img src="https://avatars.githubusercontent.com/u/179379879?v=4" width="100;" alt="Peart-Guy"/>
@@ -937,6 +960,13 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Risheendra183</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/ShaikHafiza">
+                    <img src="https://avatars.githubusercontent.com/u/138603502?v=4" width="100;" alt="ShaikHafiza"/>
+                    <br />
+                    <sub><b>ShaikHafiza</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/shashankgoud18">
                     <img src="https://avatars.githubusercontent.com/u/142642917?v=4" width="100;" alt="shashankgoud18"/>
diff --git a/about.css b/about.css
new file mode 100644
index 00000000..199b92b6
--- /dev/null
+++ b/about.css
@@ -0,0 +1,229 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Inter', sans-serif;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background-color: #1A202C;
+    color: #E2E8F0;
+    line-height: 1.6;
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
+    width: 100%;
+}
+
+header {
+    background-color: #2D3748;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+nav {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.5rem 0;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+}
+
+#logo-web {
+    width: 40px;
+    height: auto;
+    margin-right: 0.5rem;
+}
+
+#logo {
+    color: #ffffff;
+    font-size: 1.25rem;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+    line-height: 1;
+}
+
+.nav-links {
+    list-style: none;
+    display: flex;
+    gap: 1.5rem;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+}
+
+.nav-link {
+    text-decoration: none;
+    color: #CBD5E0;
+    padding: 0.5rem 0.75rem;
+    border-radius: 4px;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.nav-link:hover,
+.nav-link.active {
+    background-color: rgba(76, 95, 191, 0.2);
+    color: #E2E8F0;
+}
+
+.nav-link.active {
+    color: #4C51BF;
+    font-weight: bold;
+}
+
+.btn-primary {
+    display: inline-block;
+    padding: 0.625rem 1.25rem;
+    background-color: #4C51BF;
+    color: white;
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+.btn-primary:hover {
+    background-color: #667EEA;
+    transform: translateY(-2px);
+}
+
+.main-content {
+    flex-grow: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 3rem 1rem;
+}
+
+.content-container {
+    max-width: 800px;
+    width: 100%;
+    padding: 2.5rem;
+    background-color: white;
+    border-radius: 12px;
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+    text-align: center;
+    transition: transform 0.3s ease;
+}
+
+.content-container:hover {
+    transform: scale(1.02);
+}
+
+h1,
+h2 {
+    color: #2D3748;
+    margin-bottom: 1rem;
+}
+
+h1 {
+    font-size: 2.25rem;
+    font-weight: 800;
+}
+
+h2 {
+    font-size: 1.875rem;
+    font-weight: 700;
+    margin-top: 2rem;
+}
+
+p {
+    margin-bottom: 1rem;
+    color: #718096;
+}
+
+footer {
+    background-color: #2D3748;
+    color: #ffffff;
+    padding: 2rem 1rem;
+    margin-top: auto;
+}
+
+.footer-content {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+
+.footer-column-l {
+    flex: 0.2;
+}
+
+.footer-column-r {
+    flex: 0.2;
+}
+
+.footer-column h3 {
+    margin-bottom: 0.5rem;
+    font-size: 1.125rem;
+}
+
+.social-icons {
+    display: flex;
+    gap: 1rem;
+    margin-top: 0.5rem;
+}
+
+.social-icons a {
+    color: #E2E8F0;
+    transition: color 0.3s ease, transform 0.2s ease;
+}
+
+.social-icons a:hover {
+    color: #4C51BF;
+    transform: translateY(-2px);
+}
+
+.copyright {
+    text-align: center;
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+@media (max-width: 768px) {
+    nav {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .nav-links {
+        flex-direction: column;
+        align-items: flex-start;
+        width: 100%;
+        margin-top: 1rem;
+    }
+
+    .nav-link,
+    .btn-primary {
+        display: block;
+        width: 100%;
+        text-align: left;
+        margin-bottom: 0.5rem;
+    }
+
+    .footer-content {
+        flex-direction: column;
+    }
+
+    .footer-column {
+        width: 100%;
+        margin-bottom: 1rem;
+    }
+}
\ No newline at end of file
diff --git a/about.html b/about.html
index e9717178..8abcf73d 100644
--- a/about.html
+++ b/about.html
@@ -1,64 +1,98 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About Us</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            line-height: 1.6;
-            margin: 0;
-            background-color: #f9f9f9;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-            text-align: center;
-        }
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>About Us - BuddyTrail</title>
+    <link rel="stylesheet" href="about.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    />
+  </head>
+  <body>
+    <header>
+      <div class="container">
+        <nav>
+          <div class="logo">
+            <img src="img/logo.png" id="logo-web" alt="BuddyTrail Logo" />
+            <h1 id="logo">BuddyTrail</h1>
+          </div>
+          <ul class="nav-links">
+            <li><a href="index.html" class="nav-link">Home</a></li>
+            <li><a href="about.html" class="nav-link active">About Us</a></li>
+            <li><a href="team.html" class="nav-link">Team</a></li>
+            <li><a href="contact.html" class="nav-link">Contact</a></li>
+            <li><a href="auth.html" class="btn-primary">Sign In</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
 
-        .container {
-            max-width: 800px;
-            padding: 20px;
-            background-color: white;
-            border-radius: 8px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-
-        h1 {
-            color: #f39c12;
-            margin-bottom: 20px;
-        }
-
-        p {
-            margin-bottom: 15px;
-            color: #555;
-        }
-
-        /* Styles for the Back to Home link */
-        .back-home {
-            display: inline-block; /* Make it behave like a block for padding */
-            padding: 10px 20px; /* Add padding */
-            margin-top: 20px; /* Space above the button */
-            background-color: #007BFF; /* Button color */
-            color: white; /* Text color */
-            text-decoration: none; /* Remove underline */
-            border-radius: 5px; /* Rounded corners */
-            transition: background-color 0.3s; /* Smooth transition */
-        }
-
-        /* Hover effect */
-        .back-home:hover {
-            background-color: #0056b3; /* Darker shade on hover */
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
+    <main class="main-content">
+      <div class="content-container">
         <h1>About Our Website</h1>
-        <p>Welcome to BuddyTrail – your ultimate travel companion! 🌍✈️ Whether you're planning a family vacation 👨‍👩‍👧‍👦 or a trip with friends 👫, BuddyTrail helps you discover and explore amazing destinations 🏖️🏰, find the best hotels 🏨, and book affordable flights 💺 with ease.</p>
-        <p>Our mission is to provide the best travel experiences for our customers.</p>
-        <a href="index.html" class="back-home">Back to Home</a>
-    </div>
-</body>
+        <p>
+          Welcome to BuddyTrail – your ultimate travel companion! 🌍✈️ Whether
+          you're planning a family vacation or a trip with friends, BuddyTrail
+          helps you discover amazing destinations, find the best hotels, and
+          book affordable flights with ease.
+        </p>
+        <p>
+          Our mission is to provide the best travel experiences for our
+          customers, ensuring that every trip is memorable and hassle-free.
+        </p>
+        <p>
+          At BuddyTrail, we believe in the power of travel to transform lives.
+          Our team is dedicated to curating unique experiences, personalized
+          recommendations, and valuable resources that empower our users to
+          explore the world confidently.
+        </p>
+        <h2>Our Values</h2>
+        <p>
+          We value integrity, innovation, and community. Our goal is to build a
+          platform that fosters trust and connectivity among travelers, allowing
+          them to share their experiences and insights.
+        </p>
+        <h2>Meet Our Team</h2>
+        <p>
+          Our diverse team of travel enthusiasts and experts is passionate about
+          creating the best possible service for you. Together, we work
+          tirelessly to ensure your travel journey is seamless from start to
+          finish.
+        </p>
+        <a href="index.html" class="btn-primary">Back to Home</a>
+      </div>
+    </main>
+
+    <footer>
+      <div class="container">
+        <div class="footer-content">
+          <div class="footer-column-l">
+            <h3>Contact Us</h3>
+            <p>Email: info@example.com</p>
+            <p>Phone: +123 456 7890</p>
+          </div>
+          <div class="footer-column-r">
+            <h3>Follow Us</h3>
+            <div class="social-icons">
+              <a href="https://discord.com/invite/priyaghosal" target="_blank"
+                ><i class="fab fa-discord"></i
+              ></a>
+              <a href="https://twitter.com/PriyaGhosa39968" target="_blank"
+                ><i class="fab fa-twitter"></i
+              ></a>
+              <a href="https://github.com/PriyaGhosal/BuddyTrail" target="_blank"
+                ><i class="fab fa-github"></i
+              ></a>
+              <a href="https://www.linkedin.com/in/priya-ghosal-785771286/" target="_blank"
+                ><i class="fab fa-linkedin-in"></i
+              ></a>
+            </div>
+          </div>
+        </div>
+        <p class="copyright">&copy; 2024 BuddyTrail | All rights reserved.</p>
+      </div>
+    </footer>
+  </body>
 </html>
diff --git a/index.html b/index.html
index 6e996aa2..133f2cd3 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta
       name="description"
       content="BuddyTrail is a travel agency website that helps you pick out your holiday vacation"
-    />
+    /> 
     <meta name="robots" content="index,follow" />
     <link rel="stylesheet" href="RatingStyle.css">
     <link rel="stylesheet" href="style.css" />
@@ -374,15 +374,14 @@ <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
       });
     </script>
     <main>
-      <section class="hero">
-       <div class="header1"><h2>Travel Beyond Limits</h2></div> 
+      
+       
 
         <h3>
           We handle everything, from finding the ideal travel buddy to
           selecting your perfect hotel, flight, and destination.
         </h3>
-        <img src="/img/cloud.png" class="moving-cloud-1 cloud" />
-        <img src="/img/cloud.png" class="moving-cloud-2 cloud" />
+
       </header>
     </section>
     <section id="benefits">
@@ -456,8 +455,8 @@ <h3>Flight to Dubai</h3>
       
             <!-- Deal 2: Hotel Offer -->
             
-            <div class="deal-item" style="height: 311.6px;width: 266.66px;">
-              <div class="header2"> 
+            <div class="deal-item" >
+              <div class="header1"> 
               <h3>Luxury Stay in Goa</h3>
               <p>Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!</p>
               <p><strong>Price:</strong> ₹10,500 <span class="discount"> ₹15,000</span> per night</p>
@@ -475,7 +474,7 @@ <h3>Kerala Backwaters Package</h3>
       
             <!-- Deal 4: International Trip -->
             <div class="deal-item">
-              <div class="header2"> 
+              <div class="header1"> 
               <h3>Paris Romantic Getaway</h3>
               <p>Enjoy a romantic trip to Paris with your loved one. Special package for couples!</p>
               <p><strong>Price:</strong> ₹1,20,000 <span class="discount"> ₹1,50,000</span> per couple</p>
@@ -493,7 +492,7 @@ <h3>Adventure in Bali</h3>
 
             <!-- Deal 6: Ski Trip in Switzerland -->
             <div class="deal-item">
-              <div class="header2"> 
+              <div class="header1"> 
               <h3>Ski Trip in Switzerland</h3>
               <p>Hit the slopes with an amazing package for skiing in the Swiss Alps. All equipment included!</p>
               <p><strong>Price:</strong> ₹75,000 <span class="discount">₹90,000</span> per person</p>
@@ -518,6 +517,9 @@ <h3>Wildlife Safari in Kenya</h3>
         /* Existing CSS */
         .deals-section {
           text-align: center;
+          padding: 58px 20px;
+          background-color: #f8f9fa;
+
         }
         
         .carousel {
@@ -534,12 +536,12 @@ <h3>Wildlife Safari in Kenya</h3>
         }
         
         .deal-item {
-          min-width: calc(100% / 3); /* Show 3 cards */
+          min-width: 260px; /* Show 3 cards */
           box-sizing: border-box;
           padding: 20px;
           border: 1px solid #150f0f;
           border-radius: 8px;
-          margin: 10px;
+          margin: 3px;
           transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
         }
         
@@ -842,6 +844,10 @@ <h2>Content</h2>
           padding: 20px;
           border-radius: 10px;
           box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin: 30px;
         }
 
         #upload h2 {
@@ -903,8 +909,7 @@ <h2>Content</h2>
 
         #submit{
           background-color: #876bb1;
-          margin-left: 40px;
-          margin-top: 20px;
+          margin: 20px;
           
         }
 
@@ -1181,23 +1186,19 @@ <h3>Share Your Experiences</h3>
   background-color: #f4f4f9;
   color: #333;
   line-height: 1.6;
-  padding: 20px;
+
   transition: background-color 0.3s ease;
 }
 
-main {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 20px;
-}
+
 
 h2 {
   font-size: 2.2rem;
   text-align: center;
-  color: #007BFF;
+
   margin-bottom: 2rem;
   letter-spacing: 2px;
-  text-transform: uppercase;
+
   animation: fadeInDown 1s ease-out;
 }
 
@@ -1224,16 +1225,14 @@ <h3>Share Your Experiences</h3>
 h3 {
   font-size: 1.7rem;
   margin-bottom: 1.5rem;
-  color: #007BFF;
+
   text-align: center;
   letter-spacing: 1px;
-  text-transform: capitalize;
+
   transition: color 0.3s ease;
 }
 
-h3:hover {
-  color: #0056b3;
-}
+
 
 form {
   display: flex;
diff --git a/project-structure.md b/project-structure.md
index c2e8c32d..66938129 100644
--- a/project-structure.md
+++ b/project-structure.md
@@ -5,6 +5,7 @@
 ├── README.md
 ├── RatingStyle.css
 ├── SignIn-Up-withGithub.js
+├── about.css
 ├── about.html
 ├── auth.css
 ├── auth.html
diff --git a/project_structure.txt b/project_structure.txt
index 311a8c32..3642313d 100644
--- a/project_structure.txt
+++ b/project_structure.txt
@@ -3,6 +3,7 @@
 ├── README.md
 ├── RatingStyle.css
 ├── SignIn-Up-withGithub.js
+├── about.css
 ├── about.html
 ├── auth.css
 ├── auth.html
diff --git a/style.css b/style.css
index 701f911b..505ea325 100644
--- a/style.css
+++ b/style.css
@@ -391,7 +391,7 @@ nav {
 .hero {
   min-height: 100vh;
   background: linear-gradient(rgba(0, 0, 0, 0.8), transparent),
-    url("/img/landing-page.jpg");
+    url("./img/landing-page.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
@@ -488,8 +488,10 @@ nav {
 
 #locations {
   min-height: 100vh;
-  background: linear-gradient(rgba(0, 0, 0, 0.5), transparent),
-    url("/img/location.jpg");
+
+  background: linear-gradient(rgba(0, 0, 0, 0.5), transparent), url("./img/new-york-page.png");
+
+    
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
@@ -505,18 +507,26 @@ nav {
 }
 
 .locations-head h2 {
-  padding: 1rem 0rem;
+  text-align: start;
+  
   text-decoration: none;
   text-decoration-thickness: 0.5rem;
+  font-size: 5rem;
+  text-decoration: underline;
+  padding: 1rem 0rem;
 }
 
 .locations-head h3 {
-  padding: 4rem 0rem;
+
   background: linear-gradient(#fff, #f9f9f9);
   font-weight: bolder;
   font-size: 2.8rem;
+  
+  max-width: 55vw;
   -webkit-background-clip: text;
   background-clip: text;
+  text-align: start;
+  font-weight: 500;
 }
 
 /* Location flashcards */