Popup
Required:
HTML
CSS
JS
Demo
HTML
<div class="popup"><button id="popup-button">Open Modal</button><div id="popup-modal" class="popup-modal"><div class="modal-content"><span class="popup-close">×</span><p>Lorem ipsum</p></div></div></div>
CSS
.popup .popup-modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}.popup .modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;}.popup .popup-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}.popup .popup-close:hover,.popup .popup-close:focus {color: #000;text-decoration: none;cursor: pointer;}
Javascript
window.addEventListener("DOMContentLoaded",function(){var modal=document.getElementById("popup-modal"),btn=document.getElementById("popup-button"),span=document.getElementsByClassName("popup-close")[0];btn.onclick=function(){modal.style.display="block"},span.onclick=function(){modal.style.display="none"},window.onclick=function(n){n.target==modal&&(modal.style.display="none")};})
Fatal error: Uncaught Error: Call to undefined function seo_url() in /home/sabalico/public_html/blueprint/pages/documentation.php:186Stack trace:#0 /home/sabalico/public_html/index.php(86): include()#1 {main} thrown in /home/sabalico/public_html/blueprint/pages/documentation.php on line 186