JSFiddle - React, Tailwind, and code Playground
by Elodie Be
HTML
<p style="text-align:center;font-size:11px;font-family:Arial, sans-serif;">Si vous ne visualisez pas correctement cet email, <a href="http://www.sani-lodge.com/mailings/2013/">cliquez ici</a></p>
<table width="650px" cellpadding="0" cellspacing="0" align="center" style="background:#6d0b2e; color:#fff; font-family:Arial, sans-serif; font-size:20px; text-align:center">
<tr style="background:#fff;">
<td width="650" height="85" style="font-size:10px;line-height:11px;font-style:italic;color:#949493;padding-bottom:10px;">
<p>Cet email n'est pas un spam, c'est un contact B to B : professionnels à professionnels. Nous vous prions de bien vouloir accepter nos excuses si vous l'avez reçu par erreur ou s'il vous a causé un désagrément. Il vous est envoyé car vous êtes un professionnel du tourisme.</p>
<p>Conformément à la loi Informatique et Libertés du 6 janvier 1978, vous disposez d'un droit d'accès, de rectification et d'opposition aux données personnelles vous concernant. Il vous suffit pour cela de nous contacter par email à l'adresse <a href="mailto:[email protected]">[email protected]</a>.<br />Si vous ne souhaitez plus recevoir de messages de notre part, <a href="http://www.sani-lodge.com/mailings/stop/">cliquez ici</a>.</p></td>
</tr>
<tr>
<td width="650" height="85" style="font-size:40px; color:#beb701;">Connaissez-vous Sanilodge ?</td>
</tr>
<tr>
<td width="650" height="380"><img src="http://www.sani-lodge.com/mailings/2013/bloc-sanitaire-camping.jpg" width="650" height="380" alt="Sanitaire individuel pour camping" /></td>
</tr>
<tr>
<td width="650" height="115"><img src="http://www.sani-lodge.com/mailings/2013/sanitaire-individuel-equipe.jpg" alt="Le bloc sanitaire individuel tout équipé pour des emplacements de camping haut de gamme" width="650" height="115" /></td>
</tr>
<tr>
<td width="650" height="80"><a style="color:#beb701;" href="http://www.sani-lodge.com/"><img border="0" src="http://www.sani-lodge.com/mailings/2013/bouton.jpg"...