<!-- Popup overlay container --> <div id="popup-overlay"> <!-- Popup content --> <div id="popup-content"> <!-- Close button --> <span id="popup-close">×</span> <!-- Event image --> <img id="popup-image" src="your-image-url-here" alt="Event Promotion"> <!-- More information link --> <a id="popup-link" href="your-event-link-here" target="_blank">More Information</a> </div> </div> <!-- Script to handle the popup --> <script> // Show the popup function showPopup() { document.getElementById('popup-overlay').style.display = 'flex'; } // Hide the popup document.getElementById('popup-close').onclick = function() { document.getElementById('popup-overlay').style.display = 'none'; } // Show the popup after a delay (e.g., 3 seconds) setTimeout(showPopup, 3000); </script>