diff --git a/assets/html/ngo.html b/assets/html/ngo.html
index de255612..c102eef4 100644
--- a/assets/html/ngo.html
+++ b/assets/html/ngo.html
@@ -22,7 +22,7 @@
         max-width: 600px;
         max-height:900px;
         margin:80px auto;
-        background-color:rgba(8, 8, 8, 0.995);
+        background-color:rgba(187, 128,128, 0.995);
         padding: 30px;
         border-radius: 25px;
         box-shadow:0 4px 8px rgba(0, 0, 0, 0.9); 
@@ -30,7 +30,7 @@
       }
       .form-container h1 {
         text-align: center;
-        color:rgb(187, 128, 128);
+        color:rgb(12, 1, 1);
         font-size: 35px;
       }
       .form-group {
@@ -41,7 +41,7 @@
         margin-bottom: 10px;
         font-weight: bold;
         font-size: 20px;
-        color:rgb(187, 128, 128);
+        color:rgb(21, 1, 1);
       }
       .form-group input,
       .form-group select {
@@ -67,7 +67,7 @@
         margin:auto;
       }
       .form-group button:hover {
-        background-color: rgb(187, 128, 128);
+        background-color: rgb(163, 99, 99);
         color:  #5e0213;
         border: 3px solid black;
       }
