cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

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.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="email=no" />
<title>Un Deux Trois</title>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse:collapse;}
</style>
<![endif]-->

<style type="text/css">
/* Basics */
body {
	margin:0px auto !important;
	padding:0px;
	background-color:#FFFFFF;
}
table {
	border-spacing:0;
	mso-table-lspace:0pt;
	mso-table-rspace:0pt;
	margin:0;
	padding:0;
	border:none;
}
td {
	padding:0;
}
img {
	border:0;
	display:block;
	-ms-interpolation-mode:bicubic;
	outline:none;
}
 div[style*="margin:16px 0"] {
 margin:0 !important;
}
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;
}
th {
	padding:0px;
	margin:0px;
	border:0px;
	font-weight:normal;
}
.ReadMsgBody {
	width:100%;
}
.ExternalClass {
	mso-line-height-rule:exactly;
	line-height:100%;
	width:100%;
}
* {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
img {
	height:auto !important;
}
div.fixin, button {
	display:block !important;
	margin:0 !important;
	padding:0 !important;
}
 @media only screen and (max-width:600px) {
 html, body, th {
 -webkit-text-size-adjust:none;
}
 div[class="body"] .maxwidth100pc {
 max-width:100% !important;
}
 div[class="body"] .width100pc {
 width:100% !important;
}
 div[class="body"] .width90pc {
 width:90% !important;
}
}
</style>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->

</head>
<body bgcolor="#FFFFFF" style="margin:0px; padding:0px; background-color:#FFFFFF;">
<div bgcolor="#FFFFFF" style="margin:0px; padding:0px; background-color:#FFFFFF;">
  <center class="wrapper" >
    <div class="body" style="max-width:600px; margin:0px auto;"> 
      
      <!-- DEBUT PRE-HEADER --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%;" align="center" class="width90pc">
        <tr>
          <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000; mso-line-height-rule:exactly; line-height:15px; padding:20px 0 30px;">Livraison et retour offerts en boutique<br />
            <a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Si vous ne visualisez pas correctement cet e-mail</a></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN PRE-HEADER --> 
      
      <!-- DEBUT HEADER --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%;" align="center" class="width90pc">
        <tr>
          <td align="center" class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#000000; font-size:20px;" src="http://test.badsender.com/123/logo.jpg" width="166" height="80" alt="Un Deux Trois" title="Un Deux Trois" border="0" /></a></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN HEADER --> 
      
      <!-- DEBUT MENU --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%" align="center" class="width90pc">
        <tr>
          <td align="center" style="text-align:center; font-size:0px; padding:20px 0 10px; border-bottom:1px solid #000000;"><!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td width="300" style="width:300px;" valign="middle"><![endif]-->
            
            <div style="display:inline-block; max-width:300px; vertical-align:middle; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" align="center">
                <tr>
                  <td style="padding-top:10px;"><table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Robes</a></td>
                        <td style="line-height:1px; font-size:1px; width:25px;" width="25">&nbsp;</td>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Pantalons</a></td>
                        <td style="line-height:1px; font-size:1px; width:25px;" width="25">&nbsp;</td>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Chemisiers</a></td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </div><!--[if (gte mso 9)|(IE)]></td><td width="300" style="width:300px;" valign="middle"><![endif]--><div style="display:inline-block; max-width:300px; vertical-align:middle; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" align="center">
                <tr>
                  <td style="padding-top:10px;"><table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Pulls</a></td>
                        <td style="line-height:1px; font-size:1px; width:25px;" width="25">&nbsp;</td>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Catalogue</a></td>
                        <td style="line-height:1px; font-size:1px; width:25px;" width="25">&nbsp;</td>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Boutiques</a></td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </div>
            
            <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN MENU --> 
      
      <!-- DEBUT CHRONO --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%;" align="center" class="width90pc">
        <tr>
          <td style="padding:30px 0;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; mso-line-height-rule:exactly; line-height:18px; color:#000000;"><span style="background-color:#F6E3DD;">Plus que</span></td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="center" style="padding:15px 20px;" class="fixin"><img style="display:block; max-width:300px; width:100%; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#000000; font-size:20px;" src="http://test.badsender.com/123/chrono.jpg" width="100%" alt="Temps restant" title="Temps restant" border="0" /></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; mso-line-height-rule:exactly; line-height:18px; color:#000000;"><span style="background-color:#F6E3DD;">pour en profiter !</span></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN CHRONO --> 
      
      <!-- DEBUT CONTENT --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%" align="center" class="width90pc">
        <tr>
          <td align="center" bgcolor="#F6E3DD" style="text-align:center; font-size:0px;"><!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td width="300" style="width:300px;" valign="bottom"><![endif]-->
            
            <div style="display:inline-block; max-width:300px; vertical-align:bottom; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" align="center">
                <tr>
                  <td align="center"><table width="240" style="width:240px; margin:0px auto;" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:34px; mso-line-height-rule:exactly; line-height:38px; border-bottom:3px solid #000000; padding-top:40px; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;"><span style="font-weight:bold;">Fashion</span> days</a></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; mso-line-height-rule:exactly; line-height:18px; padding-top:20px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Jusqu'&agrave;</a></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:118px; mso-line-height-rule:exactly; line-height:118px; font-weight:bold; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">-50<span style="font-size:80px;">%</span></a></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:15px; mso-line-height-rule:exactly; line-height:19px; color:#000000; border-top:1px solid #000000; padding-top:5px;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Sur une s&eacute;lection d'articles*</a></td>
                      </tr>
                      <tr>
                        <td style="padding-top:30px;"><div><!--[if mso]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.google.fr" style="height:60px;v-text-anchor:middle;width:240px;" stroke="f" fillcolor="#000000">
    <w:anchorlock/>
    <center>
  <![endif]--> 
                            <a href="http://www.google.fr"
style="background-color:#000000;color:#ffffff;display:inline-block;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:60px;text-align:center;text-decoration:none;width:240px;-webkit-text-size-adjust:none;">&gt; VITE, J'EN PROFITE !</a> 
                            <!--[if mso]>
    </center>
  </v:rect>
<![endif]--></div></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="center"><table width="280" style="width:280px; margin:0px auto;" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="right" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; mso-line-height-rule:exactly; line-height:17px; padding:80px 0 10px 0; color:#000000;"><a href="#toreplace" target="_blank" style="color:#000000; text-decoration:none;">Robe Frieda<br />
                          <span style="text-decoration:line-through;">139,00&euro;</span><br />
                          <span style="color:#EA0561; font-weight:bold;">69,50&euro;</span></a></td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </div><!--[if (gte mso 9)|(IE)]></td><td width="300" style="width:300px;" valign="bottom"><![endif]--><div style="display:inline-block; max-width:300px; vertical-align:bottom; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" align="center">
                <tr>
                  <td class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:30px; color:#000000;" src="http://test.badsender.com/123/visuel.jpg" width="300" height="660" alt="Fashion Days" title="Fashion Days" border="0" /></a></td>
                </tr>
              </table>
            </div>
            
            <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN CONTENT --> 
      
      <!-- DEBUT RESEAUX --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%" align="center" class="width90pc">
        <tr>
          <td align="center" style="text-align:center; font-size:0px; border-top:1px solid #000000; border-bottom:1px solid #000000; padding:10px 0;"><!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td width="300" style="width:300px;" valign="middle"><![endif]-->
            
            <div style="display:inline-block; max-width:300px; vertical-align:middle; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" align="center">
                <tr>
                  <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; mso-line-height-rule:exactly; line-height:16px; color:#000000; padding:10px 0;">Restez connect&eacute;es</td>
                </tr>
              </table>
            </div><!--[if (gte mso 9)|(IE)]></td><td width="300" style="width:300px;" valign="middle"><![endif]--><div style="display:inline-block; max-width:300px; vertical-align:middle; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" align="center">
                <tr>
                  <td style="padding:5px 0;"><table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/facebook.jpg" width="13" height="25" alt="Facebook" title="Facebook" border="0" /></a></td>
                        <td style="font-size:1px; line-height:1px; width:20px;" width="20">&nbsp;</td>
                        <td class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/instagram.jpg" width="26" height="25" alt="Instagram" title="Instagram" border="0" /></a></td>
                        <td style="font-size:1px; line-height:1px; width:20px;" width="20">&nbsp;</td>
                        <td class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/twitter.jpg" width="31" height="25" alt="Twitter" title="Twitter" border="0" /></a></td>
                        <td style="font-size:1px; line-height:1px; width:20px;" width="20">&nbsp;</td>
                        <td class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/google_plus.jpg" width="39" height="25" alt="Google +" title="Google +" border="0" /></a></td>
                        <td style="font-size:1px; line-height:1px; width:20px;" width="20">&nbsp;</td>
                        <td class="fixin"><a href="#toreplace" target="_blank"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/pinterest.jpg" width="20" height="25" alt="Pinterest" title="Pinterest" border="0" /></a></td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </div>
            
            <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN RESEAUX --> 
      
      <!-- DEBUT REASSURANCE --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%" align="center" class="width90pc">
        <tr>
          <td align="center" style="text-align:center; font-size:0px; padding:10px 0;"><!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td width="300" style="width:300px;" valign="middle"><![endif]-->
            
            <div style="display:inline-block; max-width:300px; vertical-align:middle; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" width="100%" align="center">
                <tr>
                  <td width="50%" style="width:50%;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td class="fixin" align="center" style="padding-top:10px;"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/reassurance_01.jpg" width="30" height="40" alt="Paiement" title="Paiement" border="0" /></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#000000; mso-line-height-rule:exactly; line-height:16px; padding:10px 0;">Paiement<br />
                          100% s&eacute;curis&eacute;</td>
                      </tr>
                    </table></td>
                  <td width="50%" style="width:50%;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td class="fixin" align="center" style="padding-top:10px;"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/reassurance_02.jpg" width="43" height="40" alt="Paiement" title="Paiement" border="0" /></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#000000; mso-line-height-rule:exactly; line-height:16px; padding:10px 0;">Livraison et retour<br />
                          gratuits en boutique !</td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </div><!--[if (gte mso 9)|(IE)]></td><td width="300" style="width:300px;" valign="middle"><![endif]--><div style="display:inline-block; max-width:300px; vertical-align:middle; width:100%; margin:0px auto;" class="maxwidth100pc">
              <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;" width="100%" align="center">
                <tr>
                  <td width="50%" style="width:50%;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td class="fixin" align="center" style="padding-top:10px;"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/reassurance_03.jpg" width="69" height="40" alt="Paiement" title="Paiement" border="0" /></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#000000; mso-line-height-rule:exactly; line-height:16px; padding:10px 0;">Exp&eacute;dition<br />
                          sous 24h ouvr&eacute;es</td>
                      </tr>
                    </table></td>
                  <td width="50%" style="width:50%;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td class="fixin" align="center" style="padding-top:10px;"><img style="display:block; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#000000;" src="http://test.badsender.com/123/reassurance_04.jpg" width="35" height="40" alt="Paiement" title="Paiement" border="0" /></td>
                      </tr>
                      <tr>
                        <td align="center" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#000000; mso-line-height-rule:exactly; line-height:16px; padding:10px 0;">Satisfait ou rembours&eacute;<br />
                          sous 30 jours</td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </div>
            
            <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN REASSURANCE --> 
      
      <!-- DEBUT FOOTER --> 
      <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="width:600px; margin:0px auto;"><tr><td><![endif]-->
      <table cellpadding="0" cellspacing="0" border="0" style="margin:0px auto; max-width:600px; width:100%;" align="center" class="width90pc">
        <tr>
          <td align="left" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#333333; mso-line-height-rule:exactly; line-height:15px; padding:20px 0; border-top:1px solid #DADADA;">* Les Journ&eacute;es de la Mode. -30% et -50% sur une s&eacute;lection d'articles signal&eacute;s par une &eacute;tiquette Fashion Days du 15/03/2017 au 29/03/2017 inclus, dans toutes les boutiques 1.2.3 de France M&eacute;tropolitaine et de Corse (hors magasins d'usine) et sur le site <a href="#toreplace" target="_blank" style="color:#333333; text-decoration:none;">www.1-2-3.fr</a> dans la limite des stocks disponibles. Remise effectu&eacute;e directement en caisse. Offre non cumulable avec toute autre op&eacute;ration en cours, y compris les offres du Programme de fid&eacute;lit&eacute; 1.2.3. Conditions d'&eacute;change et de remboursement affich&eacute;es en caisse. Remise effectu&eacute;e directement dans le panier. Pour les achats faits sur <a href="#toreplace" target="_blank" style="color:#333333; text-decoration:none;">www.1-2-3.fr</a> vous disposez d'un d&eacute;lai l&eacute;gal de r&eacute;tractation de 30 jours vous donnant droit &agrave; un &eacute;change ou un remboursement en boutique, ou un remboursement en renvoyant le produit &agrave; notre entrep&ocirc;t.<br />
            <br />
            Pour &ecirc;tre s&ucirc;re de recevoir la newsletter 1.2.3, n'oubliez pas d'ajouter l'adresse <a href="#toreplace" target="_blank" style="color:#333333; text-decoration:none;">caroline.gautier@1-2-3.biz</a> &agrave; votre carnet d'adresses.<br />
            <br />
            Si vous souhaitez ne plus recevoir d'email de la part d'1.2.3, <a href="#toreplace" target="_blank" style="color:#333333; text-decoration:none;">suivez ce lien</a></td>
        </tr>
      </table>
      <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> 
      <!-- FIN FOOTER --> 
      
    </div>
  </center>
</div>
</body>
</html>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console