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 lang="auto"> <head> <base href="https://link.digitalspy.co.uk/join/signup-digital-spy"> <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; } </style> <script>function st_recaptcha_1(token) { var form = document.querySelectorAll("form[data-st-form-num='1']")[0]; HTMLFormElement.prototype.submit.call(form); }</script> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="en"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=corsproxy" data-sourceurl="https://link.digitalspy.co.uk/join/signup-digital-spy"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://link.digitalspy.co.uk/join/signup-digital-spy"></script> <meta name="robots" content="none"> </head> <body data-new-gr-c-s-check-loaded="14.1152.0" data-gr-ext-installed=""> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=navigationui" data-environment="prod" data-proxy-url="https://link-digitalspy-co-uk.translate.goog" data-proxy-full-url="https://link-digitalspy-co-uk.translate.goog/join/signup-digital-spy?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-source-url="https://link.digitalspy.co.uk/join/signup-digital-spy" data-source-language="auto" data-target-language="en" data-display-language="en-GB" data-detected-source-language="en" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://link.digitalspy.co.uk/join/signup-digital-spy&anno=2" data-client="tr"></script> <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://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.digitalspy.com/?utm_source%3Dcrm%26utm_medium%3Dmicroweb%26utm_campaign%3DDGS_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"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.digitalspy.com/?utm_source%3Dcrm%26utm_medium%3Dmicroweb%26utm_campaign%3DDGS_SignUp_Callout_SignUp"><img alt="Digital Spy Newsletter" class="img-max" height="273" style="display: block; font-family: sans-serif; font-size: 16px; color: #999999; width: 600px; height: 273px;" width="600" border="0" src="https://media.sailthru.com/7of/1k8/3/q/6602c9bca9efd.jpg"></a></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>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.</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> <form method="post" id="checkboxForm" name="Signup Form" data-st-form-num="1">  <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="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=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="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=http://www.hearst.co.uk/privacy-notice%23businesspartners">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="lists[NEWS-SPY-DIGITALSPYBAU]" value="1"><input type="hidden" name="vars[source]" value="digitalspy_titlesite_sailthru_signup_page"> <p id="errorMessage" style="display:none;">Please enter a valid email address.</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><input type="hidden" name="profile_id" value="65e99589abd7db1214036e90"><input type="hidden" name="st_form_num" value="0"> </form> <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; if (!firstName || !lastName || !email){ 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> <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> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'en', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en-GB&client=wt" type="text/javascript"></script> </body> </html>

CINXE.COM

Digital Spy Sign Up Page