popup

Popup ad

IMG Url

IMG html code

<div id = "popup" class = "hidden modal"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1130402913209900" crossorigin="anonymous"></script> <!-- Pop-up --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1130402913209900" data-ad-slot="8621089808" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <button type="button" class="close" id='close' data-dismiss="modal" style="color:Red" ><b>X</b></button> <style> #close { position: absolute; Bottom: 10%; left: 72%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); border-radius: 12px; Background-color: rgba(255,255,255,.5); color: #f70d1a; font-size: 17px; padding: 3px 3px; border: none; cursor: pointer; border-radius: 5px; } #popup { display: inline-block; opacity: 0; position: fixed; top: 20%; left: 50%; padding: 1em; transform: translateX(-50%); background: #fff; border: 1px solid #888; box-shadow: 1px 1px .5em 0 rgba(0, 0, 0, .5); transition: opacity .3s ease-in-out; z-index:99999; } #popup.hidden { display: none; } #popup.fade-in { opacity: 1; } </style> <script> window.onload = function () { /* Cache the popup. */ var popup = document.getElementById("popup"); /* Show the popup. */ popup.classList.remove("hidden"); /* Fade the popup in */ setTimeout(()=>popup.classList.add("fade-in")); /* Close the popup when a city is selected. */ document.getElementById("close").onclick = function () { /* Fade the popup out */ popup.classList.remove("fade-in"); /* Hide the popup. */ setTimeout(()=>popup.classList.add("hidden"), 300); }; }; </script></div>