Change order

index.html

@@ -342,6 +342,26 @@ <h2 class="title is-3">Interactive Task Planning</h2>
     </div>
     <br>
 
+    <div class="columns is-centered has-text-centered">
+      <div class="column is-four-fifths">
+        <h2 class="title is-3">Human Motion Forecasting</h2>
+        <div class="publication-video">
+          <!-- align left -->
+
+
+
+          <img src="./static/images/hmf.png">
+          <br>
+          <br>
+          <p align="left">
+            <b>Real-time Forecasting and Planning.</b> 
+            Given an RGB-D scene image, a pose detector extracts the human's 2D pose, which is converted to 3D coordinates using the camera's depth map. The motion forecaster predicts future human motion, which is used by the robot to plan actions.
+          </p>
+
+        </div>
+      </div>
+    </div>
+
     <div class="columns is-centered has-text-centered">
       <div class="column is-four-fifths">
         <h2 class="title is-3">Visuomotor Skills</h2>
@@ -371,25 +391,7 @@ <h2 class="title is-3">Visuomotor Skills</h2>
       </div>
     </div>
 
-    <div class="columns is-centered has-text-centered">
-      <div class="column is-four-fifths">
-        <h2 class="title is-3">Human Motion Forecasting</h2>
-        <div class="publication-video">
-          <!-- align left -->
-
-
-
-          <img src="./static/images/hmf.png">
-          <br>
-          <br>
-          <p align="left">
-            <b>Real-time Forecasting and Planning.</b> 
-            Given an RGB-D scene image, a pose detector extracts the human's 2D pose, which is converted to 3D coordinates using the camera's depth map. The motion forecaster predicts future human motion, which is used by the robot to plan actions.
-          </p>
-
-        </div>
-      </div>
-    </div>
+
 
     <!-- <br> -->
   </div>