JSFiddle - React, Tailwind, and code Playground
by cmruser
HTML
<!DOCTYPE html> <html> <head> <title>Claim Approved</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 style="border-bottom: 5px solid #312e2f" valign="top"> <table border="0" cellpadding="20" cellspacing="0" id="tplHeader" style="background:#fff;" width="100%"> <tr> <td valign="top"><img alt="logo" src="https://partnerportal.bz/uploads/source/158/image/buffalo-logo-small.jpg" 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:#ca1d24;">Partner Claim Approved</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 approved your claim for [ClaimNumber].</span></p> <p><span style="font-family:arial; font-size:18px; color:#ca1d24;">Partner</span></p> <table border="0" cellpadding="10" cellspacing="0" id="tblContact" width="100%"> <tbody> <tr> <td style="background-color:#f8f8f8;width:50%;" valign="top"> <table border="0"...