Video Tag added

jas7i · Jan 3, 2024 · 2f8001e · 2f8001e
1 parent c18a6e5
commit 2f8001e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 7 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -19709,4 +19709,15 @@ body.white-version .rn-btn-ulderline {
 .white-version .slider-style-6 .cd-headline span {
   color: var(--color-white) !important;
 }
-/*# sourceMappingURL=../maps/style.css.map */
+/*# sourceMappingURL=../maps/style.css.map */
+
+/* custom video css */
+p.description.myvideo {
+  display: flex;
+  justify-content: space-between;
+}
+video {
+  width: 10%;
+  border: solid;
+  border-radius: 20%;
+}
diff --git a/index.html b/index.html
@@ -642,12 +642,17 @@ <h4>High School{Class 10th}</h4>
                                     <span>4.50/5</span>
                                   </div>
                                 </div>
-                                <p class="description">
-                                  The education should be very interactual. Ut
-                                  tincidunt est ac dolor aliquam sodales.
-                                  Phasellus sed mauris hendrerit, laoreet sem
-                                  in, lobortis mauris hendrerit ante.
-                                </p>
+                                <!-- Custom video animation -->
+                                <p class="description myvideo">
+
+                                  <video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-6428996-5325334.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>
+                                  <video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-score-6609235-5558580.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>
+                                  <video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-webinar-6609240-5558585.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video><video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-quiz-6609233-5558578.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video><video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/science-education-6742497-5541935.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>
+                                  <video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-9833310-8038032.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>
+                                  <video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-stationery-6742473-5541912.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>
+                                  <video loading="lazy" muted="muted" src="https://cdnl.iconscout.com/lottie/premium/thumb/education-6428996-5325334.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>
+
+                                  </p>
                               </div>
                             </div>
                             <!-- End Single List  -->