Merge pull request #24 from aman-prajapati05/main

Implemented Lossless Image Optimization for Improved Website Performance

core/index.html

@@ -7,7 +7,7 @@
 <meta content="" name="keywords">
 <meta content="" name="description">
 <!-- Favicon -->
-<link href="../img\Logos-20230409T091937Z-001\istelogo.png" rel="icon">
+<link href="../img\Logos-20230409T091937Z-001\istelogo.webp" rel="icon">
 <!-- Google Web Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -29,7 +29,7 @@
 <nav class="navbar navbar-expand-lg bg-secondary navbar-dark sticky-top py-lg-0 px-lg-5 wow fadeIn"
 data-wow-delay="0.1s">
 
-<h1 class="mb-0 text-primary text-uppercase"><img src="../img/Logos-20230409T091937Z-001/TCET-ISTE Logo (Transparent Backgroud).png" width="25%"></h1>
+<h1 class="mb-0 text-primary text-uppercase"><a href="../"><img src="../img/Logos-20230409T091937Z-001/TCET-ISTE Logo (Transparent Backgroud).webp" width="25%"></a></h1>
 <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
 <span class="navbar-toggler-icon"></span>
 </button>
@@ -72,7 +72,7 @@ <h1 class="text-uppercase text-primary">Meet Our Family</h1>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\sakshi m.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\sakshi m.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/_sakshiimehta14_/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -88,7 +88,7 @@ <h5 class="text-uppercase">Sakshi Mehta</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\shah alam.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\shah alam.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/shahalam_khan_/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -104,7 +104,7 @@ <h5 class="text-uppercase">Shah Alam Khan</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\vinayak.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\vinayak.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/vinayak_nayak_7/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -120,7 +120,7 @@ <h5 class="text-uppercase">Vinayak Nayak</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\sakshi singh.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\sakshi singh.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/__sakshi2108__/"><i class="fab fa-instagram"></i></a>  
 </div>
@@ -142,7 +142,7 @@ <h5 class="text-uppercase">Sakshi Singh</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\aditya rathod.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\aditya rathod.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/rathod4408/"><i class="fab fa-instagram"></i></a> 
 </div>
@@ -157,7 +157,7 @@ <h5 class="text-uppercase">Aditya Rathod</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\saanvi.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\saanvi.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/_saanvi.sadani_/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -173,7 +173,7 @@ <h5 class="text-uppercase">Saanvi Sadani</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\akash webmaster.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\akash webmaster.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/akashh.235/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -189,7 +189,7 @@ <h5 class="text-uppercase">Akash Kapoor</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\aayushid.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\aayushid.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/aayushi._.x/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -205,7 +205,7 @@ <h5 class="text-uppercase">Aayushi Dubey</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\pranav deshmukh.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\pranav deshmukh.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/_pranav_d_/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -221,7 +221,7 @@ <h5 class="text-uppercase">Pranav Deshmukh</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\siddhnat ram.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\siddhnat ram.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/siddhant_1811/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -237,7 +237,7 @@ <h5 class="text-uppercase">Siddhant Ram</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
     <div class="team-item">
     <div class="team-img position-relative overflow-hidden">
-    <img class="img-fluid" src="Core-20230409T091729Z-001\sakshi dubey.JPG" alt="">
+    <img class="img-fluid" src="Core-20230409T091729Z-001\sakshi dubey.webp" alt="">
     <div class="team-social">
     <a class="btn btn-square" href="https://www.instagram.com/sakshiiidubeyy/"><i class="fab fa-instagram"></i></a>
     </div>
@@ -253,7 +253,7 @@ <h5 class="text-uppercase">Sakshi Dubey</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
 <div class="team-item">
 <div class="team-img position-relative overflow-hidden">
-<img class="img-fluid" src="Core-20230409T091729Z-001\kunal pawar.JPG" alt="">
+<img class="img-fluid" src="Core-20230409T091729Z-001\kunal pawar.webp" alt="">
 <div class="team-social">
 <a class="btn btn-square" href="https://www.instagram.com/kp_4103/"><i class="fab fa-instagram"></i></a>
 </div>
@@ -270,7 +270,7 @@ <h5 class="text-uppercase">Kunal Pawar</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
         <div class="team-item">
         <div class="team-img position-relative overflow-hidden">
