Ui-Improvement: applied appropriate fonts in different sections

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+Basic-Website/.DS_Store

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;
-
-}
+}

Basic-Website/events.html

@@ -4,14 +4,14 @@
     <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">
     <link rel="stylesheet" href="infopage.css">
     <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,61 +122,61 @@ <h2 class="nav__title">Company</h2>
         <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>
 
@@ -236,4 +236,4 @@ <h2 class="nav__title">Socials</h2>
 
 
 </body>
-</html>
+</html>

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");
+}