JSFiddle - React, Tailwind, and code Playground
by tenold
HTML
<table width="500px" style="table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="12" style="height:700px;text-align:center;background:url(http://fpoimg.com/500x700) center top no-repeat;">
<a href="*|FEEDITEM:URL|*" style="background:white;color:black;padding:15px 30px;font-size:15px;letter-spacing:2px;text-decoration:none;">VIEW POST</a>
</td>
</tr>
<tr>
<td colspan="12" valign="top" style="text-align:center;border-bottom:1px solid #EAEAEA;">
<h1 style="text-transform:uppercase;letter-spacing:2px;font-weight:normal;font-size:14px;padding-top:20px;">*|FEEDITEM:TITLE|*</h1>
<p style="font-size:10px;font-style:italic;font-family:Georgia, serif;line-height:24px;padding:10px 0px 30px 0px;">*|FEEDITEM:CONTENT|*</p>
<a href="*|FEEDITEM:URL|*" style="background:black;color:white;padding:10px 20px;font-size:10px;letter-spacing:2px;text-decoration:none;margin-bottom:50px;display:inline-block;">READ MORE</a>
</td>
</tr>
<tr><td colspan="12" style="height:3px;"></td></tr>
<tr>
<td colspan="6" style="border-top:1px solid #EAEAEA;padding:20px 0px;font-size:12px;letter-spacing:2px;">DAY TO DAY</td>
<td colspan="6" style="border-top:1px solid #EAEAEA;text-align:right;padding:20px 0px;font-size:8px;letter-spacing:2px;"><a href="#" style="color:black;text-decoration:none;">FOLLOW ON INSTAGRAM</a></td>
</tr>
<tr>
<td colspan="4" style="border-bottom:1px solid #EAEAEA;padding-bottom:50px;text-align:center;"><a href="#" style="display:block;width:162px;"><img src="http://fpoimg.com/162x162"/></a></td>
<td colspan="4" style="border-bottom:1px solid #EAEAEA;padding-bottom:50px;text-align:center;"><a href="#" style="display:block;width:162px;padding-left:2px;"><img src="http://fpoimg.com/162x162"/></a></td>
<td colspan="4" style="border-bottom:1px solid...