diff --git a/email.css b/email.css
deleted file mode 100644
index 8671ef8d..00000000
--- a/email.css
+++ /dev/null
@@ -1,98 +0,0 @@
-.newsletter-container {
-  background-color: #f28b82; 
-  padding: 30px;
-  border-radius: 10px;
-  text-align: center;
-  max-width: 400px;
-  margin: 0 auto;
-}
-
-.newsletter-container h2 {
-  font-family: Arial, sans-serif;
-  font-size: 1.8em;
-  font-weight: bold;
-  color: #000; 
-}
-
-.newsletter-container p {
-  font-size: 1em;
-  color: #4a4a4a;
-}
-
-.newsletter-form {
-  margin-top: 20px;
-}
-
-.newsletter-form input[type="email"] {
-  padding: 10px;
-  width: 100%;
-  max-width: 300px;
-  margin-bottom: 15px;
-  font-size: 1em;
-  border: 1px solid #b22222;
-  border-radius: 5px;
-  outline: none;
-  color: #000; 
-  background-color: #fff; 
-}
-
-.newsletter-form input[type="email"]::placeholder {
-  color: #b22222; 
-}
-
-.newsletter-form button {
-  padding: 10px 30px;
-  background-color: #8b0000;
-  border: none;
-  color: white;
-  font-size: 1.2em;
-  cursor: pointer;
-  border-radius: 5px;
-}
-
-.newsletter-form button:hover {
-  background-color: #b22222;
-}
-
-.social-icons {
-  margin-top: 20px;
-}
-
-.social-icons a {
-  text-decoration: none;
-  color: #000; 
-  font-size: 1.8em;
-  margin: 0 10px;
-}
-
-.social-icons a:hover {
-  color: #b22222; 
-}
-
-/* Mobile responsiveness */
-@media (max-width: 600px) {
-  .newsletter-container {
-    padding: 15px;
-    max-height: 300px; 
-  }
-
-  .newsletter-container h2 {
-    font-size: 1.5em;
-  }
-
-  .newsletter-container p {
-    font-size: 0.9em; 
-  }
-
-  .newsletter-form input[type="email"] {
-    max-width: 100%;
-  }
-
-  .newsletter-form button {
-    font-size: 1em;
-  }
-
-  .social-icons a {
-    font-size: 1.5em;
-  }
-}
diff --git a/email.html b/email.html
deleted file mode 100644
index 70938e5c..00000000
--- a/email.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="email.css">
-    <style>
-      /* Circle styles */
-      .circle {
-        height: 24px;
-        width: 24px;
-        border-radius: 50%;
-        background-color: black;
-        position: fixed;
-        top: 0;
-        left: 0;
-        pointer-events: none;
-        z-index: 99999999;
-        transition: transform 0.1s ease-out;
-      }
-    </style>
-</head>
-<body>
-    <!-- Circles -->
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="newsletter-container">
-        <h2>Stay Connected</h2>
-        <p>Subscribe to our Newsletter</p>
-        <form class="newsletter-form">
-          <input type="email" placeholder="Enter your email address" required />
-          <button type="submit">Subscribe</button>
-        </form>
-        <div class="social-icons">
-          <a href="#" target="_blank"><i class="fa-brands fa-discord"></i></a>
-          <a href="#" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
-          <a href="#" target="_blank"><i class="fa-brands fa-facebook"></i></a>
-          <a href="#" target="_blank"><i class="fa-brands fa-twitter"></i></a>
-          <a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
-          <a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
-          <a href="#" target="_blank"><i class="fa-brands fa-github"></i></a>
-        </div>
-      </div>
-      <script>
-        // Coordinates for the cursor
-        const coords = { x: 0, y: 0 };
-        const circles = document.querySelectorAll(".circle");
-
-        // Colors for the circles
-        const colors = [
-          "#ffb56b", "#fdaf69", "#f89d63", "#f59761", "#ef865e", "#ec805d",
-          "#e36e5c", "#df685c", "#d5585c", "#d1525c", "#c5415d", "#c03b5d",
-          "#b22c5e", "#ac265e", "#9c155f", "#950f5f", "#830060", "#7c0060",
-          "#680060", "#60005f", "#48005f", "#3d005e"
-        ];
-
-        // Assign colors and initial position to each circle
-        circles.forEach(function (circle, index) {
-          circle.x = 0;
-          circle.y = 0;
-          circle.style.backgroundColor = colors[index % colors.length];
-        });
-
-        // Update the coordinates when the mouse moves
-        window.addEventListener("mousemove", function (e) {
-          coords.x = e.clientX;
-          coords.y = e.clientY;
-        });
-
-        // Animation function to move the circles
-        function animateCircles() {
-          let x = coords.x;
-          let y = coords.y;
-
-          circles.forEach(function (circle, index) {
-            // Update the position and scale of each circle
-            circle.style.left = x - 12 + "px";
-            circle.style.top = y - 12 + "px";
-            circle.style.scale = (circles.length - index) / circles.length;
-
-            circle.x = x;
-            circle.y = y;
-
-            // Get the next circle in the sequence
-            const nextCircle = circles[index + 1] || circles[0];
-            x += (nextCircle.x - x) * 0.3;
-            y += (nextCircle.y - y) * 0.3;
-          });
-
-          // Repeat the animation
-          requestAnimationFrame(animateCircles);
-        }
-
-        // Start the animation
-        animateCircles();
-      </script>
-</body>
-</html>
diff --git a/index.html b/index.html
index bae6f2fe..6a57a1cc 100644
--- a/index.html
+++ b/index.html
@@ -6874,7 +6874,7 @@ <h4 class="flinks">Recommend</h4>
                           <h4 class="flinks">Site Map</h4>
                         </a></li>
                       <li class="foot-quick"><a href="./terms&cond.html"> <i class="fas fa-file-alt"></i>
-                          <h4 class="flinks">Terms and<br>Conditions</h4>
+                          <h4 class="flinks">T&C</h4>
                         </a></li>
                     </ul>
                   </div>
diff --git a/our-vision.html b/our-vision.html
index ced36fd0..48786e6a 100644
--- a/our-vision.html
+++ b/our-vision.html
@@ -713,7 +713,7 @@
                   <section id="our-vision">
                       <h1>Our Vision</h1>
                       <p class="vision-description">
-                          At SwapReads, we envision a world where every book lover can access the stories they crave, without barriers. Our mission is to redefine how readers engage with books, offering a smarter, more sustainable, and deeply connected reading experience. Here’s how we plan to achieve this:
+                          At <a href="http://127.0.0.1:5507/index.html#"><b>SwapReads</b></a>, we envision a world where every book lover can access the stories they crave, without barriers. Our mission is to redefine how readers engage with books, offering a smarter, more sustainable, and deeply connected reading experience. Here’s how we plan to achieve this:
                       </p>
               
                       <h2>The Challenges We Address</h2>
