JSFiddle - React, Tailwind, and code Playground
by Kirubel Girma
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" lang="en"><head> <link rel="preload" as="image" href="https://v2.ptcatlanta.com/Images/ptc_logo.png" /> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <meta name="x-apple-disable-message-reformatting" /> <!--$--> </head> <div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Dropbox reset your password<div></div> </div><body style="background-color:#f6f9fc;padding:10px 0"> <table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:57em;background-color:#ffffff;border:1px solid #f0f0f0;padding:45px"> <tbody> <tr style="width:100%"> <td><img alt="Dropbox" height="33" src="https://v2.ptcatlanta.com/Images/ptc_logo.png" style="display:block;outline:none;border:none;text-decoration:none" width="140.23" /> <table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"> <tbody> <tr> <td> <p style="font-size:16px;line-height:26px;margin:16px 0;font-family:'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;font-weight:300;color:#404040">Greetings,</p> <p style="font-size:16px;line-height:26px;margin:16px 0;font-family:'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;font-weight:300;color:#404040">Attached to this email, you will find a PDF copy of your invoice with the details of your recent transaction(s) that are due for payment.</p><a href="https://ptcatlanta.com" style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:#F0B423;border-radius:4px;color:#fff;font-family:'Open...