diff --git a/about.css b/about.css
index 9ff1b69..4980c78 100644
--- a/about.css
+++ b/about.css
@@ -53,7 +53,8 @@ body {
   background-color:black;
   height: 60vh;
   display: flex;
-  justify-content: space-evenly;
+  display: flex;
+  justify-content: center;
   align-items: center;
   gap: 70px;
   position: relative;
@@ -61,28 +62,57 @@ body {
   padding: 4px;
 }
 
-
 .card {
-  height: 80%;
-  width: 28%;
+  background: rgba(255, 255, 255, 0.95);
   border-radius: 20px;
-  background-size: cover;
-  background-position: center;
-  /* overflow: visible; */
-  transition: all ease 0.6s;
-  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
+  width: 450px;
+  height: 500px;
+  overflow: hidden;
+  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+  transform-style: preserve-3d;
+  perspective: 1000px;
+  /* Add these properties to center children */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.card:hover {
+  transform: translateY(-15px) rotateX(5deg);
+  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
+}
+
+.card::before {
+  content: '';
+  position: absolute;
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 200%;
+  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
+  transform: rotate(45deg);
+  transition: 0.8s;
+  opacity: 0;
 }
 
-#card1 {
-  background-image: url('pictures/Chetan.png');
+.card:hover::before {
+  animation: shine 1.5s;
 }
 
-#card2 {
-  background-image: url('pictures/Tanish.png');
+.profile-image {
+  /* Increase dimensions to something more visible */
+  height: 500px;
+  width: 500px;
+  /* Optional: add a border or styling to the container */
+  overflow: hidden;
 }
 
-#card3 {
-  background-image: url('pictures/Vansh.png');
+.profile-image img {
+  /* Make the image fill its container */
+  width: 100%;
+  height: 100%;
+  object-fit: cover; /* This keeps the image proportional */
 }
 
 .overlay {
@@ -204,9 +234,10 @@ h1 {
 
 .team-role {
   color: var(--primary);
-  font-weight: 600;
-  margin-bottom: 15px;
+  font-weight: 6000;
+  margin-bottom: 25px;
   display: block;
+  font-size: larger;
 }
 
 .social-links {
@@ -236,27 +267,19 @@ html.dark .social-icons a {
 }
 
 .social-icons .bxl-twitter:hover {
-  color: rgb(17, 17, 17);
+  color: rgb(221, 216, 216);
 }
 .google-icon svg {
-  width: 24px; /* Ensure SVG scales within the container */
-  height: 24px; /* Ensure SVG scales within the container */
-}
-
-.social-icons .bxl-github {
-  color: rgb(5, 5, 5);
-}
-
-.social-icons .bxl-github:hover {
-  color: rgb(249, 246, 246);
+  width: 24px;
+  height: 24px;
 }
 
 .social-icons .bxl-github {
-  color: #f5f5f5;
+  color: #000000;
 }
 
 .social-icons .bxl-github:hover {
-  color: #060505;
+  color: #ffffff;
 }
 .social-icons .bxl-linkedin {
   color: rgb(45, 76, 232);
@@ -266,6 +289,10 @@ html.dark .social-icons a {
   color: lightskyblue;
 }
 
+a:hover{
+  background-color: black;
+}
+
 .stats {
   padding: 80px 20px;
   background-color: var(--secondary);
@@ -418,5 +445,4 @@ overflow-wrap: break-word;
 word-wrap: break-word;
 word-break: break-word;
 hyphens: auto;
-}
-
+}
\ No newline at end of file
diff --git a/about.html b/about.html
index 4a6d1cc..096bf59 100644
--- a/about.html
+++ b/about.html
@@ -12,7 +12,7 @@
   <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
   
   <!-- Set the browser tab title for the About Us page -->
-  <title>About Us - Fitness Website</title>
+  <title> Fitness Planet - About Us</title>
   
   <!-- Link to external CSS files for styling different parts of the page -->
   <link rel="stylesheet" href="about.css"> <!-- Styles specific to the About page -->
@@ -54,23 +54,23 @@ <h2>Our Mission</h2>
     </div>
   </section>
 
-  <!-- Container for displaying team member cards -->
+
   <div id="cards-container">
-    <!-- Card for the first team member -->
     <div class="card" id="card1">
-      <!-- Overlay for card content, likely shown on hover -->
+      <div class="profile-image">
+        <img src="pictures/Chetan.jpg" alt="Chetan Ajmani" >
+      </div>
       <div class="overlay">
         <!-- Team member's name -->
         <h4>Chetan Ajmani</h4>
         <!-- Role or title of the team member -->
         <span class="team-role">JavaScript Developer & Interactive Features Expert</span>
         <!-- Description of the team member's contributions -->
-        <p>Bringing dynamic functionality to life, I specialize in JavaScript-driven interactivity, ensuring an engaging and responsive experience.</p><br>
+        <p>Bringing functionality to life,I specialize in JavaScript interactivity,engaging and responsive experience.</p><br>
         <!-- Container for social media links -->
         <div class="social-icons">
           <!-- Google profile link with custom SVG icon -->
           <a href="#" class="google-icon">
-            <!-- SVG for Google icon with colored segments -->
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48">
               <path fill="#EA4335" d="M24 9.5c3.31 0 6.29 1.14 8.63 3.03l6.43-6.43C34.92 2.36 29.72 0 24 0 14.68 0 6.73 5.67 2.71 13.86l7.49 5.82C12.13 13.05 17.66 9.5 24 9.5z" />
               <path fill="#4285F4" d="M46.2 24.5c0-1.43-.13-2.81-.38-4.13H24v8.05h12.52c-.54 2.83-2.16 5.22-4.63 6.84l7.2 5.6C43.7 36.17 46.2 30.77 46.2 24.5z" />
@@ -83,21 +83,25 @@ <h4>Chetan Ajmani</h4>
           <a href="#"><i class='bx bxl-twitter'></i></a>
           <!-- GitHub profile link -->
           <a href="https://github.com/Chet07-R"><i class='bx bxl-github'></i></a>
-          <!-- LinkedIn profile link -->
+          <!-- LinkedIn profile link (note: href attribute seems incomplete) -->
           <a href="https://www.linkedin.com/in/chetan-ajmani-679b51249/"><i class='bx bxl-linkedin'></i></a>
         </div>
       </div>
     </div>
-    
+
+
     <!-- Card for the second team member -->
     <div class="card" id="card2">
+      <div class="profile-image">
+        <img src="pictures/Tanish.png" alt="Tanish Mehta">
+      </div>
       <div class="overlay">
         <!-- Team member's name -->
         <h4>Tanish Mehta</h4>
         <!-- Role or title of the team member -->
         <span class="team-role">Front-End Specialist & UI/UX Expert</span>
         <!-- Description of the team member's contributions -->
-        <p>Crafting intuitive and visually engaging designs, I ensure seamless user navigation with expert HTML and CSS styling. Their keen focus on user experience makes every interaction smooth.</p><br>
+        <p>Crafting engaging designs,I ensure seamless user navigation with HTML and CSS styling.</p><br>
         <!-- Container for social media links -->
         <div class="social-icons">
           <!-- Google profile link with custom SVG icon -->
@@ -115,20 +119,24 @@ <h4>Tanish Mehta</h4>
           <!-- GitHub profile link -->
           <a href="https://github.com/TanishMehta23"><i class='bx bxl-github'></i></a>
           <!-- LinkedIn profile link (note: href attribute seems incomplete) -->
-          <a href="https://www.linkedin.com/in/t="https://www.linkedin.com/in/tanish-mehta-43bb102b8/"><i class='bx bxl-linkedin'></i></a>
+          <a href="https://www.linkedin.com/in/tanish-mehta-43bb102b8/"><i class='bx bxl-linkedin'></i></a>
         </div>
       </div>
     </div>
 
+
     <!-- Card for the third team member -->
     <div class="card" id="card3">
+      <div class="profile-image">
+        <img src="pictures/Vansh.png" alt="Vansh Thakur">
+      </div>
       <div class="overlay">
         <!-- Team member's name -->
         <h4>Vansh Thakur</h4>
         <!-- Role or title of the team member -->
         <span class="team-role">Content Strategist & Digital Optimization Specialist</span>
         <!-- Description of the team member's contributions -->
-        <p>Driving meaningful engagement, I curate compelling content, optimize SEO, and ensure the website remains informative and impactful. Their expertise elevates the platform's reach and effectiveness.</p><br>
+        <p>I curate compelling content, optimize , and ensure the website remains informative and impactful.</p><br>
         <!-- Container for social media links -->
         <div class="social-icons">
           <!-- Google profile link with custom SVG icon -->
@@ -151,6 +159,8 @@ <h4>Vansh Thakur</h4>
       </div>
     </div>  
   </div>
+</div>
+
 
   <!-- Section to display statistics with animated counters -->
   <section class="stats">
diff --git a/about1.css b/about1.css
deleted file mode 100644
index ac9e827..0000000
--- a/about1.css
+++ /dev/null
@@ -1,188 +0,0 @@
-/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro');
-*{
-    margin:0;
-    padding: 0;
-    font-family: poppins;
-    color: #fff;
-}
-.body {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    min-height: 100vh;
-    background: black;
-  }
-  
-  .container{
-    height: 470px;
-    width: 250px;
-    border: 2px solid;
-    border-left-color: #0cf;
-    border-right-color: #0cf;
-    border-top-color: #ec45f2;
-    border-bottom-color: #ec45f2;
-    border: 25px;
-    display: flex;
-    justify-content: space-around;
-    align-content: center;
-    
-  }
-  .container .img-section{
-    height: 100%;
-    width: 100%;
-    background: linear-gradient(#0cf,#ec45f2,#0cf,#ec45f2);
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    border-radius: 50%;
-    overflow: hidden;
-    position:absolute;
-    top: 20%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    transition: .6s ease;
-  }
-  .container:hover .img-section{
-    top: 20%;
-    height: 200px;
-    width: 200px;
-  }
-  .img{
-    height: 25%;
-    width: 25%;
-    border-radius: 50%;
-    background:black;
-  }
-
-  .text-content{
-    text-align: center;
-    color:#fff;
-    font-weight: 500;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: absolute;
-    top: 40%;
-  }
-
-  .text-content span:nth-child(1){
-    letter-spacing: 1px;
-    font-size: 32px;
-  }
-
-  .text-content span:nth-child(2){
-    letter-spacing: 1px;
-    font-size: 18px;
-  }
-
-  .text-content p{
-    font-size: 13px;
-    max-width: 300px;
-    margin-bottom: 10px;
-  }
-
-  .btn{
-    height: 35px;
-    width: 100px;
-    font-size: 15px;
-    background:#222;
-    color: #0cf;
-    border: 2px solid #0cf;
-    cursor: pointer;
-    margin-bottom: 20px;
-    border-radius: 5px;
-    transition: 0.5s;
-  }
-
-  .btn:hover{
-    background: #0cf;
-    color:#222;
-    box-shadow:0 0 10px #0cf;
-  }
-
-  .social-media{
-    cursor:pointer;
-    height:40px;
-    width: 40px;
-    border: 2px solid #0cf;
-    border-radius: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 30px;
-    color: #0cf;
-    margin-left: 20px;
-    transition:0.4s;
-  }
-
-  .social-media i:hover{
-    box-shadow: 0 0 10px #0cf;
-    color: #222;
-    background: #0cf;
-  } */
-
-  body {
-    background: linear-gradient(135deg, #74ebd5 0%, #ACB6E5 100%);
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0;
-    font-family: Arial, sans-serif;
-  }
-  .profile-card {
-    background: #fff;
-    border-radius: 16px;
-    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
-    padding: 2rem 1.5rem;
-    text-align: center;
-    width: 320px;
-    transition: transform 0.3s;
-  }
-  .profile-card:hover {
-    transform: translateY(-10px) scale(1.03);
-    box-shadow: 0 16px 32px rgba(0,0,0,0.18);
-  }
-  .profile-image img {
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.10);
-    margin-bottom: 1rem;
-  }
-  .profile-card h2 {
-    margin: 0.5rem 0 0.25rem;
-  }
-  .profile-card .title {
-    color: #888;
-    font-size: 1rem;
-    margin-bottom: 0.5rem;
-  }
-  .profile-card p {
-    margin: 0.25rem 0;
-  }
-  .social-links {
-    margin: 1rem 0;
-  }
-  .social-links a {
-    color: #555;
-    margin: 0 0.5rem;
-    font-size: 1.2rem;
-    transition: color 0.2s;
-  }
-  .social-links a:hover {
-    color: #0077b5;
-  }
-  .profile-card button {
-    background: #0077b5;
-    color: #fff;
-    border: none;
-    padding: 0.6rem 1.5rem;
-    border-radius: 24px;
-    cursor: pointer;
-    font-size: 1rem;
-    transition: background 0.2s;
-  }
-  .profile-card button:hover {
-    background: #005983;
-  }
\ No newline at end of file
diff --git a/about1.html b/about1.html
deleted file mode 100644
index e341b8f..0000000
--- a/about1.html
+++ /dev/null
@@ -1,312 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Enhanced Profile Card</title>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
-  <style>
-    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
-    
-    * {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-    }
-    
-    body {
-      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-      height: 100vh;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-family: 'Poppins', sans-serif;
-      perspective: 1000px;
-    }
-    
-    .profile-card {
-      background: rgba(255, 255, 255, 0.95);
-      border-radius: 20px;
-      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
-      padding: 2.5rem 2rem;
-      text-align: center;
-      width: 340px;
-      position: relative;
-      overflow: hidden;
-      transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
-      transform-style: preserve-3d;
-    }
-    
-    .profile-card:hover {
-      transform: translateY(-15px) rotateX(5deg);
-      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
-    }
-    
-    .profile-card::before {
-      content: '';
-      position: absolute;
-      top: -50%;
-      left: -50%;
-      width: 200%;
-      height: 200%;
-      background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
-      transform: rotate(45deg);
-      transition: 0.8s;
-      opacity: 0;
-    }
-    
-    .profile-card:hover::before {
-      animation: shine 1.5s;
-    }
-    
-    @keyframes shine {
-      0% {
-        left: -50%;
-        opacity: 0;
-      }
-      50% {
-        opacity: 1;
-      }
-      100% {
-        left: 150%;
-        opacity: 0;
-      }
-    }
-    
-    .banner {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100px;
-      background: linear-gradient(to right, #3494e6, #ec6ead);
-      z-index: 0;
-    }
-    
-    .profile-image {
-      position: relative;
-      z-index: 1;
-      margin-bottom: 1.5rem;
-    }
-    
-    .profile-image img {
-      width: 120px;
-      height: 120px;
-      border-radius: 50%;
-      object-fit: cover;
-      border: 5px solid white;
-      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
-      transition: transform 0.5s, box-shadow 0.5s;
-    }
-    
-    .profile-card:hover .profile-image img {
-      transform: scale(1.1);
-      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
-    }
-    
-    .profile-card h2 {
-      margin: 0.5rem 0 0.25rem;
-      font-weight: 600;
-      font-size: 1.8rem;
-      color: #333;
-    }
-    
-    .profile-card .title {
-      color: #6c757d;
-      font-size: 1.1rem;
-      font-weight: 500;
-      margin-bottom: 0.5rem;
-    }
-    
-    .profile-card .location {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 5px;
-      color: #555;
-      font-size: 0.95rem;
-      margin-bottom: 1rem;
-    }
-    
-    .divider {
-      width: 60%;
-      height: 2px;
-      background: linear-gradient(to right, transparent, #ddd, transparent);
-      margin: 1rem auto;
-    }
-    
-    .stats {
-      display: flex;
-      justify-content: space-around;
-      margin: 1.5rem 0;
-    }
-    
-    .stat-item {
-      text-align: center;
-    }
-    
-    .stat-item .value {
-      font-size: 1.4rem;
-      font-weight: 600;
-      color: #333;
-    }
-    
-    .stat-item .label {
-      font-size: 0.8rem;
-      color: #777;
-    }
-    
-    .social-links {
-      margin: 1.5rem 0;
-      display: flex;
-      justify-content: center;
-      gap: 15px;
-    }
-    
-    .social-links a {
-      color: #fff;
-      width: 40px;
-      height: 40px;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      text-decoration: none;
-      transition: transform 0.3s, box-shadow 0.3s;
-    }
-    
-    .social-links a:nth-child(1) {
-      background: #3b5998;
-    }
-    
-    .social-links a:nth-child(2) {
-      background: #1da1f2;
-    }
-    
-    .social-links a:nth-child(3) {
-      background: #0077b5;
-    }
-    
-    .social-links a:nth-child(4) {
-      background: #333;
-    }
-    
-    .social-links a:hover {
-      transform: translateY(-5px) scale(1.1);
-      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-    }
-    
-    .buttons {
-      display: flex;
-      gap: 15px;
-      justify-content: center;
-      margin-top: 1.5rem;
-    }
-    
-    .btn {
-      padding: 0.7rem 1.5rem;
-      border-radius: 30px;
-      font-weight: 500;
-      font-size: 1rem;
-      cursor: pointer;
-      transition: all 0.3s ease;
-      border: none;
-      outline: none;
-    }
-    
-    .btn-primary {
-      background: linear-gradient(to right, #3494e6, #ec6ead);
-      color: white;
-      box-shadow: 0 4px 15px rgba(52, 148, 230, 0.4);
-    }
-    
-    .btn-primary:hover {
-      box-shadow: 0 7px 20px rgba(52, 148, 230, 0.6);
-      transform: translateY(-3px);
-    }
-    
-    .btn-outline {
-      background: transparent;
-      color: #3494e6;
-      border: 2px solid #3494e6;
-    }
-    
-    .btn-outline:hover {
-      background: rgba(52, 148, 230, 0.1);
-      transform: translateY(-3px);
-    }
-    
-    .skills {
-      margin-top: 1.5rem;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center;
-      gap: 8px;
-    }
-    
-    .skill-tag {
-      background: rgba(52, 148, 230, 0.1);
-      color: #3494e6;
-      padding: 5px 12px;
-      border-radius: 15px;
-      font-size: 0.8rem;
-      transition: transform 0.3s;
-    }
-    
-    .skill-tag:hover {
-      transform: scale(1.1);
-      background: rgba(52, 148, 230, 0.2);
-    }
-  </style>
-</head>
-<body>
-  <div class="profile-card">
-    <div class="banner"></div>
-    <div class="profile-image">
-      <img src="/api/placeholder/120/120" alt="Profile Image">
-    </div>
-    <h2>John Doe</h2>
-    <p class="title">Senior Frontend Developer</p>
-    <p class="location">
-      <i class="fas fa-map-marker-alt"></i> New York, USA
-    </p>
-    
-    <div class="divider"></div>
-    
-    <div class="stats">
-      <div class="stat-item">
-        <div class="value">125</div>
-        <div class="label">Projects</div>
-      </div>
-      <div class="stat-item">
-        <div class="value">42k</div>
-        <div class="label">Followers</div>
-      </div>
-      <div class="stat-item">
-        <div class="value">10+</div>
-        <div class="label">Years Exp.</div>
-      </div>
-    </div>
-    
-    <div class="skills">
-      <span class="skill-tag">HTML5</span>
-      <span class="skill-tag">CSS3</span>
-      <span class="skill-tag">JavaScript</span>
-      <span class="skill-tag">React</span>
-      <span class="skill-tag">Vue.js</span>
-    </div>
-    
-    <div class="social-links">
-      <a href="#"><i class="fab fa-facebook-f"></i></a>
-      <a href="#"><i class="fab fa-twitter"></i></a>
-      <a href="#"><i class="fab fa-linkedin-in"></i></a>
-      <a href="#"><i class="fab fa-github"></i></a>
-    </div>
-    
-    <div class="buttons">
-      <button class="btn btn-primary">Contact</button>
-      <button class="btn btn-outline">Portfolio</button>
-    </div>
-  </div>
-</body>
-</html>
\ No newline at end of file
diff --git a/cart.html b/cart.html
index 423935e..7f2e964 100644
--- a/cart.html
+++ b/cart.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Fitness Planet - Store</title>
+    <title> Fitness Planet - Store </title>
     <link rel="stylesheet" href="cart.css">
     <link rel="stylesheet" href="navbar.css">
     <link rel="stylesheet" href="footer.css">
diff --git a/signin.html b/signin.html
index a02c182..2a62a64 100644
--- a/signin.html
+++ b/signin.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sign In - Fitness Planet</title>
+    <title> Fitness Planet - Sign In </title>
     <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
     <link rel="stylesheet" href="signin.css">
     <link rel="stylesheet" href="navbar.css">