]nbmbmbnmbnmbnmnbnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn
/
mnt
/
md0
/
keyretouch
/
public_html
/
Upload FileeE
HOME
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>Form Popup</title> <link rel="stylesheet" type="text/css" href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> <script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script> <script type='text/javascript' src="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> <style> @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } </style> </head> <body> <div id="popupBox"> <div class="popupContent"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam consequat viverra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eleifend nisi et justo rutrum sagittis. Integer velit dolor, finibus a turpis sed, pulvinar feugiat nulla. </p> <button class="closebutton" onclick="closePopup()" value="close"/> Close </button> </div> </div> <a href="#" onclick="openPopup()" value="open"/> Open pop-up </a> <script> function openPopup() { const box = document.getElementById('popupBox') box.style.animationName = 'fadepopup'; document.getElementById('popupBox').style.display = 'block' } </script> </body> </html>