- document.write('<!DOCTYPE html>');
- document.write('<html lang="en">');
- document.write(' <head>');
- document.write(' <meta charset="UTF-8">');
- document.write(' <meta http-equiv="X-UA-Compatible" content="IE=edge">');
- document.write(' <meta name="viewport" content="width=device-width, initial-scale=1.0">');
- document.write(' <title>Exit Popup</title>');
- document.write('');
- document.write(' <style>');
- document.write(' body{');
- document.write(' font-family: Verdana, Geneva, Tahoma, sans-serif;');
- document.write(' }');
- document.write(' h3{');
- document.write(' letter-spacing: -1.2px !important;');
- document.write(' }');
- document.write(' h4{');
- document.write(' letter-spacing: 0.51px !important;');
- document.write(' font-weight: normal !important;');
- document.write(' }');
- document.write(' .exit-popup {');
- document.write(' position: fixed;');
- document.write(' width: 800px !important;');
- document.write(' margin: auto;');
- document.write(' z-index: 1;');
- document.write(' background: #413f40 !important;');
- document.write(' transform: translateY(60%) scale(0);');
- document.write(' transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);');
- document.write(' }');
- document.write('');
- document.write('.exit-popup.visible {');
- document.write(' transform: translateY(60%) scale(1);');
- document.write('}');
- document.write('');
- document.write('.newsletter {');
- document.write(' width: 800px !important;');
- document.write(' max-width: 800px !important;');
- document.write(' position: absolute;');
- document.write(' top: 10%;');
- document.write(' left: 25%;');
- document.write(' transform: translate(0%, 10%);');
- document.write(' background: #fdd501 !important;');
- document.write(' ');
- document.write('}');
- document.write('');
- document.write('/* Popup-specific styles */');
- document.write('.newsletter {');
- document.write(' background: #FFF;');
- document.write(' padding: 10px;');
- document.write(' border-radius: 3px;');
- document.write('}');
- document.write('');
- document.write('.close {');
- document.write(' position: absolute;');
- document.write(' top: 5px;');
- document.write(' right: 15px;');
- document.write(' cursor: pointer;');
- document.write(' font-size: 30px;');
- document.write(' font-family: Verdana, Geneva, Tahoma, sans-serif;');
- document.write('}');
- document.write('.row{');
- document.write(' display: flex !important;');
- document.write(' flex-direction: row !important;');
- document.write(' flex-shrink: 0;');
- document.write(' width: 100%;');
- document.write(' max-width: 100%;');
- document.write(' padding-right: 1.5rem;');
- document.write(' padding-left: 1.5rem;');
- document.write(' margin-top: 1.5rem;');
- document.write('}');
- document.write('.col-xl-7{');
- document.write(' flex: 0 0 58.33333%;');
- document.write(' max-width: 58.33333%;');
- document.write('}');
- document.write('.col-xl-5{');
- document.write(' flex: 0 0 41.66667%;');
- document.write(' max-width: 41.66667%;');
- document.write('}');
- document.write('.text-center{');
- document.write(' text-align: center !important;');
- document.write('}');
- document.write('.d-flex{');
- document.write(' display: flex !important;');
- document.write('}');
- document.write('.justify-content-center{');
- document.write(' justify-content: center !important;');
- document.write('}');
- document.write('.align-items-center{');
- document.write(' align-items: center !important;');
- document.write('}');
- document.write('.gap-10{');
- document.write(' gap: 10px');
- document.write('}');
- document.write('.flex-row{');
- document.write(' flex-direction: row !important;');
- document.write('}');
- document.write('.flex-column{');
- document.write(' flex-direction: column !important;');
- document.write('}');
- document.write('.text-uppercase{');
- document.write(' text-transform: uppercase !important;');
- document.write('}');
- document.write('.mr-10{');
- document.write(' margin-right: 10px !important;');
- document.write('}');
- document.write('.mr-05{');
- document.write(' margin-right: 5px !important;');
- document.write('}');
- document.write('.sale-img{');
- document.write(' width: 100% !important;');
- document.write(' height: auto !important;');
- document.write('}');
- document.write('.mt-0{');
- document.write(' margin-top: 0 !important;');
- document.write('}');
- document.write('.mt-10{');
- document.write(' margin-top: 10px !important;');
- document.write('}');
- document.write('.mb-10{');
- document.write(' margin-bottom: 10px !important;');
- document.write('}');
- document.write('.mb-0{');
- document.write(' margin-bottom: 0 !important;');
- document.write('}');
- document.write('.sale-details{');
- document.write(' width: 500px !important;');
- document.write(' max-width: 500px !important;');
- document.write(' height: 100% !important;');
- document.write('}');
- document.write('.input-group {');
- document.write(' margin-bottom: 15px;');
- document.write(' position: relative;');
- document.write('}');
- document.write('');
- document.write('.input{');
- document.write(' width: 100% !important;');
- document.write(' height: 40px !important;');
- document.write(' border: 1px solid #cbd5e0;');
- document.write(' padding-left: 15px !important;');
- document.write(' border-radius: 5px !important;');
- document.write(' ');
- document.write('');
- document.write('');
- document.write('');
- document.write(' &.input-error {');
- document.write(' border: 1px solid red;');
- document.write('');
- document.write(' &:focus {');
- document.write(' border: 1px solid red;');
- document.write(' }');
- document.write('}');
- document.write('}');
- document.write('.error-message, #error-message-check {');
- document.write(' font-size: .85rem;');
- document.write(' color: red;');
- document.write('}');
- document.write('.icon {');
- document.write(' width: 24px;');
- document.write(' height: 24px;');
- document.write(' position: absolute;');
- document.write(' top: 10px;');
- document.write(' right: 0px;');
- document.write(' pointer-events: none;');
- document.write(' z-index: 2;');
- document.write('');
- document.write(' &.icon-success {');
- document.write(' fill: green;');
- document.write(' }');
- document.write('');
- document.write(' &.icon-error {');
- document.write(' fill: red;');
- document.write(' }');
- document.write('}');
- document.write('');
- document.write('.font-14{');
- document.write(' font-size: 14px !important;');
- document.write(' font-weight: normal !important;');
- document.write('}');
- document.write('button{');
- document.write(' background: #000 !important;');
- document.write(' color: #fff !important;');
- document.write(' border: none !important;');
- document.write(' border-radius: 5px !important;');
- document.write(' width: 105% !important;');
- document.write(' height: 40px !important;');
- document.write(' margin-top: 10px !important;');
- document.write(' margin-bottom: 5px !important;');
- document.write(' cursor: pointer;');
- document.write('}');
- document.write('.text-underline{');
- document.write(' text-decoration: underline !important;');
- document.write('}');
- document.write('.hidden{');
- document.write(' display: none;');
- document.write('}');
- document.write('');
- document.write('@media (max-width: 480px){');
- document.write(' .newsletter{');
- document.write(' max-width: 45% !important;');
- document.write(' top: 10% !important;');
- document.write(' left: 0 !important;');
- document.write(' transform: translate(0, 10%) !important;');
- document.write(' }');
- document.write(' .row{');
- document.write(' padding-left: 0rem;');
- document.write(' flex-direction: column !important;');
- document.write(' padding-top: 30px;');
- document.write(' }');
- document.write(' .col-xl-7{');
- document.write(' flex: 0 0 100% !important;');
- document.write(' max-width: 100% !important;');
- document.write(' }');
- document.write(' .col-xl-5{');
- document.write(' display: none !important;');
- document.write(' }');
- document.write(' h3{');
- document.write(' text-align: center !important;');
- document.write(' }');
- document.write(' h4{');
- document.write(' text-align: center !important;');
- document.write(' }');
- document.write(' .input{');
- document.write(' width: 95% !important;');
- document.write(' }');
- document.write(' button{');
- document.write(' width: 100% !important;');
- document.write(' }');
- document.write('}');
- document.write(' </style>');
- document.write(' </head>');
- document.write(' <body>');
- document.write(' <div class="exit-popup">');
- document.write(' <div class="newsletter">');
- document.write(' <div class="row">');
- document.write(' <div class="col-xl-7 d-flex align-items-center justify-content-center flex-column">');
- document.write(' ');
- document.write(' <h3 class="text-uppercase mt-0 mb-10">get $10 off when you sign up for</h3>');
- document.write(' <h4 class="text-uppercase mt-0 mb-10">savings,news,updates and more</h4>');
- document.write(' <form action="#" class="form">');
- document.write(' <div class="input-group mt-10">');
- document.write(' <input type="text" id="name" placeholder="your name" class="input mt-0 mb-10" />');
- document.write(' <span class="error-message"></span>');
- document.write(' <svg class="icon icon-success hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">');
- document.write(' <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />');
- document.write(' </svg>');
- document.write('');
- document.write(' <svg class="icon icon-error hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">');
- document.write(' <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />');
- document.write(' </svg>');
- document.write(' </div>');
- document.write(' <div class="input-group"> ');
- document.write(' <input type="email" id="email" placeholder="email address" class=" input mt-0 mb-10" />');
- document.write(' <span class="error-message"></span>');
- document.write(' <svg class="icon icon-success hidden hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">');
- document.write(' <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />');
- document.write(' </svg>');
- document.write('');
- document.write(' <svg class="icon icon-error hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">');
- document.write(' <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />');
- document.write(' </svg>');
- document.write(' </div>');
- document.write(' ');
- document.write(' <div class="input-group">');
- document.write(' <p class="mr-10 mt-0 mb-10 font-14"><input type="checkbox" id="conditions" class="mr-05">Check this box to receive monthly newsletter.</p>');
- document.write(' <span id="error-message-check"></span>');
- document.write(' </div>');
- document.write(' <button type="submit" class="text-center">Sign Up</button>');
- document.write(' </form>');
- document.write(' ');
- document.write(' <p class="text-underline font-14 mt-0 mb-0">Privacy Policy</p>');
- document.write('');
- document.write(' ');
- document.write(' </div>');
- document.write(' <div class="col-xl-5">');
- document.write(' <img src="https://useruploads.visualwebsiteoptimizer.com/useruploads/176372/images/339bf06d957c32e3b61f79b563f229af_offerx500.png" alt="sale_offer_image" class="sale-img"/>');
- document.write(' </div>');
- document.write(' </div>');
- document.write(' ');
- document.write(' ');
- document.write(' <span class="close">x</span>');
- document.write(' </div>');
- document.write(' </div>');
- document.write('');
- document.write(' ');
- document.write('<script>');
- document.write('//form-validation');
- document.write(' class FormValidator {');
- document.write(' constructor(form, fields) {');
- document.write(' this.form = form');
- document.write(' this.fields = fields');
- document.write(' } ');
- document.write('');
- document.write(' initialize() {');
- document.write(' ');
- document.write(' this.validateOnSubmit()');
- document.write(' }');
- document.write('');
- document.write(' validateOnSubmit() {');
- document.write(' let self = this;');
- document.write(' ');
- document.write('');
- document.write(' this.form.addEventListener(\'submit\', e => {');
- document.write(' e.preventDefault()');
- document.write(' self.fields.forEach(field => {');
- document.write(' const input = document.querySelector(`#${field}`)');
- document.write(' self.validateFields(input)');
- document.write(' })');
- document.write(' })');
- document.write(' }');
- document.write('');
- document.write(' ');
- document.write('');
- document.write(' validateFields(field) {');
- document.write('');
- document.write(' ');
- document.write(' if (field.value.trim() === "") {');
- document.write(' this.setStatus(field, "Name field can\'t be blank", "error")');
- document.write(' } else {');
- document.write(' this.setStatus(field, null, "success")');
- document.write(' }');
- document.write('');
- document.write(' ');
- document.write(' if (field.type === "email") {');
- document.write(' const re = /\\S+@\\S+\\.\\S+/');
- document.write(' if (re.test(field.value)) {');
- document.write(' this.setStatus(field, null, "success")');
- document.write(' } else {');
- document.write(' this.setStatus(field, "Please enter valid email address", "error")');
- document.write(' }');
- document.write(' }');
- document.write(' ');
- document.write(' if(conditions.checked == false){');
- document.write(' let errorCheck = document.getElementById("error-message-check");');
- document.write(' errorCheck.innerHTML="This field is required";');
- document.write(' }else{');
- document.write(' let errorCheck = document.getElementById("error-message-check");');
- document.write(' errorCheck.innerHTML="";');
- document.write(' }');
- document.write('');
- document.write(' ');
- document.write('}');
- document.write('');
- document.write(' setStatus(field, message, status) {');
- document.write(' const successIcon = field.parentElement.querySelector(\'.icon-success\')');
- document.write(' const errorIcon = field.parentElement.querySelector(\'.icon-error\')');
- document.write(' const errorMessage = field.parentElement.querySelector(\'.error-message\')');
- document.write('');
- document.write(' if (status === "success") {');
- document.write(' if (errorIcon) { errorIcon.classList.add(\'hidden\') }');
- document.write(' if (errorMessage) { errorMessage.innerText = "" }');
- document.write(' successIcon.classList.remove(\'hidden\')');
- document.write(' field.classList.remove(\'input-error\')');
- document.write(' }');
- document.write('');
- document.write(' if (status === "error") {');
- document.write(' if (successIcon) { successIcon.classList.add(\'hidden\') }');
- document.write(' field.parentElement.querySelector(\'.error-message\').innerText = message');
- document.write(' errorIcon.classList.remove(\'hidden\')');
- document.write(' field.classList.add(\'input-error\')');
- document.write(' }');
- document.write(' ');
- document.write(' }');
- document.write(' ');
- document.write(' ');
- document.write('}');
- document.write('');
- document.write('const form = document.querySelector(\'.form\')');
- document.write('const fields = ["name", "email"]');
- document.write('');
- document.write('const validator = new FormValidator(form, fields)');
- document.write('validator.initialize()');
- document.write('');
- document.write('');
- document.write('');
- document.write('//cookie.js');
- document.write('');
- document.write(' const CookieService = {');
- document.write(' setCookie(name, value, days) {');
- document.write(' let expires = \'\';');
- document.write('');
- document.write(' if (days) {');
- document.write(' const date = new Date();');
- document.write(' date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));');
- document.write(' expires = \'; expires=\' + date.toUTCString();');
- document.write(' }');
- document.write('');
- document.write(' document.cookie = name + \'=\' + (value || \'\') + expires + \';\';');
- document.write(' },');
- document.write('');
- document.write(' getCookie(name) {');
- document.write(' const cookies = document.cookie.split(\';\');');
- document.write('');
- document.write(' for (const cookie of cookies) {');
- document.write(' if (cookie.indexOf(name + \'=\') > -1) {');
- document.write(' return cookie.split(\'=\')[1];');
- document.write(' }');
- document.write(' }');
- document.write('');
- document.write(' return null;');
- document.write(' }');
- document.write('};');
- document.write('//popup.js');
- document.write(' const exit = e => {');
- document.write(' const shouldExit =');
- document.write(' [...e.target.classList].includes(\'exit-popup\') ||');
- document.write(' e.target.className === \'close\' || ');
- document.write(' e.keyCode === 27;');
- document.write('');
- document.write(' if (shouldExit) {');
- document.write(' document.querySelector(\'.exit-popup\').classList.remove(\'visible\');');
- document.write(' }');
- document.write(' };');
- document.write('');
- document.write(' const mouseEvent = e => {');
- document.write(' const shouldShowExitIntent = ');
- document.write(' !e.toElement && ');
- document.write(' !e.relatedTarget &&');
- document.write(' e.clientY < 10;');
- document.write('');
- document.write(' if (shouldShowExitIntent) {');
- document.write(' document.removeEventListener(\'mouseout\', mouseEvent);');
- document.write(' document.querySelector(\'.exit-popup\').classList.add(\'visible\');');
- document.write('');
- document.write(' CookieService.setCookie(\'exitIntentShown\', true, 20);');
- document.write(' }');
- document.write(' };');
- document.write('');
- document.write(' if (!CookieService.getCookie(\'exitIntentShown\')) {');
- document.write(' setTimeout(() => {');
- document.write(' document.addEventListener(\'mouseout\', mouseEvent);');
- document.write(' document.addEventListener(\'keydown\', exit);');
- document.write(' document.querySelector(\'.exit-popup\').addEventListener(\'click\', exit);');
- document.write(' }, 0);');
- document.write(' }');
- document.write('');
- document.write('');
- document.write('');
- document.write('</script>');
- document.write('</body>');
- document.write('</html>');
[text] Exit_popup
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Editor
You can edit this paste and save as new: