Digital Spy Sign Up Page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <link rel="shortcut icon" type="image/png" href="https://media.sailthru.com/7of/1k8/2/8/65c553e87c072.png"> <title>Digital Spy Sign Up Page</title> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta content="width=device-width, initial-scale=1" name="viewport"> <meta content="text/html charset=UTF-8" http-equiv="Content-Type"> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } /* RESET STYLES */ img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */ a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } body { background-color:#eeeef0 } @font-face { font-family: "hearst_sans_regular"; src: url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-Regular.eot"); src: url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-Regular.eot?#iefix") format("embedded-opentype"), url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-Regular.woff") format("woff"), url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-Regular.ttf") format("truetype"), url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-Regular.svg#ywftsvg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "hearst-sans-light"; src: url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-light.eot"); src: url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-light.eot?#iefix") format("embedded-opentype"), url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-light.woff") format("woff"), url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-light.ttf") format("truetype"), url("http://www.hearst.co.uk/wp-content/themes/simplemag-child/fonts/HearstSans-light.svg#ywftsvg") format("svg"); font-weight: normal; font-style: normal; } .mobile { display: none !important; font-size 0 !important; max-height: 0 !important; line-height: 0 !important; margin: 0 !important; mso-hide: all !important; overflow: hidden !important; } .mobile img { max-height: 0 !important; width: 0 !important; } @media screen { /* hides this rule from unsupported clients */ .header { font-family: "hearst_sans_medium" } .header-sub { font-family: "hearst_sans_regular" } .text { font-family: "hearst_sans_light" } } /* MOBILE STYLES */ @media only screen and (max-width: 520px) { .img-max { width: 100% !important; max-width: 100% !important; height: auto !important; } .img-max2 { width: 80% !important; max-width: 80% !important; height: auto !important; } .img-float { display: block; float: none; margin: 0 auto 20px !important; } .max-width { max-width: 100% !important; } .mobile-wrapper { width: 85% !important; max-width: 85% !important; } .mobile-padding { padding-left: 5% !important; padding-right: 5% !important; } .mobile-nopadding { text-align:center; padding-left: 0% !important; padding-right: 0% !important; } .mobile-text { text-align:center; align: center; } *[class=hide] { display: none !important; } [class=mobile] { display: block !important; max-height: none !important; margin: 0px !important; overflow: visible !important; } *[class=mobile] img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; max-width: 100% !important; } } /* ANDROID CENTER FIX */ div[style*="margin: 16px 0;"] { margin: 0 !important; } .required-field::after { content: "*"; color: red; } #errorMessage { color: red; } .container { display: flex; padding: 5px 10px; } .column { width: 300px; } .checkbox_label { display: flex; flex-direction: column; padding: 10px 10px; } .newsletter_name { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000000; font-weight: bold; } .description { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000000; font-weight: bold; padding: 10px; } </style> <script>function st_recaptcha_1(token) { var form = document.querySelectorAll("form[data-st-form-num='1']")[0]; HTMLFormElement.prototype.submit.call(form); }</script></head> <body data-new-gr-c-s-check-loaded="14.1152.0" data-gr-ext-installed=""> <form method="post" id="checkboxForm" name="Signup Form" data-st-form-num="1"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" bgcolor="#eeeef0" class="mobile-padding" style="background: #eeeef0 url('https://hearst.emsecure.net/images/Christmas_2017/Earlybird/bg-hb.png'); padding: 15px 15px 0 15px;" valign="top"> </td></tr> <tr><td align="center" bgcolor="#eeeef0" class="mobile-padding" height="100%" style="padding: 0 15px 0 15px;" valign="top"><table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:600px;" width="100%"><tbody><tr><td align="center" bgcolor="#FFFFFF" class="section-padding" style="padding: 0 0 0 0;"><table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:600px;" width="100%"><tbody><tr><td bgcolor="#FFFFFF" align="center" style="padding: 20px 0 20px 0; border-radius: 3px 3px 0 0;" valign="top"><a href="https://www.digitalspy.com/?utm_source=crm&utm_medium=microweb&utm_campaign=DGS_SignUp_Callout_SignUp"><img height="auto" style="display: block; width:200px auto; height: autopx;" width="120" alt="Digital Spy Logo" src="https://media.sailthru.com/7of/1k8/2/e/65cca4535eef8.jpg"></a></td></tr><tr><td align="center"> <div class="container"> <div class="column"> <img width="200px" src="https://media.sailthru.com/7of/1k8/5/f/6644a351b771c.png" alt="Digital Spy"> <label class="checkbox_label"> <input type="checkbox" id="newsletter_bau" name="lists[NEWS-SPY-DIGITALSPYBAU]" value="1"> <span class="newsletter_name">Digital Spy</span> <span class="description">Sign up to our free weekly newsletter and get the very best of TV, soaps and movies with a little bit of tech, gaming and showbiz sprinkled in between, straight to your inbox.</span> </label> </div> <div class="column"> <img width="200px" src="https://media.sailthru.com/7of/1k8/5/f/664493a17f1aa.png" alt="Top of the Shops"> <label class="checkbox_label"> <input type="checkbox" id="newsletter_shops" name="lists[NEWS-SPY-TOPOFTHESHOPS]" value="1"> <span class="newsletter_name">Top of the Shops</span> <span class="description">Our essential midweek shopping round-up packed with deals, reviews, viewing recommendations plus must-buy bargains from entertainment, gaming and tech – whether you're staying in or going out. </span> </label> </div></div></td></tr></tbody></table></td></tr><tr><td align="center" bgcolor="#FFFFFF" class="section-padding" style="padding: 0 15px 0 15px;"><table border="0" cellpadding="0" cellspacing="0" class="responsive-table" style="max-width: 550px;" width="100%"><tbody><tr><td><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="center" style="padding-top:10px; padding-bottom:20px; font-family: Helvetica, Arial, sans-serif; "></td><td> <table align="center" cellpadding="0" cellspacing="0"><tbody><tr><td align="center" class="mobile-text" style="vertical-align:top; padding: 0 0 20px 0" valign="top"><font face="hearst_sans_regular, hearst_sans_regular, Arial, Helvetica, sans-serif"><span style="font-size: 18px;"><b></b></span></font><br></td></tr></tbody><tbody><tr><td align="center" class="mobile-text" style=" vertical-align:top; padding: 0 0 20px 0" valign="top"></td></tr></tbody></table><table cellspacing="0" cellpadding="2" border="0" style="width: 100%;"><tbody><tr><td><h2 class="paddingtop0 floatnone paddingbottom15" style="float: left; padding-top: 0px; padding-right: 0px; margin: 0px; font-size: 20px; font-family: Helvetica, arial, sans-serif; color: #000000;"><span style="font-size:14px;"><font style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;"><font style="font-family: hearst_sans_regular, 'hearst_sans_regular', Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;">First Name<span class="required-field"></span></font></font></span></h2></td><td><input type="TEXT" value="" style="font-size:16px;font-family: Arial, Helvetica, sans-serif;width:250px;height:34px;color:#444444;float:left;" size="40" maxlength="255" name="vars[first_name]" required id="firstName"><div data-lastpass-icon-root="true" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;"></div></td></tr><tr><td><h2 class="paddingtop0 floatnone paddingbottom15" style="float: left; padding-top: 0px; padding-right: 0px; margin: 0px; font-size: 20px; font-family: Helvetica, arial, sans-serif; color: #000000;"><span style="font-size:14px;"><font style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;"><font style="font-family: hearst_sans_regular, 'hearst_sans_regular', Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;">Surname<span class="required-field"></span></font></font></span></h2></td><td><input type="TEXT" value="" style="font-size:16px;font-family: Arial, Helvetica, sans-serif;width:250px;height:34px;color:#444444;float:left;" size="40" maxlength="255" name="vars[last_name]" required id="lastName"></td></tr><tr><td><h2 class="paddingtop0 floatnone paddingbottom15" style="float: left; padding-top: 0px; padding-right: 0px; margin: 0px; font-size: 20px; font-family: Helvetica, arial, sans-serif; color: #000000;"><span style="font-size:14px;"><font style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;"><font style="font-family: hearst_sans_regular, 'hearst_sans_regular', Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;">Email<span class="required-field"></span></font></font></span></h2></td><td><input type="email" value="" style="font-size:16px;font-family: Arial, Helvetica, sans-serif;width:250px;height:34px;color:#444444;float:left;" size="40" maxlength="255" name="email" required id="email"></td></tr><tr><td colspan="2"><input type="checkbox" id="firstPartyOptin" onclick="updateCheckboxValue(this)" name="vars[hmuk_int_email_ind]" value="Y"><span style="font-size:12px;"><input type="hidden" id="firstPartyOptinHidden" name="vars[hmuk_int_email_ind]" value="Y"><font style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;"><font style="font-family: hearst_sans_regular, 'hearst_sans_regular', Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; color: #000000;">Hearst UK will also email you about our products and services as well as discounts and offers, as detailed in our <a style="text-decoration: underline; color: #000000" target="_blank" href="http://www.hearst.co.uk/privacy-notice">Privacy Notice</a>. Please tick this box if you'd rather not receive these emails.</font></font></span></td></tr><tr><td colspan="2"><input type="checkbox" id="thirdPartyOptin" onclick="updateCheckboxValue(this)" name="vars[hmuk_ext_email_ind]" value="N"><span style="font-size:12px;"><input type="hidden" id="thirdPartyOptinHidden" name="vars[hmuk_ext_email_ind]" value="N"><font style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; color: #000000;"><font style="font-family: hearst_sans_regular, 'hearst_sans_regular', Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; color: #000000;">We would also like to email you information with offers and promotions from our <a style="text-decoration: underline; color: #000000" target="_blank" href="http://www.hearst.co.uk/privacy-notice#businesspartners">Business Partners</a>. Please tick here if you'd like to receive these emails.</font></font></span></td></tr></tbody></table><input type="hidden" name="vars[source]" value="digitalspy_titlesite_sailthru_signup_page"><p id="errorMessage" style="display:none;">Please enter a valid email address and select at least one newsletter.</p><input type="submit" onclick="validateAndSubmit(event)" id="signup" value="SIGN UP" style="cursor:pointer;display:block;width:150px;margin:30px auto 10px;font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color:#000000; border-top: 12px solid #000000; border-bottom: 12px solid #000000; border-right: 18px solid #000000; border-left: 18px solid #000000; -webkit-appearance: none;" class="st-recaptcha" data-callback="st_recaptcha_1"><noscript> <input type="hidden" name="st_no_js" value="1"> </noscript><table border="0" cellpadding="0" cellspacing="0" class="responsive-table" style="max-width: 550px;" width="100%"><tbody></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:600px;" width="96%"><tbody></tbody></table><div><table bgcolor="#eeeef0" border="0" cellpadding="0" cellspacing="0" height="141px" width="100%" style="max-width: 550px;" class="responsive-table"><tbody><tr><td align="center" style="font-size: 45px; font-family: Helvetica, Arial, sans-serif; color: #000000; font-weight:bold; padding: 50px 15px 0px 15px;" class="padding"> </td></tr><tr></tr></tbody></table></div> <script> // Checkboxes have defualt hidden inputs to capture the submit of blank checkboxes // Update values of checkboxes onclick function updateCheckboxValue(checkbox){ var hiddenInputId = checkbox.id + "Hidden"; var hiddenInput = document.getElementById(hiddenInputId); hiddenInput.value = checkbox.checked? (checkbox.id === "firstPartyOptin" ? 'Y':'N') : (checkbox.id === "thirdPartyOptin" ?"N" : "Y"); } // Validate form before submission function validateAndSubmit(event) { // Fist name, last name and email are required. If they're left blank, display error message <p> and prevent default var firstName = document.getElementById('firstName').value; var lastName = document.getElementById('lastName').value; var email = document.getElementById('email').value; // At least one newsletter is checked to enable btn submit var newsletter_junkmail = document.getElementById("newsletter_junkmail").checked; var newsletter_shops = document.getElementById("newsletter_shops").checked; var newsletter_time = document.getElementById("newsletter_time").checked; if (!firstName || !lastName || !email || (!newsletter_junkmail && !newsletter_shops && !newsletter_time)){ document.getElementById('errorMessage').style.display = 'block'; event.preventDefault(); } // If checkboxes are checked, update hidden inputs of the checkboxes. Hidden inputs have defalut values and they need to be matching the actual inputs to prevent defalut var firstPartyOptinHidden = document.getElementById('firstPartyOptinHidden'); var thirdPartyOptinHidden = document.getElementById('thirdPartyOptinHidden'); if (!document.getElementById('firstPartyOptin').checked){ firstPartyOptinHidden.value = "Y"; }else{ firstPartyOptinHidden.value = "N"; } if(!document.getElementById('thirdPartyOptin').checked){ thirdPartyOptinHidden.value = "N"; }else{ thirdPartyOptinHidden.value = "Y"; } } </script> <input type="hidden" name="profile_id" value="65e99589abd7db1214036e90"><input type="hidden" name="st_form_num" value="0"></form></body> </html><script type="text/javascript">function st_recaptcha_onload() { const submitButtons = window.self.document.querySelectorAll(".st-recaptcha"); for (var i = 0; i < submitButtons.length; i++) { submitButtons[i].addEventListener('click', function (e) { if (e.defaultPrevented) { e.stopImmediatePropagation(); } }); grecaptcha.render(submitButtons[i], {'sitekey': '6Lf8zqgoAAAAAFUUkcOQ6F63JUDRJdiz_4BCIDPj'}); } }</script><script src="https://www.google.com/recaptcha/api.js?onload=st_recaptcha_onload&render=explicit" async="" defer></script>

CINXE.COM

Digital Spy Sign Up Page