HTMLify
tanu.html
Views: 455 | Author: djdj
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Uncloseable Pop-Up</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; overflow: hidden; } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .popup-content { position: relative; margin: 10% auto; padding: 20px; width: 50%; background-color: white; border-radius: 10px; text-align: center; } .close-btn { position: absolute; top: 10px; right: 20px; font-size: 30px; cursor: pointer; } </style> </head> <body> <h1>Welcome in Menzii!!</h1> <div id="popup" class="popup"> <div class="popup-content"> <!--<span id="close-btn" class="close-btn">×</span>--> <h2>Important Notice</h2> <p>This is an important message. Please read it carefully. <a href="login.html">Login</a></p> </div> </div> <script> // pop-up show after 3 seconds setTimeout(function() { document.getElementById('popup').style.display = 'block'; }, 3000); document.getElementById('close-btn').addEventListener('click', function() { document.getElementById('popup').style.display = 'none'; }); </script> </body> </html> |