JSFiddle - React, Tailwind, and code Playground
by cmruser
HTML
<!DOCTYPE html><html><head><title>Jabra Deal Registration Approved-Reseller&Manager</title><style type="text/css">body { background: #f8f8f8; font-family: Arial; font-size: 14px; color: #333333; line-height: 20px; } a { text-decoration: none; outline: none !important; } .i-b71 td, .w-f21 td, .p-3b3 td, .t-ee7 td { width: 50%; }</style></head><body><table class="u-597" style="background:#f8f8f8;width:100%;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="u-597-00"><div class="d-b97" align="center"><table class="i-dfc" style="width:650px;background:#ffffff;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="i-dfc-00"><div class="h-f73" style="border-bottom:5px solid #ffd100;"><table class="g-a9b" border="0" cellpadding="20" cellspacing="0"><tbody><tr><td class="g-a9b-00"><div class="j-7f1"><img src="https://partnerportal.bz/uploads/source/106/image/jabra-logo.png" alt="logo" width="180" height=""></div></td></tr></tbody></table></div></td></tr><tr><td class="i-dfc-10"><table class="w-4b2" style="width:100%;" border="0" cellpadding="20" cellspacing="0"><tbody><tr><td class="w-4b2-00"><div class="x-83f" style="font-family:arial, sans-serif;font-size:14px;color:#333333;"><p><span style="font-size: 24px;">Approved<br></span><br>Dear [RFirst_Name],<br></p><p><font face="arial">Your Deal Registration application has been approved. Details of the Registration are below:</font><br></p><p><br></p></div><table class="j-8aa" style="width:100%;background:#f8f8f8;" border="0" cellspacing="0" cellpadding="5" valign="top"><tbody><tr><td class="j-8aa-00" valign="top"><table class="i-b71" style="background:#ffffff;width:100%;" border="0" cellspacing="0" cellpadding="5"><tbody><tr><td class="i-b71-00"><div class="c-fbf" style="font-family:arial, sans-serif;font-size:14px;color:#333333;"><b>Deal Reg ID:</b></div></td><td class="i-b71-01"><div class="m-585" style="font-family:arial,...