JSFiddle - React, Tailwind, and code Playground
by pleymo
HTML
<table bgcolor="bfbfbf" cellpadding="0" cellspacing="0" style="width: 1000px;">
<tbody>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" id="top-message" style="width: 800px;">
<tbody>
<tr>
<td style="text-align: center;">
<p style="color: #535354; text-align: center;"></p>
<p style="color: #535354; text-align: center;">Если письмо отображается некорректно, Вы можете посмотреть <a href="{{WebLetterUrl}}">веб-версию письма</a></p>
</td>
</tr>
<tr style="height: 26px;"></tr>
</tbody>
</table>
<!-- top message -->
<table align="center" bgcolor="ffffff" border="0" cellpadding="0" cellspacing="0" style="width: 800px;">
<tbody>
<tr>
<td>
<table align="center" bgcolor="ffffff" cellpadding="0" cellspacing="0" id="Logo">
<tbody>
<tr>
<td bgcolor="ffffff" width="800"><a href="http://www.artindustry.ru" title="Журнал Артиндустрия" target="_blank"><img src="http://www.artindustry.ru/netcat_files/Image/Logo_big.jpg" /></a></td>
</tr>
</tbody>
</table>
<!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --></td>
</tr>
<!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --><!-- Logo --></tbody>
</table>
<table align="center" bgcolor="22221D" cellpadding="0" cellspacing="0" style="width: 800px;">
<tbody>
<tr>
<td>
<table bgcolor="22221D" cellpadding="0" cellspacing="0" id="menu">
<tbody>
<tr>
<td width="37px"></td>
<td bgcolor="22221D" height="60px" width="330">
<p style="color: #c7c7c7; margin-left: 5px; font-size: 16px;"><span style="font-family: arial, helvetica, sans-serif;"><strong>Оставьте свой отзыв или предложение и мы его обязательно учтем</strong></span></p>
</td>
<td width="30px"></td>
<td><a href="http://artindustry.ru/newsletterq/" title="Оставьте отзыв" target="_blank"><img height="35px"...