One day to go... will you WIN a prize?

In this example below you will see how to do a One day to go... will you WIN a prize? with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by reallygoodemails, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright reallygoodemails ©

Technologies

  • HTML
  • CSS
  • JavaScript
    
<!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>


/*Downloaded from https://www.codeseek.co/reallygoodemails/one-day-to-go-will-you-win-a-prize-jKVMPy */
    


/*Downloaded from https://www.codeseek.co/reallygoodemails/one-day-to-go-will-you-win-a-prize-jKVMPy */
    

Comments