JSFiddle - React, Tailwind, and code Playground
HTML
<table cellpadding="0" cellspacing="0" align="center" width="600" style="font-family: Arial,Helvetica,sans-serif; vertical-align:middle;">
<tbody>
<tr>
<td style="font-size:10px; font-family:Arial, Helvetica, sans-serif;" align="center">
<a style="color:#00B5E6" href="http://$CANTREAD$"><font style="font-family:Arial, Helvetica, sans-serif; font-size:10px">Click here to view online</font></a>
</td>
</tr>
<tr>
<td style="width: 600px;" bgcolor="#FFFFFF">
<img src="xxxx" height="8" width="8">
</td>
</tr>
<tr>
<td style="background-color: #FFFFFF; width: 600px;">
<table border="0" cellpadding="0" cellspacing="0" width="600" align="center">
<tbody>
<tr>
<td width="600" height="235" colspan="2" style="padding:0px;" border="0">
<img src="xxx" height="235" width="600" style="vertical-align:bottom;">
</td>
</tr>
<tr>
<td colspan="2" style="background-color:#002046; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; padding:18px;">
<strong>One size doesn't fit all... there is no formula for the perfect contact centre agent; it all depends on the function they're performing.</strong><br>
<br>
You can train people with scripts and processes but the most successful contact centres use agents who are naturally skilled at, and motivated by, the service they perform.<br>
<br>
Our products identify a candidate's talent and motivation for different tasks, recognising the candidates who will perform best in the function you need.
...