sponsors sroll bar added

Amitanand983 · Jul 5, 2024 · f773e4e · f773e4e
1 parent 1201f3b
commit f773e4e
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/style.css b/css/style.css
@@ -3828,4 +3828,29 @@ form .button-area {
       width: 70%;
       margin: auto;
   }
-}
+}
+
+/* For Sposnsorship Sliders in home page */
+.custom-slider-01 img {
+  width: 100px;
+  height: 100px;
+  /* animation: custom-scroll 6s linear infinite; */
+}
+
+.custom-slide-track-02 {
+  width: 100%;
+  display: flex;
+  gap: 3em;
+  overflow: hidden;
+}
+
+.custom-slider-01 {
+  margin-top: 50px;
+  background-color: whitesmoke;
+  padding: 5em 2em;
+}
+
+@keyframes custom-scroll{
+  0% {transform: translateX(0);}
+  100% {transform: translateX(-1000%)}
+}
diff --git a/images/gail_logo_web-page.jpg b/images/gail_logo_web-page.jpg
diff --git a/index.html b/index.html
@@ -231,9 +231,21 @@ <h1 data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".1" styl
 				<span>Advancements in Conventional Fuels and Chemicals</span>
 			</div>
 		</div>
-
 	</div>
-
+	<!--Start Sponsors logo slider
+==================================== -->
+<div>
+	<div class="evfx">
+		<p style="color: #f1d276;">Sponsors:</p>
+	</div>
+	<div class="custom-slider-01">
+			<div class="custom-slide-track-02">
+			  <div class="custom-slide">
+				<img src="/Schemcon2024-main/images/gail_logo_web-page.jpg" alt="">
+			  </div>
+		    </div>
+	</div>
+</div>
 	<!--Start About Section
 ==================================== -->
 	<section class="service-2 section" id="about">