diff --git a/templates/base.html b/templates/base.html
index 0243b9e..48516fd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -52,5 +52,24 @@
         <span id="progress-value">&#x2191;</span>
     </div>
     <script src="/static/js/back_to_top.js"></script>
+    <div id="notificationModal" class="modal-overlay" style="display: none;">
+        <div class="modal-content">
+            <h4 id="notificationTitle">Notification</h4>
+            <p id="notificationBody"></p>
+            <div class="modal-buttons">
+                <button id="notificationCloseBtn" class="btn btn-primary">OK</button>
+            </div>
+        </div>
+    </div>
+    <div id="confirmationModal" class="modal-overlay" style="display: none;">
+        <div class="modal-content">
+            <h4 id="modalTitle">Confirm Action</h4>
+            <p id="modalBody">Are you sure you want to proceed with this action?</p>
+            <div class="modal-buttons">
+                <button id="modalConfirmBtn" class="btn btn-danger">Confirm</button>
+                <button id="modalCancelBtn" class="btn btn-secondary">Cancel</button>
+            </div>
+        </div>
+    </div>
 </body>
 </html>