JSFiddle - React, Tailwind, and code Playground
by Aaron Kahlhamer
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=100%, initial-scale=1.0"/>
<title>ClientWhys - You're invited!</title>
<style type="text/css">
#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
a, body, img, p, span, tbody {margin:0;padding:0;}
img {color:#fff;font-size:32px;outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
table td {border-collapse: collapse;}
.ReadMsgBody {width: 100%;}

.ExternalClass {display:block;margin:0 auto;max-width:640px;width: 100%;}
.appleLinks a {color:#6FC99F; text-decoration: none;}
.preheader {display:none!important;visibility: hidden!important;}
</style>
</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" bgcolor="#006B3E" style="
background:#006B3E;background-image:url(https://raw.github.com/aaronkahlhamer/the-zurb-clambake/master/imgs/background1.jpg);color:#0C0600;font-family: Arial, Helvetica, sans-serif;width:100%;">
<table bgcolor="#006B3E" style="background:#006B3E;background-image:url(https://raw.github.com/aaronkahlhamer/the-zurb-clambake/master/imgs/background1.jpg);width:100%;">
<tr>
<td valign="top" style="width:4px;"> </td>
<td valign="top" style="display:block;margin:0 auto;max-width:640px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="height:78px;">
<tr>
<td valign="middle" style="display:block;height:78px;padding:0 0 0 12px;min-width:150px;max-width:217px;">
<table cellpadding="0"...