Adds captions to images and tweaks section layout

GSTT-CSC · Dec 21, 2023 · 0cd3986 · 0cd3986
1 parent 565f7b4
commit 0cd3986
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/app/main/templates/index.html b/app/main/templates/index.html
@@ -34,7 +34,7 @@ <h3 class="h3 pb-3">
         </section>
 
         <!-- Task List -->
-        <section class="pb-5">
+        <section>
             <div class="row">
                 <h2 class="h2 pb-3">HAZEN Tasks</h2>
                 <p class="p-front-page lead">
@@ -48,27 +48,29 @@ <h2 class="h2 pb-3">HAZEN Tasks</h2>
                 </p>
             </div>
 
-            <div class="hazen-dotted-horizontal-line py-3"></div>
         </section>
 
         <!-- Example Images -->
         <section class="pb-5">
             <div class="row py-3">
                 <div class="col">
                     <img src="{{url_for('static', filename = 'images/sp_res.jpg') }}" class="card-img-top">
+                    <p class="p-front-page pt-2">Spatial Resolution Task</p>
                 </div>
                 <div class="col">
                     <img src="{{url_for('static', filename = 'images/uniformity.jpg') }}" class="card-img-top">
+                    <p class="p-front-page pt-2">Uniformity Task</p>
                 </div>
                 <div class="col">
                     <img src="{{url_for('static', filename = 'images/ghost.jpg') }}" class="card-img-top">
+                    <p class="p-front-page pt-2">Ghosting Task</p>
                 </div>
             </div>
 
             <div class="hazen-dotted-horizontal-line py-3"></div>
         </section>
 
-        <!-- Introductory Text -->
+        <!-- Hazen Developers -->
         <section class="pb-5">
             <div class="row">
                 <h2 class="h2 pb-3">HAZEN Developers</h2>