JSFiddle - React, Tailwind, and code Playground
HTML
<style>
a {
display : block;
}
</style>
<table width="700" align="center" style="background-image: url('http://www.image.test.com/images/bg.jpg'); background-color: #ededed; background-position: center top; background-repeat: no-repeat; margin:0;padding:0;padding: 0; width: 700px; margin: 0 auto;">
<tr width="600" style="border-collapse:collapse;border-spacing:0;">
<td style="border-collapse:collapse;border-spacing:0;">
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style=
"border-collapse:collapse;border-spacing:0;">
<thead width="600" style="border-collapse:collapse;border-spacing:0;">
<tr width="600"height="150" style="border-collapse:collapse;border-spacing:0;">
<th width="600" style="border-collapse:collapse;border-spacing:0;">
<img src="http://www.image.test.com/images/header.png" width="600" height="151">
</th>
</tr>
<tr height="104">
<th style="height:104px; border-bottom: 5px #ededed solid;">
<img src="http://www.image.test.com/images/update.png" width="600" height="104">
</th>
</tr>
</thead>
<tbody width="600">
<tr height="170">
<th height="170">
<a style="height:170px;" href="http://www.test.com/motorola-droid-turbo/65466-moto-maxx-chega-oficialmente-brasil-preco-r-xxxx.htm" target="_blank"><img src="http://www.image.test.com/images/moto-maxx.png" width="600" height="170"></a>
</th>
</tr>
<tr height="180">
<th height="170">
<a style="height:170px;" href="http://www.test.com/jogos/65442-explosivo-trailer-gameplay-gta-v-confirma-modo-primeira-pessoa.htm" target="_blank"><img src="http://www.image.test.com/images/gta-v.png" width="600" height="170"></a>
</th>
</tr>
...