Email template promo with bumper

<!DOCTYPE html>
<html lang="en-GB">
    <head>
        <meta charset="UTF-8">
        <title>
            LadyLucks Gold Rush Promotion
        </title>
        <meta content="width=device-width" name="viewport">
                <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
        <style type="text/css">
                @media screen and (max-width: 599px) {
                    .midlineheight {
                        line-height: 20px !important;
                        padding-top: 0 !important;
                    }
                    .width-full {
                        width: 100% !important;
                    }
                    .section-2-left {
                        padding-bottom: 0 !important;
                    }
                    .div-wrapper {
                        height: auto !important;
                    }
                    img.responsive {
                        max-width: 100%;
                        height: auto !important;
                    }
                }
                @media screen and (max-width: 399px) {
                    .supercenter {
                        padding-left: 9px !important;
                        padding-right: 9px !important;
                    }
                }
                a {
                    color: #9e9e9e;
                }
                .footer-link {
                    color: #9e9e9e !important;
                }
                .content-link {
                    color: #444444 !important;
                }
                td {
                    -ms-text-size-adjust: none;
                    -webkit-text-size-adjust: none;
                }
                table {
                    margin: 0 auto !important;
                }
        </style>
       <!--[if mso]>
          <style type="text/css">
            body, table, td, a, .font-nunito {font-family: Arial, Helvetica, sans-serif !important;}
          </style>
    <![endif]-->
        <!--[if gte mso 12]>
      <style>
        td {
          mso-line-height-rule: exactly; }
      </style>
    <![endif]-->
    </head>
    <body style="margin: 0; padding: 0;">
        <table border="0" cellpadding="0" cellspacing="0" class="gmail" style="background-color:#ffffff;" width="100%">
            <tr>
                <td style="padding:0;">
                    <!-- IMAGE HEADER START -->
                    <!--[if (IE)|mso]>
<table align="center"
border="0"
cellpadding="0"
cellspacing="0"
width="600">
<tr>
<td>
<![endif]-->
                    
                    <table align="center" bgcolor="#200640" border="0" cellpadding="0" cellspacing="0" style="border:0;max-width: 600px; background-color: #200640;" width="100%">
                        <tr>
                            <td class="pretext font-nunito" style="text-align:center; padding:0;background-color: #200640;color:#200640;font-family: Nunito, Arial, Verdana, sans-serif;font-size: 1px;line-height: 1px;mso-hide: all;max-width: 0px;max-height:0px;visibility: hidden;display:none;opacity:0;overflow:hidden;">
                                <!-- PRETEXT HERE-->Add ladylucks to contacts and don't miss out on special offers today with ladylucks casino
                            </td>
                        </tr>
                        
                        <tr>
                            <td bgcolor="#200640" class="font-nunito" style="background-color: #200640;padding: 18px 0 14px 0; text-align: center; Margin: 0 auto; color:#ffffff;font-size:28px;font-family: Nunito, Arial, Verdana, sans-serif;">
                                <img alt="LADYLUCKS" src="https://d3aqgv2sub0vi6.cloudfront.net/img/assets/LadyLucks400.png" style="max-width: 200px;" width="200px">
                            </td>
                        </tr>
                        <tr>
                            <td bgcolor="#2e1445" align="center" style="max-width: 600px;" width="100%">
                                <a href="https://www.ladylucks.co.uk/"><img alt="GOLD RUSH" class="responsive" src="https://d3aqgv2sub0vi6.cloudfront.net/img/2017/gold-rush-big-ticket-600.jpg" style="display: block; border: 0;max-width: 100%;" width="600"></a>
                            </td>
                        </tr>
                    </table>
                    <!--[if (IE)|mso]>
</td>
</tr>
</table>
<![endif]-->
                    
                    <!-- IMAGE HEADER END -->
                    <!--[if (IE)|mso]>
            <table align="center"
                   border="0"
                   cellpadding="0"
                   cellspacing="0"
                   width="600">
              <tr>
                <td>
          <![endif]-->

                    <table align="center" bgcolor="#E9F0F7" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
                        <tr>
                            <td align="center" class="supercenter font-nunito" style="padding-top: 40px;padding-bottom:15px;padding-right:10%;padding-left:10%; text-align: center;color:#444444;font-family: Nunito, Arial, Verdana, sans-serif;font-size: 18px;font-weight: 900;line-height: 18px;">
                                Maria, win a share of £15,000 when you play Goldify today!
                            </td>
                        </tr>

                        <tr>
                            <td align="center" class="supercenter font-nunito" style=" color:#444444; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 18px; line-height: 20px; padding-left:10%; padding-right:10%; padding-top: 5px; text-align: center;">
                                Do you have the Midas touch? Play our exclusive Goldify slot game this month and you could win a share of £15,000. Good luck!
                            </td>
                        </tr>

                        <tr>
                            <td align="center" style="padding-top: 20px;padding-bottom: 20px; text-align: center;">
                                <!-- CTA BUTTON START -->

                                <div>
                                    <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.ladylucks.co.uk/" style="height:45px;v-text-anchor:middle;width:150px;" arcsize="56%" stroke="f" fillcolor="#01a292">
