JSFiddle - React, Tailwind, and code Playground
by cmruser
HTML
<html> <head> <title>Claim Denied</title> <style type="text/css"> /* OutLook */ a { color: #508eca; text-decoration: none; outline: none !important; } body { font: 16px Arial; color: #333333; } </style> </head> <body style="background-color:#f8f8f8"> <table border="0" cellpadding="0" cellspacing="0" style="background-color:#f8f8f8" width="100%"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff" width="600"> <!-- HEADER \\ --> <tr> <td valign="top" style="border-bottom: 5px solid #312e2f"> <table border="0" cellpadding="20" cellspacing="0" id="tplHeader" width="100%" style="background:#fff;"> <tr> <td valign="top"> <img alt="logo" src="https://partnerportal.bz/uploads/source/0/entrust-datacard/entrust-datacard-logo.gif" style="border:none;"> </td> </tr> </table> </td> </tr><!-- SECTION BODY\\ --> <tr> <td align="left" valign="top"> <table border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td valign="top"> <p><span style="font-family:arial; font-size:24px; color:#6a0070;">OOPS! We had a problem with your claim.</span></p> <p><span style="font-family:arial; font-size:14px; font-weight:bold;">Dear [FirstName] [LastName],</span></p> <p><span style="font-family:arial; font-size:14px;">We have denied your claim number [ClaimNumber] for the amount of [ClaimAmount]. Your Entrust Datacard Sales Representative will contact you shortly.</span></p> <p><span style="font-family:arial; font-size:14px;"><em>Regards,</em> <br/> ...