eat: Add header and footer to Bootstrap cards

WebOfTrust · Jan 26, 2024 · c51e1aa · c51e1aa
1 parent 9fea9c5
commit c51e1aa
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/public/js/collection.js b/public/js/collection.js
@@ -12,15 +12,20 @@ function loadCollections() {
 
                 domString += `
                 <div class="card mb-5">
-                    <div class="card-body">
+                    <div class="card-header">
                         <h2>${terms[i].term}</h2>
+                    </div>
+                    <div class="card-body">
                         <p class="card-text">
                         ${terms[i].definition}
                         </p>
+                    </div>
+                    <div class="card-footer">
                         <p class="card-text">
-                        This definition comes from: ${terms[i].organisation}
+                            This definition comes from: ${terms[i].organisation}
                         </p>
                     </div>
+
                 </div>
                 `;
             }