JSFiddle - React, Tailwind, and code Playground
by kodjoe mambi
HTML
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: "Trebuchet MS";">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: "Trebuchet MS";">
<tbody>
<tr>
<td style="vertical-align: top;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: "Trebuchet MS";">
<tbody>
<tr>
<td class="template1__ImageContainer-sc-nmby7a-0 gjVAKi" style="text-align: center;">
<img src="https://res2.yourwebsite.life/res/5ef668bcdb29eb0022cd09be/644e7c0d89ef43000cd98222_optimized_460_c460x459-0x0?nowebp" role="presentation" width="130" class="image__StyledImage-sc-hupvqm-0 gYgOut" style="display: block; max-width: 128px;">
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
<tr>
<td style="text-align: center;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="display: inline-block; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: "Trebuchet MS";">
<tbody>
<tr style="text-align: center;">
<td>
<a href="https://www.facebook.com/hapinnesstherapy/?fref=ts" color="#000000" class="social-links__LinkAnchor-sc-py8uhj-2 hBVWAh" style="display: inline-block; padding: 0px; background-color: rgb(0, 0, 0);">
<img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/facebook-icon-2x.png" alt="facebook" color="#000000" height="24" class="social-links__LinkImage-sc-py8uhj-1 hSTSwA" style="background-color: rgb(0, 0, 0); max-width: 135px; display: block;"></a>
</td>
<td width="5">
<div></div>
</td>
<td>
<a href="https://linkedin.com/" color="#000000" class="social-links__LinkAnchor-sc-py8uhj-2 hBVWAh"...