<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%A4%A4%E0%A4%BF%E0%A4%9C %E0%A4%B5%E0%A4%BF%E0%A4%B6%E0%A5%87%E0%A4%B7 %E0%A4%95%E0%A4%BE%E0%A4%B0%E0%A5%8D%E0%A4%AF%E0%A4%95%E0%A5%8D%E0%A4%B0%E0%A4%AE %E0%A4%B8%E0%A4%AE%E0%A5%8D%E0%A4%AC%E0%A4%A8%E0%A5%8D%E0%A4%A7%E0%A5%80 %E0%A4%B8%E0%A5%82%E0%A4%9A%E0%A4%A8%E0%A4%BE %E0%A5%A4.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>