JSFiddle - React, Tailwind, and code Playground
by Calvin Tomkins
HTML
<style type="text/css">
.desktop_only{
display: none;
}
</style>
<table width="100%" border="0" cellpaddng="0" style="background-color:#EEE; margin: 0; padding: 0;">
<tr>
<td align="center" valign="top" style="background-color:#EEE;">
<table width="100%" style="background-color:#EEE; border:1px solid #EEE; display" cellspacing="0">
<tr>
<td></td>
<td width="650" style="background-color: #FFF;">
<table align="center" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="200" style="padding: 7px;">
<img src="http://www.bakerite.co.uk/img/logos.png" />
</td>
<td></td>
<td width="125" align="center" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 7px;">Free Phone: 0800 999 8876</td>
<td width="100" align="center" style="background-color: #EC4C4C; color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 7px;">View Online</td>
</tr>
</table>
<table align="center" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="http://www.bakerite.co.uk/img/flyers/soya/soyaflourmain.jpg" />
</td>
</tr>
</table>
<table align="center" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="http://www.bakerite.co.uk/img/flyers/soya/soyaqualities.jpg" />
</td>
</tr>
</table>
<table align="center" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="http://www.bakerite.co.uk/img/flyers/soya/soyaflourrecipes.jpg" />
</td>
</tr>
</table>
<table align="center" width="100%" cellspacing="0" cellpadding="0" style="background-color: #ed8000;">
<tr>
<td align="center">
<h1 style="font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 10px;">Got a Question? Contact Us:</h1>
<h2 style="font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 10px;">0800 999 8876 or <a href="mailto:[email protected]" style="text-decoration:none; color: black;">[email protected]</a></h2></h2>
</td>
</tr>
</table>
<table...