-        <img id="pratik" class="img-fluid" src="Core-20230409T091729Z-001\pratik sirog.png" alt="">
+        <img id="pratik" class="img-fluid" src="Core-20230409T091729Z-001\pratik sirog.webp" alt="">
         <div class="team-social">
         <a class="btn btn-square" href="https://www.instagram.com/__.pratikkkk.__/"><i class="fab fa-instagram"></i></a>
         </div>
@@ -286,7 +286,7 @@ <h5 class="text-uppercase">Pratik Tiwari</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
             <div class="team-item">
             <div class="team-img position-relative overflow-hidden">
-            <img id="mukund" class="img-fluid" src="Core-20230409T091729Z-001\mukund.png" alt="">
+            <img id="mukund" class="img-fluid" src="Core-20230409T091729Z-001\mukund.webp" alt="">
             <div class="team-social">
             <a class="btn btn-square" href="https://www.instagram.com/mukund_dhanuka/"><i class="fab fa-instagram"></i></a>
             </div>
@@ -302,7 +302,7 @@ <h5 class="text-uppercase">Mukund Dhanuka</h5>
 <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                 <div class="team-item">
                 <div class="team-img position-relative overflow-hidden">
-                <img id="core" class="img-fluid" src="Core-20230409T091729Z-001\core.JPG" alt="">
+                <img id="core" class="img-fluid" src="Core-20230409T091729Z-001\core.webp" alt="">
                 <div class="team-social">
                 <a class="btn btn-square" href="https://www.instagram.com/iste_tcet/"><i class="fab fa-instagram"></i></a>
                 </div>
@@ -324,7 +324,7 @@ <h5 class="text-uppercase">CORE</h5>
 <div class="row g-0">
 <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
 <div class="h-100">
-<img class="img-fluid h-100" src="../img/open.jpg" alt="">
+<img class="img-fluid h-100" src="../img/open.webp" alt="">
 </div>
 </div>
 <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">

events/calciworkshop/index.html

@@ -7,7 +7,7 @@
 <meta content="" name="keywords">
 <meta content="" name="description">
 <!-- Favicon -->
-<link href="../../img\Logos-20230409T091937Z-001\istelogo.png" rel="icon">
+<link href="../../img\Logos-20230409T091937Z-001\istelogo.webp" rel="icon">
 <!-- Google Web Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -37,7 +37,8 @@
 <nav class="navbar navbar-expand-lg bg-secondary navbar-dark sticky-top py-lg-0 px-lg-5 wow fadeIn"
 data-wow-delay="0.1s">
 
-<h1 class="mb-0 text-primary text-uppercase"><img src="../../img/Logos-20230409T091937Z-001/TCET-ISTE Logo (Transparent Backgroud).png" width="25%"></h1>
+<h1 class="mb-0 text-primary text-uppercase"><a href="../../"><img src="../../img/Logos-20230409T091937Z-001/TCET-ISTE Logo (Transparent Backgroud).webp" width="25%"></a>
+</h1>
 <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
 <span class="navbar-toggler-icon"></span>
 </button>
@@ -59,10 +60,10 @@ <h1 class="mb-0 text-primary text-uppercase"><img src="../../img/Logos-20230409T
 <!-- Navbar End -->
 <!-- About End -->
 <div class="image-container">
-    <img src="calciworkshop/WhatsApp Image 2023-04-07 at 12.11.04 AM.jpeg" alt="Image Description" width="auto" height="500">
+    <img src="calciworkshop/WhatsApp Image 2023-04-07 at 12.11.04 AM.webp" alt="Image Description" width="auto" height="500">
  </div><br>
  <div class="image-container">
-    <img src="calciworkshop/WhatsApp Image 2023-04-27 at 3.02.20 PM.jpeg" alt="Image Description" width="auto" height="500">
+    <img src="calciworkshop/WhatsApp Image 2023-04-27 at 3.02.20 PM.webp" alt="Image Description" width="auto" height="500">
  </div><br>
 <!-- Events Start -->
 <section id="events" class="text-white">
@@ -78,7 +79,7 @@ <h1 class="text-uppercase text-primary">Recent Events</h1>
     <div class="ps-4">
     <div style="width: 100%; height: auto;">
     <a href="../fiesta/">
