✨ feat: add videos

Author: Zager-Zhang

assets/imgs/sim1.gif

@@ -141,30 +141,19 @@ <h1>System Overview</h1>
 
 <br>
 
-<!-- Benchmark Comparisons -->
-<section>
-  <div class="container">
-    <div class="warp-container">
-      <div class="row">
-        <div class="col-12 text-center">
-          <h1>Benchmark Comparisons</h1>
-          <hr style="margin-top:0px">
-          <img src="assets/imgs/apexnav_benchmark.jpg" alt="Top" width="70%">
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
+<!-- Simulation Experimental -->
+c
 
 <br>
 
-<!-- <section>
+<!-- Real-World Experiments -->
+<section>
   <div class="container">
     <div class="warp-container">
       <div class="row">
         <div class="col-12 text-center">
           <p class="text-center">
-          <h1>Experimental Scenes</h1>
+          <h1>Real-World Experiments</h1>
           <hr style="margin-top:0px">
 
           <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel" data-interval="10000">
@@ -173,20 +162,27 @@ <h1>Experimental Scenes</h1>
               <li data-target="#carouselExampleIndicators2" data-slide-to="1"></li>
               <li data-target="#carouselExampleIndicators2" data-slide-to="2"></li>
               <li data-target="#carouselExampleIndicators2" data-slide-to="3"></li>
+              <li data-target="#carouselExampleIndicators2" data-slide-to="4"></li>
+              <li data-target="#carouselExampleIndicators2" data-slide-to="5"></li>
             </ol>
             <div class="carousel-inner text-center">
               <div class="carousel-item active">
-                <img src="assets/imgs/scene1.jpg" alt="Top" width="100%">
+                <video src="assets/videos/Tv.mp4" width="80%" controls muted loop></video>
+              </div>
+              <div class="carousel-item">
+                <video src="assets/videos/Couch.mp4" width="80%" controls muted loop></video>
               </div>
               <div class="carousel-item">
-                <img src="assets/imgs/scene2.jpg" alt="Top" width="100%">
+                <video src="assets/videos/Plant.mp4" width="80%" controls muted loop></video>
               </div>
               <div class="carousel-item">
-                <img src="assets/imgs/scene3.jpg" alt="Top" width="100%">
+                <video src="assets/videos/Refrigerator.mp4" width="80%" controls muted loop></video>
               </div>
               <div class="carousel-item">
-                <img src="assets/imgs/scene4.jpg" alt="Top" width="100%">
+                <video src="assets/videos/Toilet.mp4" width="80%" controls muted loop></video>
               </div>
+              <div class="carousel-item">
+                <video src="assets/videos/Chair.mp4" width="80%" controls muted loop></video>
             </div>
             <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
               <span class="carousel-control-prev-icon" aria-hidden="true"></span>
@@ -203,7 +199,24 @@ <h1>Experimental Scenes</h1>
       </div>
     </div>
   </div>
-</section> -->
+</section>
+
+<!-- Benchmark Comparisons -->
+<section>
+  <div class="container">
+    <div class="warp-container">
+      <div class="row">
+        <div class="col-12 text-center">
+          <h1>Benchmark Comparisons</h1>
+          <hr style="margin-top:0px">
+          <img src="assets/imgs/apexnav_benchmark.jpg" alt="Top" width="70%">
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<br>
 
 
 <!-- Method Show -->