JSFiddle - React, Tailwind, and code Playground

by katalin_2003

HTML

<table style="border: 0px; border-collapse: collapse; max-width: 600px;">
  <tr><img src="https://marketing.boonedam.fr/img/2022/FR_2022_eCard_600x300.png" width="600" height="300" alt="Boon Edam France Happy New Year 2022"></tr>
  <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">&nbsp;</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&nbsp;</span><a style="text-decoration: none; color: #000000;" href="tel:%%PhoneNumber%%">%%PhoneNumber%%</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&nbsp;</span><a href="mailto:%%Email%%" style="color: rgb(0, 133, 66); text-decoration:...