diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b858a66
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+Basic-Website/.DS_Store
\ No newline at end of file
diff --git a/Basic-Website/events.css b/Basic-Website/events.css
index 11482c4..4742997 100644
--- a/Basic-Website/events.css
+++ b/Basic-Website/events.css
@@ -1,5 +1,5 @@
- /* General Styling */
- .Events {
+/* General Styling */
+.Events {
   text-align: center;
   font-size: 3.5rem;
   margin-bottom: 2rem;
@@ -9,7 +9,8 @@
   padding-bottom: 10px;
   border-bottom: 2px solid #000055;
   margin-bottom: 5vh;
-  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
+    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
 }
 
 /* Flexbox for Event Cards */
@@ -63,8 +64,7 @@
   width: 40%;
   height: auto;
   border-radius: 8px;
-  border: 3px solid #000055
-  ;
+  border: 3px solid #000055;
 }
 
 /* Event Info */
@@ -74,19 +74,20 @@
 
 .event-name {
   font-size: 2.8rem;
+  letter-spacing: 0.65px;
   font-weight: bold;
   margin-bottom: 1rem;
-  color: #000055
-  ;
+  color: #000055;
+  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
 }
 
 .event-info p {
   font-size: 1.4vh;
-  color: #06063a  ;
+  color: #06063a;
   line-height: 1.8vh;
-  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  font-family: poppins, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 }
-.event-card:hover{
+.event-card:hover {
   scale: 1.03;
 }
 
@@ -105,15 +106,13 @@
     width: 100%;
   }
   .events-container {
-    
     gap: 5rem;
     margin-bottom: 15vh;
   }
 }
 
-.eventhead{
+.eventhead {
   margin-top: 15vh;
   padding-bottom: 5px;
   color: #000055;
-  
-}
\ No newline at end of file
+}
diff --git a/Basic-Website/events.html b/Basic-Website/events.html
index 0903355..9f68ef6 100644
--- a/Basic-Website/events.html
+++ b/Basic-Website/events.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <link rel="stylesheet" href="fonts.css">
     <link rel="stylesheet" href="footer.css">
     <link rel="stylesheet" href="nav.css">
     <link rel="stylesheet" href="hero.css">
@@ -11,7 +12,6 @@
     <link rel="stylesheet" href="getstarted.css">
     <link rel="stylesheet" href="events.css">
     <link rel="stylesheet" href="ourmission.css">
-    
 
 
 </head>
@@ -21,7 +21,7 @@
         <div class="container">
             <div class="logo">
                 <img id="navbar-logo-image"src="logo.png" alt="logo">
-                
+
             </div>
             <div id="mainListDiv" class="main_list">
                 <ul class="navlinks">
@@ -30,7 +30,7 @@
                   <li><a href="/team.html">Team</a></li>
                   <li><a href="/gallary.html">Gallary</a></li>
                     <!-- <li><a href="/blog">Explore</a></li> -->
-                   
+
                 </ul>
             </div>
         </div>
@@ -39,11 +39,11 @@
                 <i></i>
                 <i></i>
             </span>
-        
+
     </nav>
-    
 
-    
+
+
 
 <div class="eventhead">
   <h1 class="Events">EVENTS</h1>
@@ -56,7 +56,7 @@ <h3 class="event-name">ESUMMIT</h3>
       <p>E-Summit is the flagship event of EDC, spanning 2-3 days of dynamic activities. Featuring keynote speakers, interactive games, a Shark Tank competition, and innovative idea presentations, it’s a premier platform for growth and networking. Don’t miss this opportunity to engage with industry leaders, showcase your ideas, and drive your ambitions forward in a vibrant, inspiring environment.</p>
     </div>
     <img src="events/6.png" alt="esummit" class="event-image">
-    
+
   </div>
 
   <div class="event-card box2">
@@ -73,7 +73,7 @@ <h3 class="event-name">DEEPOTSAV</h3>
       <p>Deepotsav is our grand Diwali celebration, emphasizing prosperity and cultural heritage. Join us for a spectacular event filled with traditional festivities, illuminating lights, and joyful gatherings. It’s one of our most significant cultural celebrations, fostering community spirit and honoring the rich traditions of Diwali.</p>
     </div>
     <img src="events/7.png" alt="deepotsav" class="event-image">
-    
+
   </div>
 
   <div class="event-card box4">
@@ -100,16 +100,16 @@ <h3 class="event-name">ECOFUSION</h3>
 <footer class="footer">
   <div class="footer__addr">
       <img src="logo.png" alt="">
-    
-        
+
+
     <h2>Address</h2>
-    
-    <address>        
+
+    <address>
   IIEST, shibpur<br>
       Howrah, West Bengal, 711103
     </address>
   </div>
-  
+
   <ul class="footer__nav">
     <li class="nav__item">
       <h2 class="nav__title">Company</h2>
@@ -122,7 +122,7 @@ <h2 class="nav__title">Company</h2>
         <li>
           <a href="/events.html">Events</a>
         </li>
-            
+
         <li>
           <a href="/team.html">team</a>
         </li>
@@ -130,53 +130,53 @@ <h2 class="nav__title">Company</h2>
         <li>
           <a href="/gallary.html">Gallary</a>
         </li>
-        
+
       </ul>
     </li>
-    
+
     <li class="nav__item ">
       <h2 class="nav__title">Legal</h2>
-      
+
       <ul class="nav__ul">
         <li>
           <a href="mailto:iiests.edc@gmail.com">Help</a>
         </li>
-        
+
         <li>
           <a href="mailto:iiests.edc@gmail.com">Contact</a>
         </li>
-        
+
         <li>
           <a href="mailto:iiests.edc@gmail.com">Partnership</a>
         </li>
-        
+
         <li>
           <a href="mailto:iiests.edc@gmail.com">Privacy Policy</a>
         </li>
-        
-      
+
+
       </ul>
     </li>
-    
+
     <li class="nav__item">
       <h2 class="nav__title">Socials</h2>
-      
+
       <ul class="nav__ul">
         <li>
           <a href="https://www.linkedin.com/company/edciiests/">LinkedIn</a>
         </li>
-        
+
         <li>
           <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==">Facebook</a>
         </li>
-        
+
         <li>
           <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==">instagram</a>
         </li>
       </ul>
     </li>
   </ul>
-  
+
   <div class="legal">
     <p>Copyright EDC IIEST. All rights reserved 2024</p>
 
