[temp]

index.html

@@ -99,6 +99,93 @@
       </nav>
 
 
+      <section class="hero-section" id="section_1">
+        <div class="section-overlay"></div>
+
+        <div class="container d-flex justify-content-center align-items-center">
+          <div class="row">
+
+            <div class="col-12 mt-auto mb-5 text-center">
+
+
+              <h1 class="logo text-white mb-5"></h1>
+
+              <a class="btn custom-btn smoothscroll" href="#section_2">Explore</a>
+            </div>
+
+            <div class="col-lg-12 col-12 mt-auto d-flex flex-column flex-lg-row text-center header-bottom-sec">
+              <div class="date-wrap">
+                <h5 class="text-white">
+                  <i class="custom-icon bi-clock me-2"></i>
+                  4 - 5<sup>th</sup>, Nov 2023
+                </h5>
+              </div>
+
+              <!-- timer -->
+
+              <div class="countdown-container">
+                <div class="countdown">
+                  <div class="countdown-number">
+                    <span class="days countdown-time"></span>
+                    <span class="countdown-text">Days</span>
+                  </div>
+                  <div class="countdown-number">
+                    <span class="hours countdown-time"></span>
+                    <span class="countdown-text">Hours</span>
+                  </div>
+                  <div class="countdown-number">
+                    <span class="minutes countdown-time"></span>
+                    <span class="countdown-text">Minutes</span>
+                  </div>
+                  <div class="countdown-number">
+                    <span class="seconds countdown-time"></span>
+                    <span class="countdown-text">Seconds</span>
+                  </div>
+                </div>
+              </div>
+
+              <div class="location-wrap ml-auto py-3 py-lg-0">
+                <h5 class="text-white">
+                  <i class="custom-icon bi-geo-alt me-2"></i>
+                  SJCET,Palai
+                </h5>
+              </div>
+
+              <!-- <div class="social-share">
+                <ul class="social-icon d-flex align-items-center justify-content-center">
+                  <span class="text-white me-3">Share:</span>
+
+                  <li class="social-icon-item">
+                    <a href="#" class="social-icon-link">
+                      <span class="bi-facebook"></span>
+                    </a>
+                  </li>
+
+                  <li class="social-icon-item">
+                    <a href="#" class="social-icon-link">
+                      <span class="bi-twitter"></span>
+                    </a>
+                  </li>
+
+                  <li class="social-icon-item">
+                    <a href="#" class="social-icon-link">
+                      <span class="bi-instagram"></span>
+                    </a>
+                  </li>
+                </ul>
+              </div> -->
+            </div>
+          </div>
+        </div>
+
+        <div class="video-wrap">
+          <video autoplay="" loop="" muted="" class="custom-video" poster="">
+            <source src="video/vid2.mp4" type="video/mp4">
+
+            Your browser does not support the video tag.
+          </video>
+        </div>
+      </section>
       <section class="hero-section" id="section_1">
         <div class="section-overlay"></div>