<!-- Popup overlay container --> 
<div id="popup-overlay"> 
  <!-- Popup content --> 
  <div id="popup-content"> 
  <!-- Close button --> 
  <span id="popup-close">&times;</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>