<w:anchorlock/>
<center>
<![endif]-->
                                    <a href="https://www.ladylucks.co.uk/" style="background-color:#01a292;border-radius:25px;color:#ffffff;display:inline-block;font-family:Nunito,Arial,sans-serif;font-size:13px;font-weight:bold;line-height:45px;text-align:center;text-decoration:none;width:150px;">PLAY NOW</a> <!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
                                </div>
                                <!-- CTA BUTTON END -->
                            </td>
                        </tr>
                                                							                       <tr>
                            <td align="center" class="supercenter font-nunito" style=" color:#444444; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 14px; line-height: 16px; padding-left:10%; padding-right:10%; padding-bottom: 15px; text-align: center;">
                              <a href="#" style="color:#444444;"class="content-link">Terms and conditions apply*</a>
                            </td>
                        </tr>
                    </table>
                    <!--[if (IE)|mso]>
                </td>
              </tr>
            </table>
          <![endif]-->
                    <!--[if (IE)|mso]>
            <table align="center"
                   border="0"
                   cellpadding="0"
                   cellspacing="0"
                   width="600">
              <tr>
                <td>
          <![endif]-->

                    <table align="center" bgcolor="#2E1445" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px; background-color: #2e1445;" width="100%">
                        <tr>
                            <td style="font-size: 0; text-align: center; padding: 0 15px 0px 15px">
                                <div class="div-wrapper" style="display: inline-block;">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="section-2-left" width="285">
                                        <tr>
                                            <td style="padding-top: 25px; padding-bottom: 25px;">
                                                <table align="left" border="0" cellpadding="0" cellspacing="0" style="text-align: center; text-transform: uppercase;" width="285">
                                                    <tr>
                                                        <td>
                                                            <a href="https://www.ladylucks.co.uk/"><img alt="Play Goldify" src="https://d3aqgv2sub0vi6.cloudfront.net/img/2017/LL_520x280.png" style="display: block; max-width: 260px; margin: 0 auto; border: 0;" width="260"></a>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!--[if (IE)|mso]>
                </td>
                <td>
              <![endif]-->

                                <div style="display: inline-block;">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="285">
                                        <tr>
                                            <td>
                                                <table align="left" border="0" cellpadding="0" cellspacing="0" style="text-align: center;margin-bottom:15px !important;" width="270">
                                                    <tr>
                                                        <td class="midlineheight font-nunito" style="color:#ffffff;font-family: Nunito, Arial, Verdana, sans-serif; font-size: 18px; line-height: 24px;padding-top:25px;">
                                                            With great bonus features and up to 100 free spins, play the game where every touch could turn to gold!
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td style="padding-top: 20px; padding-bottom: 0px; Margin:0;text-align: center;">
                                                            <div>
                                                                <!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.ladylucks.co.uk/" style="height:45px;v-text-anchor:middle;width:150px;" arcsize="56%" strokecolor="#ffffff" fillcolor="#2e1445">
    <w:anchorlock/>
    <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">PLAY NOW</center>
  </v:roundrect>
<![endif]--><a href="https://www.ladylucks.co.uk/" style="background-color:#2e1445;border:1px solid #ffffff;border-radius:22px;color:#ffffff;display:inline-block;font-family:Nunito,Arial,sans-serif;font-size:13px;font-weight:bold;line-height:45px;text-align:center;text-decoration:none;width:150px;mso-hide:all;">PLAY NOW</a>
                                                            </div><!--[if mso]>&nbsp;<![endif]-->
                                                        </td>
                                                    </tr><!--[if (IE)|mso]>
                                                    <tr>
                                                        
                                                        <td style="Margin: 0; padding:0;Margin-bottom:0px;font-size:5px;">&nbsp;</td>
                                                    </tr><![endif]-->
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>  		
                       <tr>
                            <td align="center" class="supercenter font-nunito" style=" color:#9e9e9e; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 14px; line-height: 16px; padding-left:10%; padding-right:10%; padding-bottom: 15px; text-align: center;">
                              <a href="#" style="color:#9e9e9e;"class="footer-link">Terms and conditions apply*</a>
                            </td>
                        </tr>
                    </table>
                    <!--[if (IE)|mso]>
                </td>
              </tr>
            </table>
          <![endif]-->
                    <!-- TANDC FOOTER START -->
                    <!--[if (IE)|mso]>