-    <img id="fiesta"class="img-fluid" src="../../img\fiesta2logo.jpg" alt=""></a>
+    <img id="fiesta"class="img-fluid" src="../../img\fiesta2logo.webp" alt=""></a>
     </div>
     <br>
     <h3 class="text-uppercase mb-3">FIESTA 2022-2023</h3>
@@ -97,7 +98,7 @@ <h3 class="text-uppercase mb-3">FIESTA 2022-2023</h3>
     <div class="ps-4">
     <div style="width: auto; height: auto;">
     <a href="../multicon/">
-    <img id="multicon" class="img-fluid" src="../../img/Multicon 2023.jpg" alt=""></a>
+    <img id="multicon" class="img-fluid" src="../../img/Multicon 2023.webp" alt=""></a>
     </div>
     <br>
     <h3 class="text-uppercase mb-3">
@@ -117,7 +118,7 @@ <h3 class="text-uppercase mb-3">
     <div class="ps-4">
     <div style="width: auto; height: auto;">
     <a href="../resume/">
-    <img id="resume"class="img-fluid" src="../../img/Resume Building.jpeg" alt=""></a>
+    <img id="resume"class="img-fluid" src="../../img/Resume Building.webp" alt=""></a>
     </div>
     <br>
     <h3 class="text-uppercase mb-3">
@@ -137,7 +138,7 @@ <h3 class="text-uppercase mb-3">
     <div class="ps-4">
     <div style="width: 100%; height: auto;">
     <a href="../cworkshop/">
-    <img id="workshopc"class="img-fluid" src="../../img/C - Language Workshop.jpeg" alt=""></a>
+    <img id="workshopc"class="img-fluid" src="../../img/C - Language Workshop.webp" alt=""></a>
     </div>
     <br>
     <h3 class="text-uppercase mb-3">
@@ -161,7 +162,7 @@ <h3 class="text-uppercase mb-3">
         <div class="ps-4">
         <div style="width: auto; height: auto;">
         <a href="#">
-        <img id="scificalci" class="img-fluid" src="../../img\Scientific Calculator.jpeg" alt=""></a>
+        <img id="scificalci" class="img-fluid" src="../../img\Scientific Calculator.webp" alt=""></a>
         </div>
         <br>
         <h3 class="text-uppercase mb-3">
@@ -181,7 +182,7 @@ <h3 class="text-uppercase mb-3">
     <div class="ps-4">
     <div style="width: 100%; height: auto;">
     <a href="../talent/">
-    <img id="talent"class="img-fluid" src="../../img/Talent Show.jpg" alt=""></a>
+    <img id="talent"class="img-fluid" src="../../img/Talent Show.webp" alt=""></a>
     </div>
     <br>
     <h3 class="text-uppercase mb-3">
@@ -200,7 +201,7 @@ <h3 class="text-uppercase mb-3">
         <div class="ps-4">
         <div style="width: 100%; height: auto;">
         <a href="../zephyr/">
-        <img id="zephyr" class="img-fluid" src="../../img/Zephyr 2022.jpg" alt=""></a>
+        <img id="zephyr" class="img-fluid" src="../../img/Zephyr 2022.webp" alt=""></a>
         </div>
         <br>
         <h3 class="text-uppercase mb-3">
@@ -223,7 +224,7 @@ <h3 class="text-uppercase mb-3">
             <div class="ps-4">
             <div style="width: 100%; height: auto;">
             <a href="../tour/">    
-            <img id="tour"class="img-fluid" src="../../img/Roadmap To Engineering 2022.jpg" alt=""></a>
+            <img id="tour"class="img-fluid" src="../../img/Roadmap To Engineering 2022.webp" alt=""></a>
             </div>
             <br>
             <h3 class="text-uppercase mb-3">
@@ -243,7 +244,7 @@ <h3 class="text-uppercase mb-3">
                 <div class="ps-4">
                 <div style="width: 100%; height: auto;">
                 <a href="../stem/">
-                <img id="stem"class="img-fluid" src="../../img/download.jpg" alt=""></a>
+                <img id="stem"class="img-fluid" src="../../img/download.webp" alt=""></a>
                 </div>
                 <br>
                 <h3 class="text-uppercase mb-3">