add video

index.html

@@ -165,14 +165,24 @@ <h2 class="title is-3">Abstract</h2>
 <!-- Teaser video-->
 <section class="hero teaser">
   <div class="container is-max-desktop">
-    <div class="hero-body">
-      <video poster="" id="tree" autoplay controls muted loop>
-        <!-- Your video here -->
-        <source src="static/videos/fire.mp4"
-        type="video/mp4">
+    <div class="hero-body" style="display: flex; justify-content: space-around; align-items: center;">
+      <!-- Video 1 -->
+      <video poster="" id="video1" autoplay controls muted loop>
+        <source src="static/videos/fire.mp4" type="video/mp4">
+      </video>
+
+      <!-- Video 2 -->
+      <video poster="" id="video2" autoplay controls muted loop>
+        <source src="static/videos/jelly.mp4" type="video/mp4">
       </video>
-      <h2 class="subtitle has-text-centered">
-        Aliquam vitae elit ullamcorper tellus egestas pellentesque. Ut lacus tellus, maximus vel lectus at, placerat pretium mi. Maecenas dignissim tincidunt vestibulum. Sed consequat hendrerit nisl ut maximus. 
+
+      <!-- Video 3 -->
+      <video poster="" id="video3" autoplay controls muted loop>
+        <source src="static/videos/dish.mp4" type="video/mp4">
+      </video>
+
+      <h2 class="subtitle has-text-centered" style="flex-basis: 100%; text-align: center;">
+        Aliquam vitae elit ullamcorper tellus egestas pellentesque. Ut lacus tellus, maximus vel lectus at, placerat pretium mi. Maecenas dignissim tincidunt vestibulum. Sed consequat hendrerit nisl ut maximus.
       </h2>
     </div>
   </div>