<table align="center"
border="0"
cellpadding="0"
cellspacing="0"
width="600">
<tr>
<td>
<![endif]-->
                    
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="width-full font-nunito" style="font-family: Nunito, Arial, Georgia, serif; font-size: 12px; max-width: 600px;padding-right:15px;padding-left:15px;" width="100%">
                        <tr>
                            <td align="center" class="font-nunito" style="color:#666666; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 16px; line-height: 16px; padding-top: 40px;">
                                Any questions?
                            </td>
                        </tr>
                        
                        <tr>
                            <td align="center" class="font-nunito" style=" color:#666666; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 20px; padding-top: 5px; padding-right:20px; padding-left:20px;">
                                Call our friendly customer support at <span class="footer-link">03333130131</span> or email to <a href="mailto:support@ladylucks.co.uk" style="color:#9e9e9e;"class="footer-link">support@ladylucks.co.uk</a>
                            </td>
                        </tr>
                        <!-- T AND Cs START -->
                        <tr>
                            <td align="center" class="font-nunito" style="
                                color:#666666;
                                    font-family: Nunito, Arial, Verdana, sans-serif;
                                        font-size: 12px;
                                            line-height: 16px;
                                                padding-top: 10px;"
                                                    >
                                                        *GOLDIFY PRIZE DRAW 1) Promtion runs between 24th November &amp; December 2) players will automatically enter the tournament playing GOLDIFY 3) Additoional terms apply  <a href="#" class="footer-link" style="color:#9e9e9e;">Click here for terms and condtions.</a>
                                </td>
                                </tr>
                                    <!-- T AND Cs END -->
                                        <tr>
                                            <td align="center" class="font-nunito" style=" max-width: 530px; color:#666666; text-align: center; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 66px; line-height: 66px;padding-right:20px;padding-left:20px; padding-bottom: 20px; padding-top: 20px;" width="100%">
                                                <img class="responsive" src="https://d3aqgv2sub0vi6.cloudfront.net/img/assets/footer-icons-530.png" style="text-align:center;display:block;" width="530">
                                </td>
                                </tr>
                                    
                                    <tr>
                                        <td align="center" class="font-nunito" style=" color:#666666; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; padding-bottom: 20px; padding-right:20px; padding-left:20px;">
                                            This website is operated by Probability (Gibraltar) Limited (company number 104159) &amp; is a subsidiary of IGT Plc. Both companies are licensed and regulated by the UK Gambling Commission (<a href="https://secure.gamblingcommission.gov.uk/PublicRegister/Search/Detail/41794" target="_blank" rel="noopener noreferrer" style="color:#9e9e9e;" class="footer-link">licence number 000-041794-R-320803-004</a>). The Probability (Gibraltar) Limited address is Suite 912, Europort, Gibraltar, GX11 1AA.
                                </td>
                                </tr>
                                    
                                    <tr>
                                        <td align="center" class="font-nunito" style=" color:#9e9e9e; font-family: Nunito, Arial, Verdana, sans-serif; font-size: 13px; line-height: 13px; padding-bottom: 15px;">
                                            <a href="#SPONECLICKOPTOUT" style="color:#9e9e9e;" class="footer-link" target="_blank" name="_SPONECLICKOPTOUT" xt="SPCLICK">%%HTML_GENERAL_DISCLAIMER%%</a>
                                </td>
                                </tr>
                                </table>
                                    <!--[if (IE)|mso]>
                                </td>
                                </tr>
                                </table>
                                    <![endif]-->
                                        <!-- TANDC FOOTER END -->
                </td>
            </tr>
        </table>
        <!-- INSERT TRACKING CODE HERE --> 
        <img src="http://www.google-analytics.com/collect?v=1&t=event&tid=UA-53288683-1&cid=%%user_id%%&cm=email&cs=CAMPAIGNSOURCE&cc=%%folder%%&el=%%user_id%%&ec=email&cn=CAMPAIGNNAME&ck=%%registration_keyword%%&ea=open" width="1" height="1" border="0" />
    </body>
</html>

Add your comment