CINXE.COM
Consent Pages
<!DOCTYPE html> <link rel="shortcut icon" href="/media/Favicon-16by16.png"/> <html lang="en" style="height: 100%"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Consent Pages</title> <script nonce="AR96jG8fY1ErY19wnf846g=="> function handleSubmit(e) { e.preventDefault(); // using XMLHttpRequest for browser compatibility var xhr = new XMLHttpRequest(); xhr.open("POST", window.location.href, true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function () { // Call a function when the state changes. if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { // # move to unsubscribe success document.getElementById('unsubscribe-fallback').style.display = 'none'; document.getElementById('unsubscribe-success-fallback').style.display = 'block'; } else { alert('Something went wrong. Please try again.') } } } xhr.send(new URLSearchParams(new FormData(document.getElementById('unsubscribe-form'))).toString()); } </script> </head> <main style="height: 100%;"> <body style="margin:0; height: 100%;"> <div id="onsite-consent-pages-root" style="height: 100%"></div> <script nonce="AR96jG8fY1ErY19wnf846g==" id="onsite-js-bundle" type="text/javascript" src="https://static.kmail-lists.com/onsite-consent-pages/js/onsiteConsentPages.js"></script> <script nonce="AR96jG8fY1ErY19wnf846g=="> document.addEventListener('DOMContentLoaded', function () { document.getElementById('onsite-js-bundle') .addEventListener('error', function () { window.location.search.indexOf('failedJS') === -1 ? window.location.href += '&failedJS=true' : null }); }); </script> <div id="unsubscribe-fallback" style="height: 100%; display: none;"> <div style="background-color: rgb(245, 245, 245); display: flex; justify-content: center; min-height: 100%; padding-top: 40px; padding-bottom: 40px; width: 100%; box-sizing: border-box;"> <form id="unsubscribe-form" style="max-width: 100%;" method="POST"> <div style="height: fit-content; width: 558px; background-color: rgb(255, 255, 255); border: 1px none rgb(204, 204, 204); border-radius: 0px; padding: 60px; max-width: 100%; box-sizing: border-box;"> <div style="display: flex; position: relative;"> <div style="display: flex; flex-direction: column; padding: 0px; position: relative; flex: 1 1 0%;"> <style>* { margin-block: unset; }</style> <div style="width: 100%; font-family: "Helvetica Neue", Arial; color: rgb(34, 34, 34);"><h1 style="text-align: center;">Unsubscribe</h1></div> </div> </div> <div style="display: flex; position: relative;"> <div style="display: flex; flex-direction: column; padding: 10px 6px; background-color: rgba(255, 255, 255, 0); position: relative; flex: 1 1 0%;"> <div style="display: flex; width: 100%; flex-direction: column;"><label for="kl-consent-page-7eafd389433e4c48b01ba3a907d6246c" style="font-family: "Helvetica Neue", Arial; font-size: 16px; font-weight: 700; color: rgb(34, 34, 34); margin-bottom: 8px;">Enter the email you want to unsubscribe<span style="color: rgb(231, 76, 60);">*</span></label> <div style="display: flex;"><input id="kl-consent-page-7eafd389433e4c48b01ba3a907d6246c" aria-required="true" value="" name="$email" type="email" style="color: rgb(34, 34, 34); font-family: "Helvetica Neue", Arial; font-size: 16px; font-weight: 400; width: 100%; height: 50px; padding-left: 16px; border: 1px solid rgb(204, 204, 204); border-radius: 0px; box-sizing: border-box;"> </div> </div> </div> </div> <div style="display: flex; position: relative;"> <div style="display: flex; flex-direction: column; padding: 10px 6px; background-color: rgba(255, 255, 255, 0); position: relative; flex: 1 1 0%;"> <button type="submit" style="font-family: "Helvetica Neue", Arial; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); background-color: rgb(17, 85, 204); border-radius: 0px; border: 0px none rgb(34, 34, 34); height: 50px; width: 100%; padding: 0px; margin: 0px auto; cursor: pointer;"> Unsubscribe </button> </div> </div> <div style="display: flex; position: relative;"> <div style="display: flex; flex-direction: column; padding: 10px 6px; background-color: rgba(255, 255, 255, 0); position: relative; flex: 1 1 0%;"></div> </div> </div> </form> </div> </div> <div id="unsubscribe-success-fallback" style="height: 100%; display: none;"> <div style="height: 100%"> <div style="background-color: rgb(245, 245, 245); display: flex; justify-content: center; min-height: 100%; padding-top: 40px; padding-bottom: 40px; width: 100%; box-sizing: border-box;"> <div style="height: fit-content; width: 558px; background-color: rgb(255, 255, 255); border: 1px none rgb(204, 204, 204); border-radius: 0px; padding: 60px; max-width: 100%; box-sizing: border-box;"> <div style="display: flex; position: relative;"> <div style="display: flex; flex-direction: column; padding: 10px 6px; background-color: rgb(255, 255, 255); position: relative; flex: 1 1 0%;"> <style>* { margin-block: unset; }</style> <div style="width: 100%; font-family: "Helvetica Neue", Arial; color: rgb(34, 34, 34);"><h1 style="text-align: center;">You've been unsubscribed</h1></div> </div> </div> </div> </div> </div> </div> </body> <script nonce="AR96jG8fY1ErY19wnf846g==" type="application/javascript"> if (window.location.search.indexOf('failedJS') !== -1 || window.location.search.indexOf('failedAPIRequest') !== -1) { if (window.location.href.indexOf('subscriptions/unsubscribed') !== -1) { document.getElementById('onsite-consent-pages-root').style.display = 'none'; document.getElementById('unsubscribe-success-fallback').style.display = 'block'; } else if (window.location.href.indexOf('subscriptions/unsubscribe') !== -1) { document.getElementById('unsubscribe-fallback').style.display = 'block'; document.getElementById('onsite-consent-pages-root').style.display = 'none'; document.getElementById('unsubscribe-form').onsubmit = handleSubmit; } } </script> </main> </html>