Template Mailchimp

[Chandler]

Ciao Mattia,
qui di seguito il codice che ho creato per una mailing list di MailChimp.
Sono riuscito, pasticciando un pò, a renderla verosimile all'immagine che allego, anche perchè doveva farla di fretta, ma vorrei "pulirla" per le prossime volte.
questo il codice (che metto dentro ad un box di testo di Mailchimp per poterlo editare come fosse "Dreamweaver", anzichè fare un box html classico):

Codice:

<div>
<table style="background-color:#e1ded6">
<tbody>
<tr>
<td valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" style="background-color:#e1ded6">
<tbody>
<tr>
<td style="text-align: justify;" valign="top">&nbsp;&nbsp;<img height="198" src="https://mcusercontent.com/639daf84bdc2128aa5dd719a6/images/052af399-43f4-48df-a6f5-4cd3b117074e.jpg" style="border: 0px  ; width: 295px; height: 198px; float: left; margin: 0px;" width="295" /></td>
</tr>
</tbody>
</table>

<table align="right" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: justify;" valign="top"><img height="197" src="https://mcusercontent.com/639daf84bdc2128aa5dd719a6/images/7f963e12-e56d-4054-94c6-abf05364b70d.jpg" style="border: 0px  ; width: 295px; height: 197px; float: right; margin: 0px;" width="295" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<div style="background-color: rgb(225, 222, 214); padding-left: 6px; width: 594px; column-count: 2; column-gap: 12px; text-align: justify;"><br />
<span style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span style="color:#000000"><span style="font-size:14px; text-align:justify">Pensata per sviluppare il legame familiare,<br />
mettere il bambino al centro e permettergli<br />
di condividere la vita a tavola sin dalla nascita.<br />
<br />
<br />
<br />
<br />
Ergonomica e studiata per garantire una<br />
corretta postura. Le numerose possibilit&agrave; di<br />
regolazione del sedile e del poggiapiedi<br />
assicurano infatti il corretto sostegno alla<br />
schiena e ai piedi in base all'et&agrave;.</span></span></span></div>

<table style="background-color:#e1ded6">
<tbody>
<tr>
<td valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" style="background-color:#e1ded6">
<tbody>
<tr>
<td style="text-align: justify;" valign="top">&nbsp;&nbsp;<img data-file-id="4693481" height="196" src="https://mcusercontent.com/639daf84bdc2128aa5dd719a6/images/645e644e-cfc7-471f-a8f9-366d4cfc049a.jpg" style="border: 0px  ; width: 295px; height: 196px; float: left; margin: 0px;" width="295" /></td>
</tr>
</tbody>
</table>
</td>
<td style="text-align: left; padding-left: 10px; padding-right: 5px;" width="295"><span style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span style="color:#000000"><span style="font-size:14px; text-align:justify">Innovativa e ideale per favorire sviluppo ed autonomia del bambino.<br />
<strong>Approvata dalla Fondazione Montessori quale espressione di un design funzionale all&rsquo;approccio pedagogico</strong> montessoriano, incentrato sulla scoperta e sulla sperimentazione infantili finalizzate all&rsquo; autoconsapevolezza.</span></span></span></td>
</tr>
</tbody>
</table>
</div>

<div style="background-color:#e1ded6">&nbsp;
<h2 class="null" style="background-color: rgb(240, 107, 51); text-align: center;"><br />
<span style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span style="color:#FFFFFF">SE VUOI SAPERNE DI PI&Ugrave; E SCOPRIRE TRIPP TRAPP PRENOTA ORA<br />
LA TUA SESSIONE DI PERSONAL SHOPPING LIVE<br />
CON IL RIVENDITORE DI ZONA.</span></span><br />
&nbsp;</h2>

<table style="background-color:#e1ded6">
<tbody>
<tr>
<td valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" style="background-color:#e1ded6">
<tbody>
<tr>
<td style="text-align: left; padding-left: 6px;" width="395"><br />
<span style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span style="color:#000000"><span style="font-size:14px; text-align:justify">Nome Rivenditore<br />
Scrivi a (numero Whatsapp),<br />
indica il tuo nome e cognome e nel corpo del testo scrivi &ldquo;Richiesta informazioni sul prodotto Stokke Tripp Trapp&rdquo;.<br />
Verrai ricontattato direttamente dal rivenditore per fissare la tua consulenza.</span></span></span><br />
&nbsp;</td>
</tr>
</tbody>
</table>

<table align="right" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="text-align: justify;" valign="top"><img data-file-id="4694681" height="143" src="https://mcusercontent.com/639daf84bdc2128aa5dd719a6/images/abe5cdbe-c354-4ab2-bcba-ccdfa2c80a1e.jpg" style="border: 0px  ; width: 190px; height: 143px; float: right; margin: 0px;" width="190" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<div style="background-color:#e1ded6"><a href="http://www.stokke.com" target="_blank"><img align="center" data-file-id="4694709" height="74" src="https://mcusercontent.com/639daf84bdc2128aa5dd719a6/images/b3ae434a-4602-41d8-bb5d-da3b715de0cd.jpg" style="border: 0px  ; width: 200px; height: 74px; margin: 0px; padding-left: 200px" width="200" /></a></div>

<div style="background-color: rgb(225, 222, 214); text-align: right; padding-right: 10px;"><span style="font-size:13px"><span style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span style="color:#000000"><em>Grazie,<br />
Il team di Stokke</em></span></span></span></div>

<div style="background-color: rgb(225, 222, 214); padding-right: 10px; text-align: left;"><br />
<span style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif; padding-left:10px"><span style="font-size:12px"><span style="color:#000000">Hai ricevuto questa mail&nbsp;perch&eacute;&nbsp;sei amico di Stokke!&nbsp;Altrimenti, clicca&nbsp;</span><a href="*|UNSUB|*" target="_blank"><span style="color:#000000">qui</span></a><span style="color:#000000">.</span></span></span><br />
<br />
&nbsp;</div>
</div>

Attendo tue

Grazie mille

Chand