JSFiddle - React, Tailwind, and code Playground

by moku23

HTML

<!DOCTYPE html> <html> <head> <title>Account Violation 10%</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; }
css
Copia
/* RESET STYLES */
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; background: }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; background: linear-gradient(358.19deg, #110E3D -23.27%, #FF6845 244.39%);
}
</style> </head> <body style="background-color: #4a0000; margin: 0 !important; padding: 0 !important;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" style="padding: 20px 0 20px 0;"> <table border="0" cellpadding="0" cellspacing="0" width="600" style="color:white !important;border-collapse: collapse;"> <tr> <td style="padding: 40px 30px 40px 30px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style=" font-family: Arial, sans-serif; font-size: 24px; padding-bottom: 20px;"> <b>Your New Account is here!</b> </td> </tr> <tr> <td style=" font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; padding-bottom: 20px;"> <p>Dear {{firstName}}</p> <p>Following some external events not dependent on our company, below you will find the new credentials for your MT4/MT5 account, available for immediate access.
We apologize for any inconvenience caused by an external issue that is in no way dependent on OFP.p> <table border="0" cellpadding="5" cellspacing="0" width="100%" style="border: 1px solid #cccccc; border-collapse: collapse;"> <tr> <th style="border:...