@@ -236,4 +236,4 @@ <h2 class="nav__title">Socials</h2>
 
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Basic-Website/fonts.css b/Basic-Website/fonts.css
new file mode 100644
index 0000000..3497130
--- /dev/null
+++ b/Basic-Website/fonts.css
@@ -0,0 +1,66 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
+/* ---------------------------------------------------
+              Dahlia - file needed
+--------------------------------------------------------------- */
+
+@font-face {
+  font-display: swap;
+  font-family: Dahlia;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/dahlia.woff2) format("woff2");
+}
+
+/* ---------------------------------------------------
+              MondiaThin - file needed
+--------------------------------------------------------------- */
+
+@font-face {
+  font-display: swap;
+  font-family: MondiaThin;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/mondia-thin.woff2) format("woff2");
+}
+
+/* ---------------------------------------------------
+              Apercu
+--------------------------------------------------------------- */
+@font-face {
+  font-display: swap;
+  font-family: "Apercu";
+  font-style: normal;
+  font-weight: normal;
+  /* src: url("https://static-assets.codecademy.com/gamut/apercu-regular-pro.woff") format("woff"), url("https://static-assets.codecademy.com/gamut/apercu-regular-pro.woff2") format("woff2"); */
+  src: url(fonts/apercu-regular-pro.woff) format("woff");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "ApercuBold";
+  font-style: normal;
+  font-weight: bold;
+  /* src: url("https://static-assets.codecademy.com/gamut/apercu-italic-pro.woff") format("woff"), url("https://static-assets.codecademy.com/gamut/apercu-italic-pro.woff2") format("woff2"); */
+  src: url("fonts/apercu-bold-pro.woff") format("woff");
+}
+/* ---------------------------------------------------
+              Suisse
+--------------------------------------------------------------- */
+@font-face {
+  font-display: swap;
+  font-family: "SuisseBold";
+  font-style: normal;
+  font-weight: bold;
+  /* src: url("https://static-assets.codecademy.com/gamut/SuisseIntlMono-Bold-WebS.woff") format("woff"), url("https://static-assets.codecademy.com/gamut/SuisseIntlMono-Bold-WebS.woff2") format("woff2"); */
+  src: url("fonts/SuisseIntlMono-Bold-WebS.woff") format("woff");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Suisse";
+  font-style: normal;
+  font-weight: normal;
+  /* src: url("https://static-assets.codecademy.com/gamut/SuisseIntlMono-Regular-WebS.woff") format("woff"),url("https://static-assets.codecademy.com/gamut/SuisseIntlMono-Regular-WebS.woff2") format("woff2"); */
+  src: url("fonts/SuisseIntlMono-Regular-WebS.woff") format("woff");
+}
diff --git a/Basic-Website/fonts/SuisseIntlMono-Bold-WebS.woff b/Basic-Website/fonts/SuisseIntlMono-Bold-WebS.woff
new file mode 100644
index 0000000..6a44579
Binary files /dev/null and b/Basic-Website/fonts/SuisseIntlMono-Bold-WebS.woff differ
diff --git a/Basic-Website/fonts/SuisseIntlMono-Regular-WebS.woff b/Basic-Website/fonts/SuisseIntlMono-Regular-WebS.woff
new file mode 100644
index 0000000..1ba1a83
Binary files /dev/null and b/Basic-Website/fonts/SuisseIntlMono-Regular-WebS.woff differ
diff --git a/Basic-Website/fonts/apercu-bold-pro.woff b/Basic-Website/fonts/apercu-bold-pro.woff
new file mode 100644
index 0000000..5856e54
Binary files /dev/null and b/Basic-Website/fonts/apercu-bold-pro.woff differ
diff --git a/Basic-Website/fonts/apercu-regular-pro.woff b/Basic-Website/fonts/apercu-regular-pro.woff
new file mode 100644
index 0000000..95913dc
Binary files /dev/null and b/Basic-Website/fonts/apercu-regular-pro.woff differ
diff --git a/Basic-Website/fonts/dahlia.woff2 b/Basic-Website/fonts/dahlia.woff2
new file mode 100644
index 0000000..481195f
Binary files /dev/null and b/Basic-Website/fonts/dahlia.woff2 differ
diff --git a/Basic-Website/fonts/mondia-thin.woff2 b/Basic-Website/fonts/mondia-thin.woff2
new file mode 100644
index 0000000..bde0749
Binary files /dev/null and b/Basic-Website/fonts/mondia-thin.woff2 differ
diff --git a/Basic-Website/footer.css b/Basic-Website/footer.css
index 0f870e5..fb02713 100644
--- a/Basic-Website/footer.css
+++ b/Basic-Website/footer.css
@@ -1,145 +1,142 @@
-
 .footer {
-    display: flex;
-    flex-flow: row wrap;
-    margin-top: -5vh;
-    padding: 30px 30px 20px 30px;
-    color: #060507; 
-    background-color: #ffffff;
-    border-top: 3px solid #000055;
-    position: relative;
-
-    border-top-left-radius : 15px;
-    border-top-right-radius : 15px;
-     
-  }
-  
-  .footer > * {
-    flex:  1 100%;
-  }
-  
-  .footer__addr {
-    margin-right: 1.25em;
-    
-    margin-bottom: 1em;
-  }
-  .footer__addr img {
-    max-width: 30vw;
-  }
-  
-  .footer__logo {
-    font-family: "Cabin Sketch", sans-serif;
-    
-    font-weight: 400;
-    
-    font-size: 2rem;
-  }
-  
-  .footer__addr h2 {
-    margin-top: 1.3em;
-   
-    font-size: 14px;
-    font-weight: 400;
-  }
-  
-  .nav__title {
-    font-weight: 800;
-    font-size: 15px;
-    color: #000000;
-   
-  }
-  
-  .footer address {
-    font-style: normal;
-    font-size: 1.3rem;
-    color:  #000055;
-  }
-  
-  .footer__btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 36px;
-    max-width: max-content;
-    background-color: rgb(33, 33, 33, 0.07);
-    border-radius: 100px;
-    color: #000055;
-    line-height: 0;
-    margin: 0.6em 0;
-    font-size: 1rem;
-    padding: 0 1.3em;
-  }
-  
-  .footer ul {
-    list-style: none;
-    padding-left: 0;
-    
-  }
-  
-  .footer li {
-    line-height: 3em;
-  }
-  
-  .footer a {
-    text-decoration: none;
-    font-size: 1.5rem;
-  }
-  
-  .footer__nav {
-    display: flex;
-      flex-flow: row wrap;
-      max-width: 50vw;
+  display: flex;
+  flex-flow: row wrap;
+  margin-top: -5vh;
+  padding: 30px 30px 20px 30px;
+  color: #060507;
+  background-color: #ffffff;
+  border-top: 3px solid #000055;
+  position: relative;
+
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+}
+
+.footer > * {
+  flex: 1 100%;
+}
+
+.footer__addr {
+  margin-right: 1.25em;
+  margin-bottom: 1em;
+  font-family: poppins, sans-serif;
+}
+.footer__addr img {
+  max-width: 30vw;
+}
+
+.footer__logo {
+  font-family: "Cabin Sketch", sans-serif;
+
+  font-weight: 400;
+
+  font-size: 2rem;
+}
+
+.footer__addr h2 {
+  margin-top: 1.3em;
+
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.nav__title {
+  font-weight: 800;
+  font-size: 15px;
+  color: #000000;
+}
+
+.footer address {
+  font-style: italic;
+  font-size: 1.3rem;
+  color: #000055;
+}
+
+.footer__btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  max-width: max-content;
+  background-color: rgb(33, 33, 33, 0.07);
+  border-radius: 100px;
+  color: #000055;
+  line-height: 0;
+  margin: 0.6em 0;
+  font-size: 1rem;
+  padding: 0 1.3em;
+}
+
+.footer ul {
+  list-style: none;
+  padding-left: 0;
+  font-family: poppins, sans-serif;
+}
+
+.footer li {
+  line-height: 3em;
+}
+
+.footer a {
+  text-decoration: none;
+  font-size: 1.5rem;
+}
+
+.footer__nav {
+  display: flex;
+  flex-flow: row wrap;
+  max-width: 50vw;
+}
+
+.footer__nav > * {
+  flex: 1 50%;
+  margin-right: 1.25em;
+}
+
+.nav__ul a {
+  color: #000055;
+}
+
+.nav__ul--extra {
+  column-count: 2;
+  column-gap: 1.25em;
+}
+
+.legal {
+  display: flex;
+  flex-wrap: wrap;
+  color: #000055;
+}
+
+.legal__links {
+  display: flex;
+  align-items: center;
+}
+
+.heart {
+  color: #000055;
+}
+
+@media screen and (min-width: 24.375em) {
+  .legal .legal__links {
+    margin-left: auto;
   }
-  
+}
+
+@media screen and (min-width: 40.375em) {
   .footer__nav > * {
-    flex: 1 50%;
-    margin-right: 1.25em;
-  }
-  
-  .nav__ul a {
-    color: #000055;
-  }
-  
-  .nav__ul--extra {
-    column-count: 2;
-    column-gap: 1.25em;
-  }
-  
-  .legal {
-    display: flex;
-    flex-wrap: wrap;
-    color:  #000055;
+    flex: 1;
   }
-    
-  .legal__links {
-    display: flex;
-    align-items: center;
+
+  .nav__item--extra {
+    flex-grow: 2;
   }
-  
-  .heart {
-    color:  #000055;
+
+  .footer__addr {
+    flex: 1 0px;
   }
-  
-  @media screen and (min-width: 24.375em) {
-    .legal .legal__links {
-      margin-left: auto;
-    }
+
+  .footer__nav {
+    flex: 2 0px;
   }
-  
-  @media screen and (min-width: 40.375em) {
-    .footer__nav > * {
-      flex: 1;
-    }
-    
-    .nav__item--extra {
-      flex-grow: 2;
-    }
-    
-    .footer__addr {
-      flex: 1 0px;
-    }
-    
-    .footer__nav {
-      flex: 2 0px;
-    }
-  }
\ No newline at end of file
+}
diff --git a/Basic-Website/gallary.css b/Basic-Website/gallary.css
index 8687552..9a2715e 100644
--- a/Basic-Website/gallary.css
+++ b/Basic-Website/gallary.css
@@ -1,32 +1,31 @@
-
 img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    display: inline-block;
+  max-width: 100%;
+  height: auto;
+  vertical-align: middle;
+  display: inline-block;
 }
 .gallery {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    grid-auto-rows: 200px;
-    grid-auto-flow: dense;
-    width: 80%;
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 15vh;
+  display: grid;
+  grid-gap: 10px;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-auto-rows: 200px;
+  grid-auto-flow: dense;
+  width: 80%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 15vh;
 }
 .gallery > div {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .gallery > div > img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    border-radius: 5px;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 5px;
 }
 .gallery .tall {
-    grid-row: span 2;
-}
\ No newline at end of file
+  grid-row: span 2;
+}
diff --git a/Basic-Website/gallary.html b/Basic-Website/gallary.html
index cd634aa..99d7914 100644
--- a/Basic-Website/gallary.html
+++ b/Basic-Website/gallary.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <link rel="stylesheet" href="fonts.css">
     <link rel="stylesheet" href="footer.css">
     <link rel="stylesheet" href="nav.css">
     <link rel="stylesheet" href="hero.css">
@@ -13,8 +14,8 @@
     <link rel="stylesheet" href="ourmission.css">
     <link rel="stylesheet" href="team.css">
     <link rel="stylesheet" href="gallary.css">
-    
-    
+
+
 
 
 </head>
@@ -24,7 +25,7 @@
         <div class="container">
             <div class="logo">
                 <img id="navbar-logo-image"src="logo.png" alt="logo">
-                
+
             </div>
             <div id="mainListDiv" class="main_list">
                 <ul class="navlinks">
@@ -33,7 +34,7 @@
                     <li><a href="/team.html">Team</a></li>
                     <li><a href="/gallary.html">Gallary</a></li>
                     <!-- <li><a href="/blog">Explore</a></li> -->
-                   
+
                 </ul>
             </div>
         </div>
@@ -42,11 +43,11 @@
                 <i></i>
                 <i></i>
             </span>
-        
+
     </nav>
-    
 
-    
+
+
 
 <div class="eventhead">
   <h1 class="Events">Gallary</h1>
@@ -213,83 +214,83 @@ <h1 class="Events">Gallary</h1>
 <footer class="footer">
     <div class="footer__addr">
         <img src="logo.png" alt="">
-      
-          
+
+
       <h2>Address</h2>
-      
-      <address>        
+
+      <address>
     IIEST, shibpur<br>
         Howrah, West Bengal, 711103
       </address>
     </div>
-    
+
     <ul class="footer__nav">
       <li class="nav__item">
         <h2 class="nav__title">Company</h2>
-  
+
         <ul class="nav__ul">
           <li>
             <a href="/">Home</a>
           </li>
-  
+
           <li>
             <a href="/events.html">Events</a>
           </li>
-              
+
           <li>
             <a href="/team.html">team</a>
           </li>
-  
+
           <li>
             <a href="/gallary.html">Gallary</a>
           </li>
-          
+
         </ul>
       </li>
-      
+
       <li class="nav__item ">
         <h2 class="nav__title">Legal</h2>
-        
+
         <ul class="nav__ul">
           <li>
             <a href="mailto:iiests.edc@gmail.com">Help</a>
           </li>
-          
+
           <li>
             <a href="mailto:iiests.edc@gmail.com">Contact</a>
           </li>
-          
+
           <li>
             <a href="mailto:iiests.edc@gmail.com">Partnership</a>
           </li>
-          
+
           <li>
             <a href="mailto:iiests.edc@gmail.com">Privacy Policy</a>
           </li>
-          
-        
+
+
         </ul>
       </li>
-      
+
       <li class="nav__item">
         <h2 class="nav__title">Socials</h2>
-        
+
         <ul class="nav__ul">
           <li>
             <a href="https://www.linkedin.com/company/edciiests/">LinkedIn</a>
           </li>
-          
+
           <li>
             <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==">Facebook</a>
           </li>
-          
+
           <li>
             <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==">instagram</a>
           </li>
         </ul>
       </li>
     </ul>
-    
+
     <div class="legal">
       <p>Copyright EDC IIEST. All rights reserved 2024</p>
 
@@ -306,4 +307,4 @@ <h2 class="nav__title">Socials</h2>
 
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Basic-Website/getstarted.css b/Basic-Website/getstarted.css
index 4993529..b3b9ac1 100644
--- a/Basic-Website/getstarted.css
+++ b/Basic-Website/getstarted.css
@@ -1,25 +1,27 @@
+:root {
+  --background-color: #070212;
+  --circle-color-start: #6c10b8;
+  --circle-color-end: #2d0e63;
+}
 
 
-:root {
-    --background-color: #070212;
-    --circle-color-start: #6c10b8;
-    --circle-color-end: #2d0e63;
-  }
+.white {
+  position: relative;
+  min-height: 50vh;
+}
+.white-container {
+  width: 90vw;
+  margin-left: auto;
+  margin-right: auto;
+  min-height: 40vh;
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  margin-bottom: 5vh;
+}
+.social-box img {
+  width: 5vh;
 
-.white{
-    position: relative;
-    min-height: 50vh;
-}
-.white-container{
-    width:90vw;
-    margin-left: auto;
-    margin-right: auto;
-    min-height: 40vh;
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    margin-bottom: 5vh;
-}
 .social-box {
     display: flex;
     justify-content: center; 
@@ -47,65 +49,62 @@
     }
 }
 .white-box-right {
-   
-    border-radius: 20px;
-    animation: moveCircles 1s infinite alternate;
-    position: relative;
-    
-    max-height: 30vh;
-    max-width: 30vh;
-}
+  border-radius: 20px;
+  animation: moveCircles 1s infinite alternate;
+  position: relative;
 
-.linksbox{
-    min-height: 40vh;
-    min-width:40vw;
-    
-    
-    
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-    align-items: center;
-    z-index: 1000;
-    box-shadow: rgba(0, 0, 0, 0.15) 2.4vh 2.4vh 3.2vh;
+  max-height: 30vh;
+  max-width: 30vh;
 }
-.linksbox a{
-    text-decoration: none;
-    color: aliceblue;
-    font-size: 4vh;
 
-}
+.linksbox {
+  min-height: 40vh;
+  min-width: 40vw;
 
-.linksbox img{
-    height: 4vh;
-}
-.header-box{
-    background-color:#96de00;
-    color:  #0c0222;
-    font-size: 36px;
-    border-radius: 20px;
-    padding:2vh 4vh 2vh 4vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  align-items: center;
+  z-index: 1000;
+  box-shadow: rgba(0, 0, 0, 0.15) 2.4vh 2.4vh 3.2vh;
+}
+.linksbox a {
+  text-decoration: none;
+  color: aliceblue;
+  font-size: 4vh;
 }
-.white-box-left{
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    align-items: center;
-    column-gap: 5vh;
-    row-gap: 5vh;
+
+.linksbox img {
+  height: 4vh;
+}
+.header-box {
+  background-color: #96de00;
+  color: #0c0222;
+  font-size: 36px;
+  border-radius: 20px;
+  padding: 2vh 4vh 2vh 4vh;
+  font-family: Suisse, sans-serif;
+}
+.white-box-left {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  column-gap: 5vh;
+  row-gap: 5vh;
 }
-.social-box{
-    display: flex;
-    flex-direction: row;
-    align-content: space-around;
-    align-items: center;
-    justify-items: center;
-    column-gap: 3vw;
+.social-box {
+  display: flex;
+  flex-direction: row;
+  align-content: space-around;
+  align-items: center;
+  justify-items: center;
+  column-gap: 3vw;
 }
 
-@media screen and (max-aspect-ratio:1/1){
-    .white-container{
-    width:90vw;
+@media screen and (max-aspect-ratio: 1/1) {
+  .white-container {
+    width: 90vw;
     margin-left: 5vw;
     min-height: 50vh;
     display: flex;
@@ -113,40 +112,38 @@
     justify-content: space-evenly;
     align-items: center;
     margin-bottom: 10vh;
-   
-
-}
-.white{
+  }
+  .white {
     position: relative;
     min-height: 65vh;
-}
-.white-box-left{
+  }
+  .white-box-left {
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
     column-gap: 1vh;
     row-gap: 5vh;
-}
-.header-box{
+  }
+  .header-box {
     background-color: #96de00;
     color: #000055;
     font-size: 24px;
     font-family: "Cabin Sketch", sans-serif;
     border-radius: 20px;
-    padding:2vh 4vh 2vh 4vh;
-}
-.white-box-right{
+    padding: 2vh 4vh 2vh 4vh;
+  }
+  .white-box-right {
     margin-top: 5vh;
     min-width: 40vw;
-}
-.social-box img{
-    width:5vh;
-}
+  }
+  .social-box img {
+    width: 5vh;
+  }
 
-.linksbox{
+  .linksbox {
     min-height: 30vh;
-    min-width:40vw;
+    min-width: 40vw;
     background-color: #000055;
     border-radius: 20px;
     display: flex;
@@ -154,53 +151,50 @@
     justify-content: space-evenly;
     align-items: center;
     box-shadow: rgba(0, 0, 0, 0.15) 2.4vh 2.4vh 3.2vh;
-}
-.first-link{
+  }
+  .first-link {
     background-color: #d8b0f3;
     border-radius: 1vw;
     padding-left: 2vw;
     padding-right: 2vw;
     padding-top: 2vh;
     padding-bottom: 2vh;
-    
-    width: 80%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-    
-}
-.first-link{
-    background-color: #d8b0f3;
-    border-radius: 1vw;
-    padding-left: 1vw;
-    padding-right: 1vw;
-    padding-top: 1vh;
-    padding-bottom: 1vh;
-   
+
     width: 80%;
     display: flex;
     justify-content: center;
     align-items: center;
+  }
 }
-.first-link a{
-    color: #000000;
-    font-family:Arial, Helvetica, sans-serif;
-    
-    padding-left: 2vw;
-    padding-right: 2vw;
-    font-weight:500;
-    font-size: 3.5vh;
-}
+.first-link {
+  background-color: #d8b0f3;
+  border-radius: 1vw;
+  padding-left: 1vw;
+  padding-right: 1vw;
+  padding-top: 1vh;
+  padding-bottom: 1vh;
 
-.network{
-    width: 100%;
-}
+  width: 80%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.first-link a {
+  color: #000000;
+  font-family: Arial, Helvetica, sans-serif;
 
+  padding-left: 2vw;
+  padding-right: 2vw;
+  font-weight: 500;
+  font-size: 3.5vh;
+}
 
+.network {
+  width: 100%;
+}
 
-.stats img{
-    width:100vw;
-    margin-bottom: 10vh;
-    margin-top: 5vh;
-}
\ No newline at end of file
+.stats img {
+  width: 100vw;
+  margin-bottom: 10vh;
+  margin-top: 5vh;
+}
diff --git a/Basic-Website/index.html b/Basic-Website/index.html
index 2a834f0..9c322db 100644
--- a/Basic-Website/index.html
+++ b/Basic-Website/index.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+  
+    <link rel="stylesheet" href="fonts.css">
 
     <!-- poppins font -->
     <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
-
     <link rel="stylesheet" href="footer.css">
     <link rel="stylesheet" href="nav.css">
     <link rel="stylesheet" href="hero.css">
@@ -25,7 +26,7 @@
         <div class="container">
             <div class="logo">
                 <img id="navbar-logo-image"src="logo.png" alt="logo">
-                
+
             </div>
             <div id="mainListDiv" class="main_list">
                 <ul class="navlinks">
@@ -39,7 +40,7 @@
                     <li><a href="/contact.html">Contact us</a></li>
 
                     <!-- <li><a href="/blog">Explore</a></li> -->
-                   
+
                 </ul>
             </div>
         </div>
@@ -48,21 +49,21 @@
                 <i></i>
                 <i></i>
             </span>
-        
+
     </nav>
     <section class="hero">
         <video src="video.mp4" autoplay muted playsinline loop="false"></video>
   <!-- <button class="button-10" role="button">Button 10</button> -->
-       
-        
+
+
 
     </section>
 
 
-   
+
 <div class="infopage">
     <div class="outerbox">
-        
+
         <div class="infobox">
 
             <div class="infobox-right">
@@ -110,7 +111,7 @@ <h2> EDC IIEST Shibpur</h2>
     <img src="stats.png" alt="">
 </div>
 
-    
+
 <div class="white" >
 
     <div class="white-container">
@@ -133,7 +134,7 @@ <h2> EDC IIEST Shibpur</h2>
         </div>
 
     </div>
-    
+
     <div class="white-box-right">
         <div class="animateImg" >
             <img src="network.png" alt="" class="network">
@@ -144,83 +145,83 @@ <h2> EDC IIEST Shibpur</h2>
 </div>
 
 
-    
+
 
 
 <footer class="footer">
     <div class="footer__addr">
         <img src="logo.png" alt="">
-      
-          
+
+
       <h2>Address</h2>
-      
-      <address>        
+
+      <address>
     IIEST, shibpur<br>
         Howrah, West Bengal, 711103
       </address>
     </div>
-    
+
     <ul class="footer__nav">
       <li class="nav__item">
         <h2 class="nav__title">Company</h2>
-  
+
         <ul class="nav__ul">
           <li>
             <a href="/">Home</a>
           </li>
-  
+
           <li>
             <a href="/events.html">Events</a>
           </li>
-              
+
           <li>
             <a href="/team.html">Team</a>
           </li>
-  
+
           <li>
             <a href="/gallary.html">Gallery</a>
           </li>
-          
+
         </ul>
       </li>
-      
+
       <li class="nav__item ">
         <h2 class="nav__title">Legal</h2>
-        
+
         <ul class="nav__ul">
           <li>
             <a href="mailto:iiests.edc@gmail.com">Help</a>
           </li>
-          
+
           <li>
             <a href="mailto:iiests.edc@gmail.com">Contact</a>
           </li>
-          
+
           <li>
             <a href="mailto:iiests.edc@gmail.com">Partnership</a>
           </li>
-          
+
           <li>
             <a href="mailto:iiests.edc@gmail.com">Privacy Policy</a>
           </li>
-          
-        
+
+
         </ul>
       </li>
-      
+
       <li class="nav__item">
         <h2 class="nav__title">Socials</h2>
-        
+
         <ul class="nav__ul">
           <li>
             <a href="https://www.linkedin.com/company/edciiests/">LinkedIn</a>
           </li>
-          
+
           <li>
             <a href=""  target="_blank">Facebook</a>
 
           </li>
-          
+
           <li>
 
             <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==" target="_blank">Instagram</a>
@@ -242,7 +243,7 @@ <h2 class="nav__title">Socials</h2>
         </ul>
       </li>
     </ul>
-    
+
     <div class="legal">
       <p>Copyright EDC IIEST. All rights reserved 2024</p>
 
@@ -284,4 +285,4 @@ <h2 class="nav__title">Socials</h2>
 
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Basic-Website/infopage.css b/Basic-Website/infopage.css
index e0a7103..b5acd85 100644
--- a/Basic-Website/infopage.css
+++ b/Basic-Website/infopage.css
@@ -1,8 +1,8 @@
-
 :root {
-    --background-color: #070212;
-    --circle-color-start: #6c10b8;
-    --circle-color-end: #2d0e63;
+
+  --background-color: #070212;
+  --circle-color-start: #6c10b8;
+  --circle-color-end: #2d0e63;
   }
 
   .stats{
@@ -10,35 +10,31 @@
     overflow: hidden;
   }
 
-
-
-
-  .outerbox {
-    margin-top: 5vh;
-    margin-bottom: 5vh;
-    min-height: 40vh;
-    max-height: 90vh;
-    width: 90vw;
-    margin-left: auto;
-    margin-right: auto;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    position: relative;
-    overflow: hidden;
-    
+.outerbox {
+  margin-top: 5vh;
+  margin-bottom: 5vh;
+  min-height: 40vh;
+  max-height: 90vh;
+  width: 90vw;
+  margin-left: auto;
+  margin-right: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  position: relative;
+  overflow: hidden;
 }
 
 .outerbox::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: transparent;
-    /* background: radial-gradient(
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: transparent;
+  /* background: radial-gradient(
             circle,
             var(--circle-color-start),
             var(--circle-color-end) 20%,
@@ -92,240 +88,213 @@
             var(--circle-color-end) 15%,
             rgba(19, 7, 46, 0) 0%
         ); */
-        
-    filter: blur(10px);
-    
-    z-index: -1;
-    animation: moveCircles 1s infinite alternate;
-    
-}
-
-
-.outerbox::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: transparent;
-
-   
-    pointer-events: none;
-    z-index: -1;
-  }
 
+  filter: blur(10px);
 
+  z-index: -1;
+  animation: moveCircles 1s infinite alternate;
+}
 
+.outerbox::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: transparent;
+
+  pointer-events: none;
+  z-index: -1;
+}
 
 @keyframes moveCircles {
-    0% {
-        background-position: 0% 0%, 4% 4%, 60% 20%, 80% 10%, 70% 50%, 20% 40%, 30% 70%, 90% 50%, 65% 40%, 100% 20%;
-    }
-    20% {
-        background-position: 10% 10%, 8% 8%, 65% 25%, 85% 15%, 75% 55%, 25% 45%, 35% 75%, 95% 55%, 70% 45%, 105% 25%;
-    }
-    40% {
-        background-position: 20% 20%, 12% 12%, 70% 30%, 90% 20%, 80% 60%, 30% 50%, 40% 80%, 100% 60%, 75% 50%, 110% 30%;
-    }
-    60% {
-        background-position: 30% 30%, 16% 16%, 75% 35%, 95% 25%, 85% 65%, 35% 55%, 45% 85%, 105% 65%, 80% 55%, 115% 35%;
-    }
-    80% {
-        background-position: 40% 40%, 20% 20%, 80% 40%, 100% 30%, 90% 70%, 40% 60%, 50% 90%, 110% 70%, 85% 60%, 120% 40%;
-    }
-    100% {
-        background-position: 50% 50%, 24% 24%, 85% 45%, 105% 35%, 95% 75%, 45% 65%, 55% 95%, 115% 75%, 90% 65%, 125% 45%;
-    }
+  0% {
+    background-position: 0% 0%, 4% 4%, 60% 20%, 80% 10%, 70% 50%, 20% 40%,
+      30% 70%, 90% 50%, 65% 40%, 100% 20%;
+  }
+  20% {
+    background-position: 10% 10%, 8% 8%, 65% 25%, 85% 15%, 75% 55%, 25% 45%,
+      35% 75%, 95% 55%, 70% 45%, 105% 25%;
+  }
+  40% {
+    background-position: 20% 20%, 12% 12%, 70% 30%, 90% 20%, 80% 60%, 30% 50%,
+      40% 80%, 100% 60%, 75% 50%, 110% 30%;
+  }
+  60% {
+    background-position: 30% 30%, 16% 16%, 75% 35%, 95% 25%, 85% 65%, 35% 55%,
+      45% 85%, 105% 65%, 80% 55%, 115% 35%;
+  }
+  80% {
+    background-position: 40% 40%, 20% 20%, 80% 40%, 100% 30%, 90% 70%, 40% 60%,
+      50% 90%, 110% 70%, 85% 60%, 120% 40%;
+  }
+  100% {
+    background-position: 50% 50%, 24% 24%, 85% 45%, 105% 35%, 95% 75%, 45% 65%,
+      55% 95%, 115% 75%, 90% 65%, 125% 45%;
+  }
 }
-  
-
-.infoheading{
-    width:100%;
-margin-left: 2vw;
-margin-top: 2vw;
-font-size: 5vh;
-color:whitesmoke;
-font-family: "Be Vietnam Pro", sans-serif;
-font-weight: 500;
-font-style: normal;
-} 
-
-
-.infobox{
-    display: flex;
-flex-direction: row;
-justify-content: center;
-align-items: center;
 
+.infoheading {
+  width: 100%;
+  margin-left: 2vw;
+  margin-top: 2vw;
+  font-size: 5vh;
+  color: whitesmoke;
+  font-family: "Be Vietnam Pro", sans-serif;
+  font-weight: 500;
+  font-style: normal;
 }
 
-.infobox-left{
-    max-width: 50%;
-    margin-top: 10vh;
-    display: flex;
-flex-direction: column;
-justify-content: center;
-align-items: center;
+.infobox {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
 }
 
-.infovideo-subheading{
-    font-size: 1.5vh;
-    line-height: 2vh;
-    color: whitesmoke;
-
+.infobox-left {
+  max-width: 50%;
+  margin-top: 10vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
-
-
-
-
-.infobox-right{
-    max-width: 50%;
-    padding:2vw 2vw 2vw 2vw;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    overflow: hidden;
-
-}  
-.info-rightbox-subheading{
-    margin-left: 2vw;
-    font-size: 5vh;
-    color:#000055;
-    font-family: "Be Vietnam Pro", sans-serif;
-    font-weight: 1000;
-} 
-.info-rightbox-text{
-    text-align: justify;
-    text-align: justify;
-    font-size: 2vh;
-    line-height: 1.6;
-    color: #000000;
-    font-weight: 500;
-margin-left: 2vw;
-margin-right: 2vw;
-margin-top: 3vh;
-margin-bottom: 4vh;
-
+.infovideo-subheading {
+  font-size: 1.5vh;
+  line-height: 2vh;
+  color: whitesmoke;
 }
 
+.infobox-right {
+  max-width: 50%;
+  padding: 2vw 2vw 2vw 2vw;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  overflow: hidden;
+}
+.info-rightbox-subheading {
+  margin-left: 2vw;
+  font-size: 5vh;
+  color: #000055;
+  font-family: Dahlia, "Be Vietnam Pro", sans-serif;
+  font-weight: 1000;
+}
+.info-rightbox-text {
+  text-align: justify;
+  text-align: justify;
+  font-size: 2vh;
+  line-height: 1.5;
+  color: #000000;
+  font-weight: 500;
+  margin-left: 2vw;
+  margin-right: 2vw;
+  margin-top: 3vh;
+  margin-bottom: 4vh;
+  font-family: poppins, sans-serif !important;
+  font-weight: 300;
+}
 
-
-.info-rightbox-button{
-    text-decoration: none;
-background-color: #94dd00;
-color: #000055;
-border-radius: 10vw;
-border: 2% white solid;
-font-size: 2vh;
-margin-bottom: 3vh;
-
-padding: 4%;
-display: inline-block;
-padding-left: 20%;
-padding-right: 20%;
-text-align: center; /* Centers the text within the a tag */
-white-space: nowrap;
-margin-left: 2vw;
-
-
-
+.info-rightbox-button {
+  text-decoration: none;
+  background-color: #94dd00;
+  color: #000055;
+  border-radius: 10vw;
+  border: 2% white solid;
+  font-size: 2vh;
+  margin-bottom: 3vh;
+
+  padding: 4%;
+  display: inline-block;
+  padding-left: 20%;
+  padding-right: 20%;
+  text-align: center; /* Centers the text within the a tag */
+  white-space: nowrap;
+  margin-left: 2vw;
 }
 .infovideo {
-display: flex;
-justify-content: center;
-align-items: center;
-margin: 5%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 5%;
 }
 
 .infovideo img {
-max-width: 80%;
-border-radius: 1vw
+  max-width: 80%;
+  border-radius: 1vw;
 }
 
+@media screen and (max-width: 980px) {
+  .info-rightbox-text {
+    font-size: 16px;
+    font-weight: 400;
+    color: #000000;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    font-style: verdana;
+    margin-left: 2vw;
+    margin-top: 1vh;
+    margin-bottom: 3vh;
+  }
+  .outerbox {
+    max-height: none;
+  }
 
-
-
-
-@media screen and (max-width:980px){
-    .info-rightbox-text{
-font-size: 16px;
-font-weight: 400;
-color:#000000;
-font-family: Verdana, Geneva, Tahoma, sans-serif;
-font-style: verdana;
-margin-left: 2vw;
-margin-top: 1vh;
-margin-bottom: 3vh;
-}
-.outerbox{
-max-height: none;
-}
-
-.infobox{
+  .infobox {
     display: flex;
-flex-direction: column;
-justify-content: center;
-align-items: center;
-
-}
-.infobox-right{
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .infobox-right {
     max-width: 100%;
-}
-.infobox-left{
+  }
+  .infobox-left {
     max-width: 100%;
     margin-top: 10px;
-}
-.info-rightbox-subheading{
+  }
+  .info-rightbox-subheading {
     font-size: 48px;
-}
-.infoheading{
-    width:100%;
-margin-left: 2vw;
-margin-top: 2vw;
-text-align: center;
-font-size: 4vh;
-color:rgb(0, 0, 0);
-font-family: "Be Vietnam Pro", sans-serif;
-font-weight: 500;
-font-style: normal;
-}
-
-.infovideo {
-display: flex;
-justify-content: center;
-align-items: center;
-margin: 5%;
-}
-
-.infovideo video {
-max-width: 100%;
-border-radius: 2vw;
-
-}
+  }
+  .infoheading {
+    width: 100%;
+    margin-left: 2vw;
+    margin-top: 2vw;
+    text-align: center;
+    font-size: 4vh;
+    color: rgb(0, 0, 0);
+    font-family: "Be Vietnam Pro", sans-serif;
+    font-weight: 500;
+    font-style: normal;
+  }
 
+  .infovideo {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 5%;
+  }
 
-    
+  .infovideo video {
+    max-width: 100%;
+    border-radius: 2vw;
+  }
 }
 
-@media screen and (min-width:2080px)
-{
-
-
-    .info-rightbox-text{
+@media screen and (min-width: 2080px) {
+  .info-rightbox-text {
     text-align: justify;
     font-size: 2vh;
     line-height: 2.5vh;
     letter-spacing: normal;
-font-weight: 100;
-color:#000000;
-margin-left: 2vw;
-margin-right: 2vw;
-margin-top: 3vh;
-margin-bottom: 4vh;
-
-}
+    font-weight: 100;
+    color: #000000;
+    margin-left: 2vw;
+    margin-right: 2vw;
+    margin-top: 3vh;
+    margin-bottom: 4vh;
+  }
 }
-
diff --git a/Basic-Website/nav.css b/Basic-Website/nav.css
index 624ddd8..61192bc 100644
--- a/Basic-Website/nav.css
+++ b/Basic-Website/nav.css
@@ -115,8 +115,8 @@ body {
 .nav div.main_list ul li a {
   text-decoration: none;
   color: #000000;
-
-  font-size: 2.5em;
+  font-family: poppins, sans-serif;
+  font-size: 2.35em;
 }
 
 .nav div.main_list ul li a:hover {
@@ -294,7 +294,7 @@ body {
   .nav div.main_list ul li a {
     text-align: center;
     width: 100%;
-    font-size: 3rem;
+    font-size: 2.5rem;
   }
 
   /* Hide the resources box by default */
diff --git a/Basic-Website/ourmission.css b/Basic-Website/ourmission.css
index 62fe35c..6fff620 100644
--- a/Basic-Website/ourmission.css
+++ b/Basic-Website/ourmission.css
@@ -1,87 +1,82 @@
-
 .mission-container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    padding: 20px;
-    margin: auto;
-    animation: fadeIn 2s ease-in;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  margin: auto;
+  animation: fadeIn 2s ease-in;
 }
 
 .mission-content {
-    flex: 1;
-    padding: 2vw;
+  flex: 1;
+  padding: 2vw;
 }
 
 .mission-content h1 {
-    font-size: 5.5em;
-    margin-bottom: 20px;
-    color: aliceblue;
+  font-size: 5.5em;
+  margin-bottom: 20px;
+  color: aliceblue;
 }
-#vision-h1{
-    text-align: right;
+#vision-h1 {
+  text-align: right;
 }
 .mission-content p {
-    text-align: justify;
-    font-size: 2vh;
-    line-height: 1.6;
-    color: #D8A8F7;
+  text-align: justify;
+  font-size: 2vh;
+  line-height: 1.6;
+  color: #d8a8f7;
 }
 
-.our-story{
-    margin-left: 25vw;
-    max-width: 50vw;
-    border-top: 1px solid #805ad5;
-    border-bottom: 1px solid #805ad5;
-
+.our-story {
+  margin-left: 25vw;
+  max-width: 50vw;
+  border-top: 1px solid #805ad5;
+  border-bottom: 1px solid #805ad5;
 }
 .mission-collage {
-    gap: 10px;
-    min-width: 40vw;
-    padding: 20px;
+  gap: 10px;
+  min-width: 40vw;
+  padding: 20px;
 }
 
 .mission-grid-item {
-    background-color: transparent;
-    animation: fadeIn 2s ease-in;
-    max-width: 40vw;
+  background-color: transparent;
+  animation: fadeIn 2s ease-in;
+  max-width: 40vw;
 }
-.mission-grid-item img{
-    max-width: 40vw;
+.mission-grid-item img {
+  max-width: 40vw;
 }
 
 @keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @media (max-aspect-ratio: 1/1) {
-    .mission-container {
-        flex-direction: column;
-    }
-
+  .mission-container {
+    flex-direction: column;
+  }
 
-    .mission-grid-item img{
-        max-width: 70vw;
-    }
+  .mission-grid-item img {
+    max-width: 70vw;
+  }
 
-    
-.mission-collage {
+  .mission-collage {
     gap: 10px;
     min-width: 70vw;
     padding: 20px;
-}
+  }
 
-.our-story{
+  .our-story {
     margin-left: 5vw;
     max-width: 80vw;
     border-top: 1px solid #805ad5;
     border-bottom: 1px solid #805ad5;
-
+  }
 }
-}
\ No newline at end of file
diff --git a/Basic-Website/team.css b/Basic-Website/team.css
index dce3327..36c45fd 100644
--- a/Basic-Website/team.css
+++ b/Basic-Website/team.css
@@ -1,3 +1,75 @@
+
+/* Team container with responsive grid design */
+.team-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+  padding: 20px;
+  justify-items: center;
+  width: 80vw;
+  margin-left: auto;
+  margin-right: auto;
+  align-items: start;
+  margin-bottom: 15vh;
+}
+
+.card {
+  background-color: #ffffff;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
+  transition: transform 0.3s ease;
+  width: 100%;
+  max-width: 300px;
+}
+
+.card:hover {
+  transform: translateY(-10px);
+}
+
+.card-details img {
+  width: 100%;
+  aspect-ratio: 1/1;
+  border-radius: 10%;
+  margin-bottom: 10px;
+  border: 1px solid black;
+}
+
+.text-title {
+  font-size: 1.2rem;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.text-body {
+  font-size: 2rem;
+  font-weight: 800;
+  color: #000055;
+  margin-bottom: 20px;
+}
+
+.card-button {
+  background-color: #96de00;
+  color: #000055;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.card-button:hover {
+  background-color: rgb(65, 147, 255);
+}
+
+@media (max-width: 600px) {
+  .team-container {
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  }
+}
+
  :root {
             --primary-color: #3b82f6;
             --text-color: #1f2937;
@@ -135,4 +207,5 @@
             font-size: 1.2rem;
             font-weight: 400;
             margin: 0;
-        }
\ No newline at end of file
+        }
+
diff --git a/Basic-Website/team.html b/Basic-Website/team.html
index cac9001..e3a0368 100644
--- a/Basic-Website/team.html
+++ b/Basic-Website/team.html
@@ -4,20 +4,60 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
-    <link rel="stylesheet" href="footer.css" />
-    <link rel="stylesheet" href="nav.css" />
-    <link rel="stylesheet" href="hero.css" />
-    <link rel="stylesheet" href="infopage.css" />
-    <link rel="stylesheet" href="getstarted.css" />
-    <link rel="stylesheet" href="events.css" />
-    <link rel="stylesheet" href="ourmission.css" />
-    <link rel="stylesheet" href="team.css" />
-  </head>
-  <body>
+
+    <link rel="stylesheet" href="fonts.css"/>
+    <link rel="stylesheet" href="footer.css"/>
+    <link rel="stylesheet" href="nav.css"/>
+    <link rel="stylesheet" href="hero.css"/>
+    <link rel="stylesheet" href="infopage.css"/>
+    <link rel="stylesheet" href="getstarted.css"/>
+    <link rel="stylesheet" href="events.css"/>
+    <link rel="stylesheet" href="ourmission.css"/>
+    <link rel="stylesheet" href="team.css"/>
+
+
+
+
+</head>
+<body>
+
     <nav class="nav">
-      <div class="container">
-        <div class="logo">
-          <img id="navbar-logo-image" src="logo.png" alt="logo" />
+        <div class="container">
+            <div class="logo">
+                <img id="navbar-logo-image"src="logo.png" alt="logo">
+
+            </div>
+            <div id="mainListDiv" class="main_list">
+                <ul class="navlinks">
+                    <li><a href="/">Home</a></li>
+                    <li><a href="/events.html">Events</a></li>
+                    <li><a href="/team.html">Team</a></li>
+                    <li><a href="/gallary.html">Gallary</a></li>
+                    <!-- <li><a href="/blog">Explore</a></li> -->
+
+                </ul>
+            </div>
+        </div>
+            <span class="navTrigger">
+                <i></i>
+                <i></i>
+                <i></i>
+            </span>
+
+    </nav>
+
+
+
+
+<div class="eventhead">
+  <h1 class="Events">OUR TEAM</h1>
+</div>
+
+<div class="team-container">
+      <div class="card">
+        <div class="card-details">
+          <img src="team/rohan.jpg" class="text-title" alt="Team Member Avinash">
+          <p class="text-body">Rohan</p>
         </div>
         <div id="mainListDiv" class="main_list">
           <ul class="navlinks">
@@ -138,6 +178,105 @@ <h2 class="nav__title">Socials</h2>
           >
         </div>
       </div>
+
+      <div class="card">
+        <div class="card-details">
+        </div>
+      </div>
+  </div>
+
+
+
+
+
+
+  <footer class="footer">
+    <div class="footer__addr">
+        <img src="logo.png" alt="">
+
+
+      <h2>Address</h2>
+
+      <address>
+    IIEST, shibpur<br>
+        Howrah, West Bengal, 711103
+      </address>
+    </div>
+
+    <ul class="footer__nav">
+      <li class="nav__item">
+        <h2 class="nav__title">Company</h2>
+
+        <ul class="nav__ul">
+          <li>
+            <a href="/">Home</a>
+          </li>
+
+          <li>
+            <a href="/events.html">Events</a>
+          </li>
+
+          <li>
+            <a href="/team.html">team</a>
+          </li>
+
+          <li>
+            <a href="/gallary.html">Gallary</a>
+          </li>
+
+        </ul>
+      </li>
+
+      <li class="nav__item ">
+        <h2 class="nav__title">Legal</h2>
+
+        <ul class="nav__ul">
+          <li>
+            <a href="mailto:iiests.edc@gmail.com">Help</a>
+          </li>
+
+          <li>
+            <a href="mailto:iiests.edc@gmail.com">Contact</a>
+          </li>
+
+          <li>
+            <a href="mailto:iiests.edc@gmail.com">Partnership</a>
+          </li>
+
+          <li>
+            <a href="mailto:iiests.edc@gmail.com">Privacy Policy</a>
+          </li>
+
+
+        </ul>
+      </li>
+
+      <li class="nav__item">
+        <h2 class="nav__title">Socials</h2>
+
+        <ul class="nav__ul">
+          <li>
+            <a href="https://www.linkedin.com/company/edciiests/">LinkedIn</a>
+          </li>
+
+          <li>
+            <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==">Facebook</a>
+          </li>
+
+          <li>
+            <a href="https://www.instagram.com/edc.iiests/profilecard/?igsh=MTBpd2dkNDFwbXFybg==">instagram</a>
+          </li>
+        </ul>
+      </li>
+    </ul>
+
+    <div class="legal">
+      <p>Copyright EDC IIEST. All rights reserved 2024</p>
+
+      <div class="legal__links">
+        <span>Designed with expertise by <a href="https://www.linkedin.com/in/harshrjn/" style="color: #242424; font-size: 12px;">Harsh Ranjan.</a></span>
+      </div>
+    </div>
     </footer>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
@@ -256,4 +395,5 @@ <h3>${member.name}</h3>
       document.addEventListener("DOMContentLoaded", renderTeamCards);
     </script>
   </body>
+
 </html>