پورس کے ہاتھی از نسیم حجازی

جس نےنہ چاہتے ہوئے بہت

/* container */ .kmd-wrap { text-align:center; margin:18px 0; font-family: Arial, sans-serif; } /* button */ .kmd-btn { display:inline-block; width:300px; max-width:90%; padding:12px 18px; border-radius:50px; background:#000; color:#ffff; font-size:18px; font-weight:800; border:0; cursor:pointer; box-shadow:0 0 12px rgba(0,255,255,0.08); text-align:center; } /* popup overlay */ .kmd-popup-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; justify-content:center; align-items:center; } /* popup box */ .kmd-popup-box { background:#fff; max-width:90%; max-height:90%; border-radius:10px; overflow:auto; position:relative; padding:10px; } /* close button */ .kmd-close { position:absolute; top:10px; right:15px; font-size:24px; font-weight:bold; color:#000; cursor:pointer; } /* popup content (image responsive) */ .kmd-popup-box img { max-width:100%; height:auto; display:block; margin:0 auto; } (function(){ const btn = document.getElementById(‘kmd-download-btn’); const popup = document.getElementById(‘kmd-popup’); const closeBtn = document.getElementById(‘kmd-close’); // show popup btn.addEventListener(‘click’, function(){ popup.style.display = “flex”; }); // close popup closeBtn.addEventListener(‘click’, function(){ popup.style.display = “none”; }); // click outside to close popup.addEventListener(‘click’, function(e){ if(e.target === popup){ popup.style.display = “none”; } }); })();