Modals

data/Kultur/0200_kultur_unikt.md

@@ -35,9 +35,29 @@ Portugal formår at kombinere historie, musik og mad med en afslappet livsstil.
 
 <h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
 
+<!-- Button to open Modal 1 -->
+<button onclick="openModal('modal1')" class="open">Open Modal 1</button>
 
-   
+<!-- Button to open Modal 2 -->
+<button onclick="openModal('modal2')" class="open_inv">Open Modal 2</button>
 
+<!-- Modal 1 -->
+<div class="modal" id="modal1">
+    <div class="modal-content">
+        <h2>Modal 1</h2>
+        <p>This is the first modal.</p>
+        <button onclick="closeModal('modal1')">Close</button>
+    </div>
+</div>
+
+<!-- Modal 2 -->
+<div class="modal" id="modal2">
+    <div class="modal-content">
+        <h2>Modal 2</h2>
+        <p>This is the second modal.</p>
+        <button onclick="closeModal('modal2')">Close</button>
+    </div>
+</div>
 
 ### Slider test
     {{ slider(options={"width": 500, "height": 375}, images=[