<script>
// Function to show the popup
function showPopup() {
let popup = document.createElement("div");
popup.innerHTML = `
<div id="popup-overlay" style="
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;">
<div id="popup-box" style="
background: white;
padding: 20px;
width: 80%;
max-width: 500px;
text-align: center;
border-radius: 10px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);">
<center><img class="img-responsive text-center" ="width: 848px; height: 476px;" /></center>
<br>
<button id="close-popup" style="
background: red;
color: white;
border: none;
padding: 3px 4px;
cursor: pointer;
border-radius: 3px;
margin-top: 3px;">
बन्द गर्नुहोस्
</button>
</div>
</div>
`;
document.body.appendChild(popup);
// Close button functionality
document.getElementById("close-popup").addEventListener("click", function () {
document.getElementById("popup-overlay").remove();
});
}
// Show popup on page load
window.onload = function () {
showPopup();
};
</script>