Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="x-apple-disable-message-reformatting">
 <title>One day to go... will you WIN a prize?</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<link href="../CSS/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../JavaScript/facebox.js"></script>
<script type="text/javascript" src="../JavaScript/FBLike.js"></script>


 <!-- Web Font / @font-face : BEGIN -->
 <!--[if mso]>
 <style>
 * {
 font-family: Arial, Helvetica, sans-serif !important;
 }
 </style>
 <![endif]-->
 <!--[if !mso]><!-->
 <style>

 @media screen {
 @font-face {
 font-family: 'campton_light';
 src: url('https://ccasset.azureedge.net/3492/campton_light.woff') format('woff'),
 url('https://ccasset.azureedge.net/3492/campton_light.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }
 @font-face {
 font-family: 'campton_book';
 src: url('https://ccasset.azureedge.net/3492/campton_book.woff') format('woff'),
 url('https://ccasset.azureedge.net/3492/campton_book.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }
 @font-face {
 font-family: 'campton_semibold';
 src: url('https://ccasset.azureedge.net/3492/campton_semibold.woff') format('woff'),
 url('https://ccasset.azureedge.net/3492/campton_semibold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }
 }
 @media screen and (-webkit-min-device-pixel-ratio: 0), and (min--moz-device-pixel-ratio: 0) {
 #normal {
 font-weight: normal !important;
 }
 }

 </style>
 <!--<![endif]-->
 <!-- Web Font / @font-face : END -->

 <!-- CSS Reset : BEGIN -->
 <style>

 html,
 body {
 margin: 0 auto !important;
 padding: 0 !important;
 height: 100% !important;
 width: 100% !important;
 }
 * {
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 }
 div[style*="margin: 16px 0"] {
 margin: 0 !important;
 }
 table,
 td {
 mso-table-lspace: 0pt !important;
 mso-table-rspace: 0pt !important;
 }
 table {
 border-spacing: 0 !important;
 border-collapse: collapse !important;
 table-layout: fixed !important;
 margin: 0 auto !important;
 }
 table table table {
 table-layout: auto;
 }
 img {
 -ms-interpolation-mode:bicubic;
 }
 *[x-apple-data-detectors],
 .x-gmail-data-detectors,
 .x-gmail-data-detectors *,
 .aBn {
 border-bottom: 0 !important;
 cursor: default !important;
 color: inherit !important;
 text-decoration: none !important;
 font-size: inherit !important;
 font-family: inherit !important;
 font-weight: inherit !important;
 line-height: inherit !important;
 }
 .a6S {
 display: none !important;
 opacity: 0.01 !important;
 }
 img.g-img + div {
 display: none !important;
 }
 #MessageViewBody a {
 color: inherit;
 text-decoration: none;
 font-size: inherit;
 font-family: inherit;
 font-weight: inherit;
 line-height: inherit;
 }
 .copyright a {
 color: #656565 !important;
 text-decoration: none !important;
 }
 a {
 text-decoration: none;
 }
 @media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
 .email-container {
 min-width: 320px !important;
 }
 }
 @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
 .email-container {
 min-width: 375px !important;
 }
 }
 @media only screen and (min-device-width: 414px) {
 .email-container {
 min-width: 414px !important;
 }
 }

 </style>
 <!-- CSS Reset : END -->

 <!-- Progressive Enhancements : BEGIN -->
 <style>

 @media screen and (max-width: 620px) {
 .email-container {
 width: 100% !important;
 margin: auto !important;
 }
 .fluid {
 max-width: 100% !important;
 width: 100% !important;
 height: auto !important;
 margin-left: auto !important;
 margin-right: auto !important;
 }
 .stack-column,
 .stack-column-center {
 display: block !important;
 width: 100% !important;
 max-width: 100% !important;
 direction: ltr !important;
 }
 .stack-column-center {
 text-align: center !important;
 }
 .center-on-narrow {
 text-align: center !important;
 display: block !important;
 margin-left: auto !important;
 margin-right: auto !important;
 float: none !important;
 }
 table.center-on-narrow {
 display: inline-block !important;
 }
 .hide-content {
 display: none !important;
 max-height: 0 !important;
 mso-hide: all !important;
 overflow: hidden !important;
 visibility: hidden !important;
 }
 .collapse-height {
 height: 0 !important;
 }
 .logo-shift {
 padding-left: 10px !important;
 }
 .border-0 {
 border: none !important;
 }
 .padding-0 {
 padding: 0px !important;
 }
 .padding-x-0 {
 padding-left: 0px !important;
 padding-right: 0px !important;
 }
 .padding-x-10 {
 padding-left: 10px !important;
 padding-right: 10px !important;
 }
 .padding-x-20 {
 padding-left: 20px !important;
 padding-right: 20px !important;
 }
 .padding-x-30 {
 padding-left: 30px !important;
 padding-right: 30px !important;
 }
 .padding-y-0 {
 padding-top: 0px !important;
 padding-bottom: 0px !important;
 }
 .padding-y-10 {
 padding-top: 10px !important;
 padding-bottom: 10px !important;
 }
 .padding-y-20 {
 padding-top: 20px !important;
 padding-bottom: 20px !important;
 }
 .padding-y-30 {
 padding-top: 30px !important;
 padding-bottom: 30px !important;
 }
 .padding-top-0 {
 padding-top: 0px !important;
 }
 .padding-top-10 {
 padding-top: 10px !important;
 }
 .padding-top-20 {
 padding-top: 20px !important;
 }
 .padding-top-30 {
 padding-top: 30px !important;
 }
 .padding-bottom-0 {
 padding-bottom: 0px !important;
 }
 .padding-bottom-10 {
 padding-bottom: 10px !important;
 }
 .padding-bottom-20 {
 padding-bottom: 20px !important;
 }
 .padding-bottom-30 {
 padding-bottom: 30px !important;
 }
 }

 </style>
 <!-- Progressive Enhancements : END -->

 <!--[if gte mso 9]>
 <xml>
 <o:OfficeDocumentSettings>
 <o:AllowPNG/>
 <o:PixelsPerInch>96</o:PixelsPerInch>
 </o:OfficeDocumentSettings>
 </xml>
 <![endif]-->

</head>
<body width="100%" style="margin: 0; mso-line-height-rule: exactly;">
 <center style="width: 100%; background: #ffffff; text-align: left;">
 <!--[if mso | IE]>
 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ffffff"><tr><td>
 <![endif]-->

 <!-- Preheader Text : BEGIN -->
 <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
 We’re celebrating you helping us reach 100,000 likes on our Facebook page, by throwing an ATD party... LIVE on Facebook!
 </div>
 <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
	 &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
	 </div>
 <!-- Preheader Text : END -->

 <!-- One Column Image + Copy + Button : BEGIN -->
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="620" style="margin: auto; width: 620px;" class="email-container"><tr><td bgcolor="#ffffff" style="padding: 0px 10px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 0px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 0px; text-align: center;">
 <a id="Untitled" href="http://emailc.attraction-tickets-direct.co.uk/In/191525398/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/100_image.gif" width="600" height="560" alt="YAY FOR 100K" border="0" class="fluid" style="display: block;"></a>
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 20px 20px 30px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_light', -apple-system, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 140%; color: #656565; font-weight: normal;">We’re celebrating you helping us reach 100,000 likes on our Facebook page, by throwing an ATD party... LIVE on Facebook! And to thank you for all your support and sharing your magical moments with us, <span style="font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; color: #42A5F5; font-weight: bold;">we’re giving you the chance to win some fantastic prizes!</span></p>
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 0px 20px; text-align: center;">
 <div>
 <!--[if mso]>
 <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height: 60px; v-text-anchor: middle; width: 220px;" arcsize="15%" stroke="f" fillcolor="#00c853">
 <w:anchorlock/>
 <center>
 <![endif]-->
 <a id="Untitled1" href="http://emailc.attraction-tickets-direct.co.uk/In/191525399/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" style="background-color: #00c853; border-radius: 6px; color: #ffffff; display: inline-block; font-family:'campton_book', -apple-system, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; line-height: 60px; text-align: center; text-decoration:none; width: 220px; -webkit-text-size-adjust: none;" target="_blank">ENTER NOW</a>
 <!--[if mso]>
 </center>
 </v:roundrect>
 <![endif]-->
 </div>
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 40px 0px 30px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="30"><tr><td bgcolor="#d5d5d5" aria-hidden="true" height="6" style="font-size: 0px; line-height: 0px; mso-line-height-rule: exactly;">
 &nbsp;
 </td></tr></table></td></tr><tr><td bgcolor="#ffffff" style="padding: 0px 0px 30px; text-align: center;" class="padding-x-20">
 <p style="margin: 0; font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 140%; color: #42A5F5; font-weight: bold;">JOIN US LIVE AT 6PM, 23RD APRIL<br class="hide-content"> TO SEE IF YOU’RE A WINNER!</p>
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 0px 20px 80px; text-align: center;">
 <a id="Untitled2" href="http://emailc.attraction-tickets-direct.co.uk/In/191525400/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://d1y9qtn9cuc3xw.cloudfront.net/m6nca0oq/s/atd-facebook-100k-likes/?k=i1sxu65&format=dynamicimage" width="540" height="112" alt="alt_text" border="0" class="fluid"></a>
 </td></tr></table></td></tr></table></td></tr></table>
 <!-- One Column Image + Copy + Button : END -->

 <!-- Full Bleed Background Section : BEGIN -->
	 <table role="presentation" bgcolor="#F4F4F4" cellspacing="0" cellpadding="0" border="0" align="center" width="100%"><tr><td bgcolor="#F4F4F4" style="padding: 0px 0px 80px; text-align: center;">
 <div style="max-width: 600px; margin: auto;" class="email-container">
 <!--[if mso]>
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" align="center"><tr><td>
 <![endif]-->
 <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 50px 20px 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 140%; color: #656565; font-weight: bold;">PRIZES TO BE WON</p>
 </td></tr><tr><td style="padding: 17px 0px 27px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="30"><tr><td bgcolor="#d5d5d5" aria-hidden="true" height="6" style="font-size: 0px; line-height: 0px; mso-line-height-rule: exactly;">
 &nbsp;
 </td></tr></table></td></tr><tr><td style="padding: 0px; text-align: center;" class="padding-x-30"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
 <th width="50%" valign="top" bgcolor="#f4f4f4" style="padding: 0px 30px; font-weight: normal;" class="stack-column-center padding-x-0 padding-bottom-30">
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 30px 0px 40px; text-align: center; border-radius: 6px; -webkit-box-shadow: 0px 10px 12px -5px #E4E4E4; -moz-box-shadow: 0px 10px 12px -5px #E4E4E4; box-shadow: 0px 10px 12px -5px #E4E4E4;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 0px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/prize-1_icon.png" width="50" height="40" alt="Money Icon" border="0">
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 5px 20px 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; font-size: 28px; line-height: 120%; color: #42A5F5; font-weight: bold;">5 x £100 Towards Your Booking</p>
 </td></tr></table></td></tr><tr>
 <th width="240" style="padding: 0px; text-align: center; min-width: 240px;" class="stack-column-center"></th>
 </tr></table>
 </th>
 <th width="50%" valign="top" bgcolor="#f4f4f4" style="padding: 0px 30px; font-weight: normal;" class="stack-column-center padding-x-0">
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 30px 0px 40px; text-align: center; border-radius: 6px; -webkit-box-shadow: 0px 10px 12px -5px #E4E4E4; -moz-box-shadow: 0px 10px 12px -5px #E4E4E4; box-shadow: 0px 10px 12px -5px #E4E4E4;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 0px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/prize-2_icon.png" width="50" height="40" alt="Shard Icon" border="0">
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 5px 20px 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; font-size: 28px; line-height: 120%; color: #42A5F5; font-weight: bold;">Top London Attraction Tickets</p>
 </td></tr></table></td></tr><tr>
 <th width="240" style="padding: 0px; text-align: center; min-width: 240px;" class="stack-column-center"></th>
 </tr></table>
 </th>
 </tr></table></td></tr><tr><td style="padding: 30px 0px 0px; text-align: center;" class="padding-x-30"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
 <th width="50%" valign="top" bgcolor="#f4f4f4" style="padding: 0px 30px; font-weight: normal;" class="stack-column-center padding-x-0 padding-bottom-30">
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 30px 0px 40px; text-align: center; border-radius: 6px; -webkit-box-shadow: 0px 10px 12px -5px #E4E4E4; -moz-box-shadow: 0px 10px 12px -5px #E4E4E4; box-shadow: 0px 10px 12px -5px #E4E4E4;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 0px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/prize-3_icon.png" width="50" height="40" alt="Tickets Icon" border="0">
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 5px 20px 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; font-size: 28px; line-height: 120%; color: #42A5F5; font-weight: bold;">Amazing<br class="hide-content"> Theme Park Tickets</p>
 </td></tr></table></td></tr><tr>
 <th width="240" style="padding: 0px; text-align: center; min-width: 240px;" class="stack-column-center"></th>
 </tr></table>
 </th>
 <th width="50%" valign="top" bgcolor="#f4f4f4" style="padding: 0px 30px; font-weight: normal;" class="stack-column-center padding-x-0">
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 30px 0px 40px; text-align: center; border-radius: 6px; -webkit-box-shadow: 0px 10px 12px -5px #E4E4E4; -moz-box-shadow: 0px 10px 12px -5px #E4E4E4; box-shadow: 0px 10px 12px -5px #E4E4E4;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 0px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/prize-4_icon.png" width="50" height="40" alt="Disney Icon" border="0">
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 5px 20px 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_semibold', -apple-system, Arial, Helvetica, sans-serif; font-size: 28px; line-height: 120%; color: #42A5F5; font-weight: bold;">Cuddly Soft Toys and Merchandise</p>
 </td></tr></table></td></tr><tr>
 <th width="240" style="padding: 0px; text-align: center; min-width: 240px;" class="stack-column-center"></th>
 </tr></table>
 </th>
 </tr></table></td></tr></table>
 <!--[if mso]>
 </td></tr></table>
 <![endif]-->
 </div>
 </td></tr></table>
	 <!-- Full Bleed Background Section : END -->

 <!-- Footer : BEGIN -->
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="620" style="margin: auto; width: 620px;" class="email-container"><tr><td bgcolor="#ffffff" style="padding: 0px 10px 10px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 60px 20px 0px; text-align: center;">
 <a id="Untitled3" href="http://emailc.attraction-tickets-direct.co.uk/In/191525401/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/abta_logo.png" width="100" height="56" alt="ABTA" border="0"></a>
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 0px 20px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 10px 0px 40px; text-align: center; border-bottom: 1px solid #e4e4e4;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
 <th style="padding: 20px 0px 0px; font-weight: normal;" width="50%" class="stack-column-center">
 <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 0px; text-align: center;" width="50%"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 0px 0px 5px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/real-tickets_icon.png" width="42" height="42" alt="Tickets Icon" border="0">
 </td></tr><tr><td style="padding: 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_book', -apple-system, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 130%; color: #656565; font-weight: normal;">Tickets. Not<br>Vouchers</p>
 </td></tr></table></td><td style="padding: 0px; text-align: center;" width="50%"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 0px 0px 5px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/free-delivery_icon.png" width="42" height="42" alt="Delivery Icon" border="0">
 </td></tr><tr><td style="padding: 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_book', -apple-system, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 130%; color: #656565; font-weight: normal;">Free<br>Delivery</p>
 </td></tr></table></td></tr></table>
 </th>
 <th style="padding: 20px 0px 0px; font-weight: normal;" width="50%" class="stack-column-center">
 <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 0px; text-align: center;" width="50%"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 0px 0px 5px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/price-promise_icon.png" width="42" height="42" alt="Price Icon" border="0">
 </td></tr><tr><td style="padding: 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_book', -apple-system, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 130%; color: #656565; font-weight: normal;">Lowest Price<br>Promise</p>
 </td></tr></table></td><td style="padding: 0px; text-align: center;" width="50%"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="padding: 0px 0px 5px; text-align: center;">
 <img src="https://ccasset.azureedge.net/3492/25-deposit_icon.png" width="42" height="42" alt="Deposit Icon" border="0">
 </td></tr><tr><td style="padding: 0px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_book', -apple-system, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 130%; color: #656565; font-weight: normal;">£25<br>Deposit</p>
 </td></tr></table></td></tr></table>
 </th>
 </tr></table></td></tr></table></td></tr><tr><td bgcolor="#ffffff" style="padding: 30px 20px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="228"><tr><td style="padding: 0px 4px; text-align: center;">
 <a id="Untitled4" href="http://emailc.attraction-tickets-direct.co.uk/In/191525402/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/facebook_icon.png" width="30" height="30" alt="Facebook" border="0"></a>
 </td><td style="padding: 0px 4px; text-align: center;">
 <a id="Untitled5" href="http://emailc.attraction-tickets-direct.co.uk/In/191525403/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/twitter_icon.png" width="30" height="30" alt="Twitter" border="0"></a>
 </td><td style="padding: 0px 4px; text-align: center;">
 <a id="Untitled6" href="http://emailc.attraction-tickets-direct.co.uk/In/191525404/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/instagram_icon.png" width="30" height="30" alt="Instagram" border="0"></a>
 </td><td style="padding: 0px 4px; text-align: center;">
 <a id="Untitled7" href="http://emailc.attraction-tickets-direct.co.uk/In/191525405/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/youtube_icon.png" width="30" height="30" alt="YouTube" border="0"></a>
 </td><td style="padding: 0px 4px; text-align: center;">
 <a id="Untitled8" href="http://emailc.attraction-tickets-direct.co.uk/In/191525406/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/pinterest_icon.png" width="30" height="30" alt="Pinterest" border="0"></a>
 </td><td style="padding: 0px 4px; text-align: center;">
 <a id="Untitled9" href="http://emailc.attraction-tickets-direct.co.uk/In/191525407/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" target="_blank"><img src="https://ccasset.azureedge.net/3492/google-plus_icon.png" width="30" height="30" alt="Google+" border="0"></a>
 </td></tr></table></td></tr><tr><td bgcolor="#ffffff" style="padding: 0px 20px; text-align: center;"><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#ffffff" style="padding: 30px 5px 0px; text-align: center; border-top: 1px solid #e4e4e4;">
 <p style="margin: 0; font-family: 'campton_light', -apple-system, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; color: #656565; font-weight: normal;">This email was sent to you because you are a valued Attraction Tickets Direct customer. Information in this email is correct at time of send and is subject to change at any time without prior notice. All offers are for new bookings only and are subject to Attraction Tickets Direct standard terms and conditions. Offers may be changed or withdrawn at any time without notice.<br><br>Competition Terms &amp; Conditions<br>1. For the chance to win £100 towards your tickets you must post an emoji balloon on our competition post on our Facebook post before the Facebook live video commences. 2. The £100 is towards any tickets available on our website here www.attraction-tickets-direct.co.uk and must be redeemed within 100 days of being contacted. 3. Those who tune into our Facebook live video competition will also have the chance to win other prizes. 4. The winners will be announced during the live competition and individually contacted after the video event to arrange the delivery of their prize. 5. The prize must be accepted within 14 days after contacting the winner. If there is no contact from the winner within this period, the prize will be re-drawn. 6. Entrants must be UK residents aged 18 or over and must not be employees of ATD Travel Services (nor the family of employees), its agencies or anyone else professionally connected with the promotion. 7. The prizes are subject to availability. ATD Travel Services reserves the right to substitute the prize of equivalent or greater value if this is necessary for reasons beyond its control. No cash alternative will be offered for the prize. 8. ATD Travel Services reserves the right to alter, amend or foreclose this Free Prize Draw without prior notice in the event that unforeseen circumstances make this unavoidable. 9. ATD Travel Services decision is final and no correspondence will be entered into. Entries that do not comply in full with these rules may be disqualified. 10. An external courier company will be responsible for the delivery of the gift, therefore ATD Travel Services do not have the ability to monitor or alter the progress of any specific dispatch. 11. ATD Travel Services cannot accept any responsibility for any damage, loss, injury or disappointment suffered relating to delivery of the free gift. 12. All participants will be deemed to have accepted, and be bound by, these terms and conditions. 13. The winners may be asked to cooperate with the Promoter for publicity purposes if so required. 14. Any personal data relating to entrants will be used solely in accordance with current UK data protection legislation and will not be disclosed to a third party without prior consent. 15. By uploading your entry, you are giving us permission to use your entry for the purpose of promoting this competition. 16. The Competition and the terms and conditions of this agreement will be governed by English law. The Promoter is ATD Travel Services Limited. Registered office: ATD Travel Services Limited, 171E Wingate Square, London, SW4 0AN</p>
 </td></tr><tr><td bgcolor="#ffffff" style="padding: 0px 0px 30px; text-align: center;">
 <p style="margin: 0; font-family: 'campton_light', -apple-system, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 160%; color: #656565; font-weight: normal;"><br><a id="Unsubscribe" href="#" style="color: #42A5F5; text-decoration: none;" target="_blank">Unsubscribe</a> | <a id="Untitled10" href="http://emailc.attraction-tickets-direct.co.uk/In/191525409/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" style="color: #42A5F5; text-decoration: none;" target="_blank">Privacy Policy</a> | <a id="WebView" href="http://emailc.attraction-tickets-direct.co.uk/In/191525410/0/gGA6GqbSvxxAeKc4jbrzfxRBGWtVUjZzhAFTMhajUh9Rjagkb1HRto/" style="color: #42A5F5; text-decoration: none;" target="_blank">View Online</a><br><span class="copyright">&copy; Attraction Tickets Direct 2002-2018.</span></p>
 </td></tr></table></td></tr></table></td></tr><tr>
 <th width="620" style="padding: 0px; text-align: center; min-width: 620px;" class="stack-column-center"></th>
 </tr></table>
 <!-- Footer : END -->

 <!--[if mso | IE]>
 </td></tr></table>
 <![endif]-->
 </center>
</body>
</html>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console