update dimensions

index.html

@@ -330,6 +330,57 @@ <h2 class="subtitle is-5 has-text-justified">
   </div>
 </section>
 
+<section class="hero">
+  <div class="hero-body">
+    <div class="container is-max-desktop">
+    <h2 class="title is-3 has-text-centered">Qualitative Results</h2>
+      <div id="teaser-carousel" class="carousel results-carousel">
+        <div class="item" style=" height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+          <!-- Your image here -->
+          <h2 class="title is-3 has-text-justified">Geo-Localization</h2>
+          <img src="static/images/dimension1.png" class="center-image" style="max-width: 100%; height: auto;"/>
+          <h2 class="subtitle is-5 has-text-justified">
+<!--            The 14 types of tasks under 4 evaluation dimensions.-->
+          </h2>
+
+        </div>
+        <div class="item" style=" height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+          <!-- Your image here -->
+          <h2 class="title is-3 has-text-justified">Scene Reasoning</h2>
+          <img src="static/images/dimension2.png" class="center-image" style="max-width: 100%; height: auto;"/>
+          <h2 class="subtitle is-5 has-text-justified">
+<!--            The view types of each task.-->
+          </h2>
+
+        </div>
+        <div class="item" style=" height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+          <!-- Your image here -->
+          <h2 class="title is-3 has-text-justified">Scene Understanding</h2>
+          <img src="static/images/dimension3.png" class="center-image" style="max-width: 100%; height: auto; top:auto; bottom: auto; align-items: center;"/>
+          <h2 class="subtitle is-5 has-text-justified">
+<!--            The statistics of UrBench. cross, sat, and str are the abbreviations for cross-view, satellite-view, and street-view. mono, pano, and multi are the-->
+<!--            abbreviations of monocular, panoramic, and multiple. MC and open means multiple-choice and open-ended, respectively.-->
+
+          </h2>
+
+        </div>
+        <div class="item" style=" height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+          <!-- Your image here -->
+          <h2 class="title is-3 has-text-justified">Object Understanding</h2>
+          <img src="static/images/dimension4.png" class="center-image" style="max-width: 100%; height: auto; top:auto; bottom: auto; align-items: center;"/>
+          <h2 class="subtitle is-5 has-text-justified">
+            <!--            The statistics of UrBench. cross, sat, and str are the abbreviations for cross-view, satellite-view, and street-view. mono, pano, and multi are the-->
+            <!--            abbreviations of monocular, panoramic, and multiple. MC and open means multiple-choice and open-ended, respectively.-->
+
+          </h2>
+
+        </div>
+    </div>
+    </div>
+
+  </div>
+
+
 
 
 <!-- Evaluation -->
@@ -357,8 +408,7 @@ <h3></h3>
 
 
         </div>
-        <h2 class="title is-3">Qualitative Results</h2>
-        <img src="./static/images/qualitative_results.png" class="center-image"/>
+
       </div>
     </div>