📃 docs: add sys(next method)

index.html

@@ -76,10 +76,6 @@ <h6 style="line-height: 26px;">
                   role="button" target="_blank">
                   <i class="fa fa-video-camera"></i> Video </a> </p>
             </div>
-            <!-- <div class="column">
-                <p class="mb-5"><a class="btn btn-large btn-light" href="https://github.com/SYSU-STAR/MASSTAR" role="button"  target="_blank">
-                  <i class="fa fa-desktop"></i> Demo </a> </p>
-            </div> -->
           </div>
         </div>
       </div>
@@ -99,12 +95,14 @@ <h6 style="line-height: 26px;">
   }
 </style>
 
+<!-- Abstract -->
 <section>
   <div class="container">
     <div class="warp-container">
       <div class="row">
         <div class="col-12 text-center">
-          <h4>Abstract</h4>
+          <h3>Abstract</h3>
+          <hr style="margin-top:0px">
           <div class="text-container">
             Unmanned Aerial Vehicles (UAVs) have gained significant popularity in scene reconstruction. In this paper,
             we introduce FC-Hetero, a LiDAR-Visual heterogeneous multi-UAV system designed specifically for fast aerial
@@ -122,18 +120,75 @@ <h4>Abstract</h4>
           <!-- <img src="assets/imgs/top.jpg" alt="Top" width="65%"> -->
           <img src="https://raw.githubusercontent.com/SYSU-STAR/FC-Hetero/gh_pages/assets/imgs/top.jpg" alt="Top"
             width="65%">
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<br>
+
+<!-- System Overview -->
+<section>
+  <div class="container">
+    <div class="warp-container">
+      <div class="row">
+        <div class="col-12 text-center">
+          <h3>System Overview</h3>
           <hr style="margin-top:0px">
+          <img src="assets/imgs/FC_Hetero_pipeline.png" alt="Top" width="90%">
+          <!-- <img src="https://raw.githubusercontent.com/SYSU-STAR/FC-Hetero/gh_pages/assets/imgs/FC_Hetero_pipeline.png" alt="Top"
+            width="90%"> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<br>
+
+<!-- Method Show -->
+<!-- <section>
+  <div class="container">
+    <div class="warp-container">
+      <div class="row">
+        <div class="col-12 text-center">
           <p class="text-center">
-          <h4>TODO</h4>
+            <h3>Method</h3>
+            <hr style="margin-top:0px">
+          <div class="text-container">
+            
+          </div>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section> -->
+
+<!-- TODO -->
+<section>
+  <div class="container">
+    <div class="warp-container">
+      <div class="row">
+        <div class="col-12 text-center">
+          <p class="text-center">
+            <h3>TODO</h3>
+            <hr style="margin-top:0px">
           <div class="text-container">
             In the coming days, we'll be unveiling additional technical details and more demos of various scenarios.
             Stay tuned for updates on our website!
           </div>
-
           </p>
         </div>
       </div>
     </div>
   </div>
 </section>
-<!-- <br> -->
+
+<hr style="margin-top:0px">
+<div class="container">
+  <footer class="text-center" style="margin-bottom:10px">
+    This website is adapted from <a href="https://liuyuan-pal.github.io/SyncDreamer/" target="_blank">SyncDreamer</a>.
+  </footer>
+</div>