--- a
+++ b/web/hiring/hiring-modal.js
@@ -0,0 +1,29 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const modalContainer = document.querySelector('.modal-container');
+    const closeModalButton = document.querySelector('.close-modal');
+    const applicationForm = document.getElementById('application-form');
+
+    // Function to open the modal
+    function openModal() {
+        modalContainer.classList.add('active');
+    }
+
+    // Function to close the modal
+    function closeModal() {
+        modalContainer.classList.remove('active');
+    }
+
+    // Event listener for close button
+    closeModalButton.addEventListener('click', closeModal);
+
+    // Event listener for form submission
+    applicationForm.addEventListener('submit', function(event) {
+        event.preventDefault();
+        // Handle form submission logic here
+        alert('Application submitted successfully!');
+        closeModal();
+    });
+
+    // Open the modal when the page loads
+    openModal();
+});