Add more photos and adjust card style (#14)

rubynz · Aug 2, 2023 · e96bb12 · e96bb12
1 parent b5392bb
commit e96bb12
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 9 deletions.
diff --git a/img/heck-kea.jpeg b/img/heck-kea.jpeg
diff --git a/index.html b/index.html
@@ -74,25 +74,19 @@ <h1 class="display-4 fw-bold">A retreat for all software developers</h1>
         <div class="col">
           <div class="row">
             <div class="col">
-              <div class="card shadow-sm">
-                <img src="./img/cheeseman-6.jpg" style="max-height: 300px; object-fit: cover" class="card-img-top" alt="Picture of mountains surrounding the ski lodge">
-              </div>
+              <img src="./img/cheeseman-6.jpg" style="max-height: 300px; object-fit: cover" class="card shadow-sm mt-4 card-img-top" alt="Picture of mountains surrounding the ski lodge">
             </div>
           </div>
 
           <div class="row">
             <div class="col">
-              <div class="card shadow-sm">
-                <img src="./img/cheeseman-2.jpg"  style="max-height: 300px; object-fit: cover" class="card-img-top" class="card-img-top" alt="Past attendees enjoying the mountain views from Mt Cockayne Ridge">
-              </div>
+              <img src="./img/cheeseman-2.jpg" style="max-height: 300px; object-fit: cover" class="card shadow-sm mt-4 card-img-top" class="card-img-top" alt="Past attendees enjoying the mountain views from Mt Cockayne Ridge">
             </div>
           </div>
         </div>
 
         <div class="col">
-          <div class="card shadow-sm">
-            <img src="./img/newstars2.jpg"  style="max-height: 600px; object-fit: cover" class="card-img-top" class="card-img-top" alt="Stars from Cheeseman - Photo from Malcolm Locke">
-          </div>
+          <img src="./img/newstars2.jpg"  style="max-height: 600px; object-fit: cover" class="card shadow-sm mt-4 card-img-top" class="card-img-top" alt="Stars from Cheeseman - Photo from Malcolm Locke">
         </div>
 
       </div>
@@ -210,6 +204,44 @@ <h4> Interested in sponsoring? We'd love to have your support.</h4>
         </div>
 
       </div>
+
+      <div id="gallery" class="my-4">
+        <div class="row">
+          <div><img src="./img/cheeseman-1.jpg" style="max-height: 300px; object-fit: cover" class="card shadow-sm card-img-top" alt="Picture of mountains surrounding the ski lodge"></div>
+        </div>
+
+        <div class="row mt-4">
+          <div>
+            <img src="./img/cheeseman-3.jpg" style="max-height: 300px; object-fit: cover" class="card shadow-sm card-img-top" alt="Picture of mountains surrounding the ski lodge">
+          </div>
+        </div>
+
+        <div class="row mt-4">
+          <div>
+            <img src="./img/retreat.jpg" style="object-fit: cover" class="card shadow-sm card-img-top" alt="Picture of mountains surrounding the ski lodge">
+          </div>
+        </div>
+
+        <div class="row mt-4">
+          <div class="col">
+            <div class="row">
+              <div>
+                <img src="./img/cheeseman-5.jpg" style="object-fit: cover" class="card shadow-sm card-img-top" alt="Picture of mountains surrounding the ski lodge">
+              </div>
+            </div>
+
+            <div class="row mt-4">
+              <div>
+                <img src="./img/heck-kea.jpeg" style="max-height: 254px; object-fit: cover" class="card shadow-sm card-img-top" alt="Picture of mountains surrounding the ski lodge">
+              </div>
+            </div>
+          </div>
+
+          <div class="col">
+            <img src="./img/cheeseman-4.jpg" style="object-fit: cover" class="card shadow-sm card-img-top" alt="Picture of mountains surrounding the ski lodge">
+          </div>
+        </div>
+      </div>
     </div>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>