Modals

data/Kultur/index.html

@@ -59,6 +59,28 @@
 <p>Portugal formår at kombinere historie, musik og mad med en afslappet livsstil. Det er en kultur, der er lige så rig på oplevelser, som den er på sjæl.  </p>
 <h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
 
+<!-- Button to open Modal 1 -->
+<p><button onclick="openModal('modal1')" class="open">Open Modal 1</button></p>
+<!-- Button to open Modal 2 -->
+<p><button onclick="openModal('modal2')" class="open_inv">Open Modal 2</button></p>
+<!-- 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>
+
 <h3>Slider test</h3>
 <pre><code>
     <main>