I Have Secret Tricks To Double Your Website Earning!

I Have Secret Tricks To Double Your Website Earning |हेल्लो दोस्तों अपका स्वागत है आज के एस फ्रेश आर्टिकल्स में ,sसब से पहले आप डायरेक्ट एस आर्टिकल पे आये है तो पहले वीडियो देखना जरुरी है ,एस के बाद आपको समाज में आएगा.

Require Code

Copy below code and paste into your wordpress theme header.php and footer.php file and done.

CSS Code

<style>
.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);
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
</style>

HTML Code

<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal">

  <div class="modal-content">
    <span class="close">×</span>
    <p>Some text in the Modal..</p>
  </div>

</div>

JavaScript Code

<script>
var modal = document.getElementById('myModal');

var btn = document.getElementById("myBtn");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
    modal.style.display = "block";
}

span.onclick = function() {
    modal.style.display = "none";
}

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>