JSFiddle - React, Tailwind, and code Playground
by katalin_2003
HTML
<table style="border: 0px; border-collapse: collapse; max-width: 600px;">
<tr style="line-height: 24px;">
<td colspan="1" style="font-family: Calibri Light, Arial, sans-serif; font-size: 24px; font-weight: bold;">%%Firstname%% %%LastName%%.</td>
</tr>
<tr>
<td colspan="1" style="background-color: white; line-height: 7px;">
<img src="https://marketing.boonedam.fr/img/2020/sig/gr_line.png" alt="Your entry experts" width="104" height="7" border="0" />
</td>
</tr>
<tr style="font-family: Calibri Light, Arial, sans-serif; font-size: 14px;">
<td colspan="1" style="padding-top: 2px; text-transform: uppercase;">%%Title%%</td>
</tr>
<tr style="font-family: Calibri Light, Arial, sans-serif; font-size: 10px;">
<td colspan="1" > </td>
</tr>
<tr style="font-family: Calibri Light, Arial, sans-serif; font-size: 14px; font-weight: bold;">
<td colspan="1" style="text-decoration: none !important;">Boon Edam S.A.S.</td>
</tr>
<tr style="font-family: Calibri Light, Arial, sans-serif; font-size: 14px;">
<td colspan="1" style="text-decoration: none !important;">%%Street%% | %%ZipCode%% | %%City%%</td>
</tr>
<tr style="font-family: Calibri Light, Arial, sans-serif; font-size: 14px;">
<td colspan="1" style="padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
<span style="font-weight: bold;">T </span><a style="text-decoration: none; color: #000000;" href="tel:%%PhoneNumber%%">%%PhoneNumber%%</a><span style="font-weight: bold;"> | </span><span style="font-weight: bold;">M </span><a style="text-decoration: none; color: #000000;" href="tel:%%MobileNumber%%">%%MobileNumber%%</a>
</td>
</tr>
<tr style="font-family: Calibri Light, Arial, sans-serif; font-size: 14px;">
<td colspan="1" style="padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span style="font-weight: bold;">E </span><a href="mailto:%%Email%%" style="color: rgb(0,...