JSFiddle - React, Tailwind, and code Playground
by cmruser
HTML
<html> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor="#F6F6F6" > <table width="100%" cellpadding="10" cellspacing="0"> <tr> <td valign="top" align="center"> <table width="550" border="0" cellspacing="0" cellpadding="20" bgcolor="#FFFFFF" style="font:12px verdana;color:#666666;line-height:150%;text-align:left;"> <tr> <td><img src="http://www.alliedair.net/com.lii.wwhc.ald.portal.runtime.logon/images/Allied_Air_Logo_sm.jpg" width="174" height="48" /></td> </tr> <tr> <td style="font:12px verdana;color:#666666;line-height:150%;"> <p><strong><em>Your Co-op claim has been submitted for [fundtype] and is pending administrative action. Please review the details:</em></strong></p> <hr/> <p style="color:#006699;font-weight:bold;font-size:14px">Submitted by - [companyname]</p> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font:12px verdana;color:#666666;line-height:150%;"> <tr> <td style="font:bold 12px verdana;width:170px;">Sales Rep:</td> <td>[user]</td> </tr> <tr> <td style="font:bold 12px verdana;width:170px;">Address:</td> <td>[address1]</td> </tr> <tr> <td style="font:bold 12px verdana;width:170px;">Email:</td> <td>[email]</td> </tr> </table> <hr/> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font:12px verdana;color:#666666;line-height:150%;"> <tr> <td style="font:bold 12px verdana;width:170px;">Claim Number:</td> <td><a href="[ClaimUrl]">[casenumber]</a></td> </tr> <tr> <td style="font:bold 12px verdana;width:170px;">Name of Activity:</td> <td>[activityname]</td> </tr> <tr> <td style="font:bold 12px verdana;width:170px;">Claim Amount:</td> ...