<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" src="/sites/dorambamun.gov.np/files/%E0%A5%AB%E0%A5%A6 %E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A4%A4%E0%A4%BF%E0%A4%B6%E0%A4%A4 %E0%A4%85%E0%A4%A8%E0%A5%81%E0%A4%A6%E0%A4%BE%E0%A4%A8%E0%A4%AE%E0%A4%BE %E0%A4%97%E0%A5%8B%E0%A4%B2%E0%A4%BE %E0%A4%B8%E0%A4%B9%E0%A4%BF%E0%A4%A4 %E0%A4%AE%E0%A5%8C%E0%A4%B0%E0%A5%80 %E0%A4%98%E0%A4%BE%E0%A4%B0 %E0%A4%B5%E0%A4%BF%E0%A4%A4%E0%A4%B0%E0%A4%A3.jpg" style="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>