SCRIPT Popup Age Verification

Netbax Online Editor Try it Yourself

<div id="bax" class="bax1 bax2">
    <div class="bax3"></div>
    <div class="bax4">
        <p>ARE YOU OVER 18?</p>
        <p>THIS SITE WANTS YOUR CONSENT</p>
        
      
        <div align="center">
            <button class="bax5 bax6" onclick="location.href='https://www.netbax.net/';">Enter 18+</button>
            <button class="bax5 bax7" onclick="location.href='#';">18 -</button>
        </div>
    </div>
</div>

}
    }
    .bax3 {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.85);
        position: fixed;
        display: none;
        z-index: 99;
    }
    .bax4 {
        padding: 40px;
        width: 50%;
        position: fixed; left: 45%; top: 40%;
        height: auto;
        margin-top: -100px;
        margin-left: -25%;
        background: #000;
        display: none;
        z-index: 100;
        text-align: center;
        border-radius: 3px;
color: #fff;
    }
    .bax5 {border: none;color: #fff;padding: 10px 30px;cursor:pointer;}
    .hidden {display: none !important;}
    .bax2 .bax4, .bax2 .bax3 {display: block;}
    .bax6 {border: 1px solid #1ba38c;background: none;color:#1ba38c;}
    .bax6:hover{background: #1ba38c;color:#fff;}
    .bax7 {border: 1px solid #ca5a5b;background: none;color: #ca5a5b;}
    .bax7:hover{background:#ca5a5b;color:#fff;}
    .bax7, .bax6 {transition: .1s linear all;}
    .cButtonThird {background:none;color: #a2a2a2 !important;margin-top: 10px;font-size: 0.9rem;}

</style>

openDialog("bax");
    document.querySelector('.bax6').addEventListener("click", function(){
      localStorage.setItem('bax8','true');
      document.querySelector('#bax').remove();
    });

</script>