add enigma section & orintation section compress images for speed loa…

…ding

index.html

@@ -414,7 +414,40 @@ <h3 class="event-card-title-solo">PLACEMENT GUIDANCE</h3>
   </div>
   <!--   /counter   -->
 
-  <!--   /inovation   -->
+  <!--   /enigma   -->
+  <div class="container">
+    <h1 id="headingh" style="margin-bottom: 3rem;">ENIGMA 2K24 RECAP</h1>
+    <div class="enigma-card-main u-clearfix1">
+      <div class="enigma-inner-card-text">
+        <h2 class="enigma-card-title">2K24 EVENT</h2>
+        <span class="enigma-inner-card-description">The Enigma's main goal is to raise public awareness about digital security scams. Participants can explore various aspects of digital security, including but not limited to online privacy, blockchain, cybersecurity, data protection, and the impact of emerging technologies. CSI SIESGST is holding a Poster presentation competition to raise public awareness and provide a platform for engineers, students, and privacy enthusiasts to present their solutions for the pressing digital security challenges of our day and age.</span>
+        <div class="enigma-runnerup2">
+        <h3 class="enigma-card-winner">Winners</h3>
+        <h6 class="enigma-card-winner">Vaishnavi Parab</h6>
+        <h6 class="enigma-card-winner">Shravani Mankar</h6>
+      </div>
+      <div class="enigma-runnerup">
+        <h3 class="enigma-card-RunnerUp">Runner-Up</h3>  
+        <h6 class="enigma-card-RunnerUp">Prathmesh Zingade</h6>
+        <h6 class="enigma-card-RunnerUp">Sayali Chorghe</h6>
+      </div>
+      </div>
+      <div class="slideshow-main">
+        <img class="enigma-slideshow enigma-card-slideshow" src="images/e (1).jpg">
+        <img class="enigma-slideshow enigma-card-slideshow" src="images/e (2).jpg">
+        <img class="enigma-slideshow enigma-card-slideshow" src="images/e (3).jpg">
+        <img class="enigma-slideshow enigma-card-slideshow" src="images/e (4).jpg">
+        <img class="enigma-slideshow enigma-card-slideshow" src="images/e (5).jpg">
+        <script>
+          w3.slideshow(".enigma-slideshow", 2000);
+        </script>
+      </div>
+    </div>
+  </div>
+  <!--   /enigma   -->
+
+
+  <!--   /innovation   -->
   <div class="container">
     <h1 id="headingh" style="margin-bottom: 3rem;">INNOVATIONS 2K23 RECAP</h1>
     <div class="inovation-card-main u-clearfix1">
@@ -559,7 +592,7 @@ <h5 style="text-align:left;" class="shruti"><a href="tel:8369202047"><svg xmlns=
                         <path
                             d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" />
                       </svg></a>
-                    <a href="https://instagram.com/csisies?igshid=1r0hoy6ptchc9" target="_blank"><svg class="footer-csvg"
+                    <a href="https://www.instagram.com/csisiesgst" target="_blank"><svg class="footer-csvg"
                         xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white" class="footer-bi bi-instagram"
                         viewBox="0 0 16 16">
                         <path
@@ -572,7 +605,7 @@ <h5 style="text-align:left;" class="shruti"><a href="tel:8369202047"><svg xmlns=
                           d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                       </svg></a>
 
-                    <a href="https://www.linkedin.com/company/csi-siesgst/" target="_blank">
+                    <a href="https://www.linkedin.com/company/siesgst-csi/" target="_blank">
                       <svg class="footer-csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
                         class="footer-bi bi-linkedin" viewBox="0 0 16 16">
                         <path

style3.css

@@ -12,6 +12,7 @@
 
 .event-card-grid,
 .counter,
+.enigma,
 .inovation {
   font-family: 'Noto Sans JP', sans-serif;
 
@@ -291,6 +292,121 @@ circle {
     height: 100% !important;
   }
 }
+/* --------- /inovation---------------------------------*/
+
+/* --------- enigma---------------------------------*/
+.u-clearfix1:before,
+.u-clearfix1:after {
+  content: " ";
+  display: table;
+}
+
+.u-clearfix1:after {
+  clear: both;
+}
+
+
+.enigma-card-main {
+  background-color: rgb(228 228 228 / 15%);
+  border-bottom: 2px solid rgba(225, 225, 225, 0.3);
+  border-left: 2px solid rgba(225, 225, 225, 0.1);
+  border-right: 1px solid rgba(225, 225, 225, 0.2);
+  padding: 2%;
+  box-shadow: 0 0 5px rgba(75, 75, 75, .07);
+  z-index: 1;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  border-radius: 25px;
+  color: white;
+}
+
+.enigma-inner-card-text {
+  /* display: inline-block; */
+  text-align: justify;
+  text-justify: inter-word;
+  width: 40%;
+}
+
+/* .enigma-card-main:hover {
+  transform: scale(1.05);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
+} */
+
+.enigma-card-title {
+  color: #fdfdfd;
+  font-size: 60px;
+  font-weight: 300;
+  line-height: 60px;
+  margin: 10px 0;
+}
+
+.enigma-inner-card-description {
+  display: inline-block;
+  color: #fff;
+  /* font-weight: 300; */
+  margin: 10px 20px 10px 0;
+}
+
+.enigma-card-slideshow {
+  border-radius: 25px;
+  width: 100%;
+  margin: 2rem 0;
+  height: 400px;
+}
+
+@media (max-width:1250px) {
+  .enigma-inner-card-text {
+    width: 90%;
+    display: inline-block
+  }
+
+  .enigma-card-slideshow {
+    border-radius: 25px;
+    width: 100%;
+    height: 90%;
+  }
+
+  .enigma-runnerup2{
+    width: 48%;
+    float: right;
+
+  }
+  .enigma-runnerup{
+    width: 48%;
+
+  }
+
+  .slideshow-main {
+    width: 80%;
+  }
+
+  .enigma-inner-card-description {
+    margin: 10px 0px 20px 0;
+  }
+
+}
+
+@media (max-width:426px) {
+  .enigma-inner-card-description {
+    /* font-size: 25px; */
+  }
+  .enigma-inner-card-text {
+    width: 100%;
+  }
+  .imgm{
+    height: 100%;
+    width: 100%;
+  }
+  .imagem{
+    height: 50%;
+    margin-bottom: 5%;
+  }
+  .swiper-slide {
+    width: 100% !important;
+    height: 100% !important;
+  }
+}
 
 /* --------- /inovation---------------------------------*/