JSFiddle - React, Tailwind, and code Playground
by Jordan Sayner
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>:SiteName</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body style="background-color: #F5F3ED;">
<!-- start body -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- start logo -->
<tbody>
<tr>
<td align="center" style="background-color: #f5f3ed; padding: 0 24px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<table width="100%" style="max-width: 600px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center" valign="top" style="border-bottom: 3px solid #dbdbdb;padding: 36px 24px 16px 24px;">
<a style="display: inline-block; font-size: 32px; font-weight: 700; line-height: 48px; color: #616161; text-decoration: none;font-family: Helvetica,Arial,sans-serif;" href=":SiteAddress" target="_blank">
<img alt="" src="https://res.skiverbierexclusive.com/content/email/images/ski-verbier-exclusive-logo1x.png" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end logo -->
<!-- start copy block -->
<tr>
<td align="center" style="background-color: #f5f3ed; padding: 0 24px;">
<table align="center" border="0" cellpadding="0"...