<!DOCTYPE html>
<html lang="en">
<head>
<title>Cote Dor</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
        padding: 0;
} /* Force Outlook to provide a "view in browser" message */
ReadMsgBody {
        width: 100%;
}
ExternalClass {
        width: 100%;
} /* Force Hotmail to display emails at full width */
ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
        line-height: 100%;
} /* Force Hotmail to display normal line spacing */
body, table, td, a {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td {
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
} /* Remove spacing between tables in Outlook 2007 and up */
img {
        -ms-interpolation-mode: bicubic;
} /* Allow smoother rendering of resized image in Internet Explorer */
/* RESET STYLES */
body {
        margin: 0;
        padding: 0;
}
img {
        border: 0;
        height: auto;
        line-height: 100%;
        outline: none;
        text-decoration: none;
}
table {
        border-collapse: collapse !important;
}
body {
        height: 100% !important;
        margin: 0;
        padding: 0;
        width: 100% !important;
}
/* iOS BLUE LINKS */
appleBody a {
        color: #68440a;
        text-decoration: none;
}
appleFooter a {
        color: #999999;
        text-decoration: none;
}

/* MOBILE STYLES */
@media screen and (max-width : 625px ) {
/* ALLOWS FOR FLUID TABLES */
tableclass="wrapper" {
        width: 100% !important;
}
/* ADJUSTS LAYOUT OF LOGO IMAGE */
tdclass="logo" {
        text-align: center;
        padding: 20px 0 20px 0 !important;
}
tdclass="logo" img {
        margin: 0 auto!important;
}
imgclass="img-max" {
        width: 100% !important;
        height: auto !important;
}
imgclass="logo-max" {
        max-width: 100% !important;
        height: auto !important;
}
imgclass="footer-max" {
        max-width: 523px;
        width: 100% !important;
        height: auto !important;
}
/* FULL-WIDTH TABLES */
tableclass="responsive-table" {
        width: 100%!important;
        padding-top: 50px !important;
}
tableclass="footer-table" {
        width: 50% !important;
        padding-top: 20px !important;
}
/* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */

tdclass="padding-copy" {
        padding-left: 15px !important;
        padding-right: 15px !important;
        text-align: center;
        font-size: 16px !important;
        line-height: 21px !important;
}
tdclass="padding-footer" {
        padding: 15px 0 0 0 !important;
        text-align: center;
        font-size: 16px !important;
        line-height: 21px !important;
}
tdclass="padding-hero" {
        padding: 0 2% 0 2% !important;
        text-align: center;
}
tdclass="section-padding" {
        padding: 0 2% 0 2% !important;
}
tdclass="section-header" {
        padding: 0 0 0 0 !important;
}
/* ADJUST BUTTONS ON MOBILE */
tdclass="mobile-wrapper" {
        padding: 0 10px 20px 10px !important;
        text-align: center;
}
aclass="mobile-button" {
        width: 80% !important;
        padding: 15px !important;
        border: 0 !important;
        font-size: 16px !important;
}
}

</style>
</head>
<body style="margin: 0; padding: 0;" bgcolor="#3f2d25">
<!-- HEADER --> 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center" bgcolor="#3f2d25" style="padding:0 15px 0 15px;" class="section-padding"><table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><!-- COPY -->
                  <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" class="responsive-table">                 
                    <tr>
                                                <td align="center" bgcolor="#e12400" style="padding: 20px 0 20px 0; font-size: 48px; line-height: 34px; font-family: impact, helvetica, arial, sans-serif; color: #ffffff;" class="padding-header"><strong>GRATIS CHOCOLADE PAKKET</strong><br></td>
                    </tr>
                    <tr>
                                                <td align="center" bgcolor="#3f2d25" style="padding: 10px 0 10px 0; font-size: 26px; line-height: 34px; font-family: helvetica, arial, sans-serif; color: #ffffff;" class="padding-header"><strong>Ontvang onze Nieuwste Côte d'Or smaken!</strong><br></td>
                    </tr>                                       
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<!-- ONE COLUMN SECTION -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center" bgcolor="#3f2d25" style="padding:0 15px 0 15px;" class="section-header"><table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <!-- HERO IMAGE -->
                <td class="padding-hero" bgcolor="#00a0e2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="center" bgcolor="#ffffff" style="padding:0 0 0 0"><a href="http://subscription.space/?VF8xMjc0N18yNTU3MzcwMDE2" target="_blank"><img src="http://www.j-images.website/be/cotedor/hero.jpg" width="600" height="313" border="0" alt="" style="display: block; padding: 0; color: #333333; text-decoration: none; font-family: 'Myriad Pro', Helvetica, Arial, sans-serif; font-size: 16px;" class="img-max"></a></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center" bgcolor="#3f2d25" style="padding:0 15px 0 15px;" class="section-padding"><table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td bgcolor="#ffffff"><!-- COPY -->
                  
                  <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" class="responsive-table">
                    <tr>
                      <td align="center" style="padding: 30px 0 0 0px; font-size: 24px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #a06348;" class="padding-copy"><strong>CHOCOLADE LIEFHEBBERS OPGELET!</strong><br></td>
                    </tr>
                    <tr>
                                                <td align="center" class="padding-copy" style="padding: 20px 40px 10px 50px; font-size: 16px; line-height: 28px; font-family: Helvetica, Arial, sans-serif; color: #000000;">We hebben onze recepten verbeterd en we zouden graag jou de kans willen geven, om als één van de eerste ze uit te proberen. Je hoeft ons alleen maar te vertellen wat je favoriete chocolade is. Dan maak jij kans op dit <strong>GRATIS Côte d'Or chocolade pakket</strong> t.w.v. <strong><span style="color: #e12400;">500 euro.</span></strong></td>
                    </tr>
                    <tr>
                      <td align="center" class="padding-copy" style="padding: 20px 30px 20px 30px; font-size: 20px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color: #e12400;"><strong>Geniet nu van dit geweldige aanbod!</strong><br></td>
                    </tr>                    
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center" bgcolor="#3f2d25" style="padding:0 15px 0 15px;" class="section-padding"><table border="0" cellpadding="0" cellspacing="0" width="620" class="responsive-table">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td bgcolor="#212120"><!-- COPY -->
                  
                  <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" class="responsive-table">
                    <tr>
                      <td align="center" style="padding: 20px 0 20px 20px; font-size: 18px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff;" class="padding-copy"><strong>Doe mee op de volgende pagina.</strong><br></td>
                    </tr>
                    <tr>
                      <td align="center" style=" padding:0 0 20px 20px"  class="mobile-wrapper"><a href="http://subscription.space/?VF8xMjc0N18yNTU3MzcwMDE2" style=" width: 250px; font-size: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #0cc619; border-top: 15px solid #0cc619; border-bottom: 15px solid #0cc619; border-left: 50px solid #0cc619; border-right: 50px solid #0cc619; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: inline-block;" target="_blank" class="mobile-button"><strong>Ga verder</strong></a></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td  align="center" bgcolor="#3f2d25" style="padding:0 15px 0 15px;" class="section-header"><table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <!-- HERO IMAGE -->
                <td class="padding-hero" bgcolor="#00a0e2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="center" bgcolor="#ffffff" style="padding:0 0 0 0"><a href="http://subscription.space/?VF8xMjc0N18yNTU3MzcwMDE2" target="_blank"><img src="http://www.j-images.website/be/cotedor/footer.jpg" width="600" height="154" border="0" alt="" style="display: block; padding: 0; color: #333333; text-decoration: none; font-family: 'Myriad Pro', Helvetica, Arial, sans-serif; font-size: 16px;" class="img-max"></a></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<!-- ONE COLUMN SECTION -->
  
  <center>
                <br/>
                <a href="mailto:info@subscription.space">
                        Unsubscribe
                </a>
                <img src="http://subscription.space/?SV8xMjc0N18yNTU3MzcwMDE2" width="1" height="1"/>
        </center>  
  
</body>
</html>