JSFiddle - React, Tailwind, and code Playground

by Jordan Sayner

HTML

<!-- start body -->
<table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;" width="100%">
	<!-- start logo -->
	<tbody>
		<tr>
			<td align="center" style="background-color: #f5f3ed; padding: 0 24px;">
				<table border="0" cellpadding="0" cellspacing="0">
					<tbody>
						<tr>
							<td align="center" style="padding: 36px 24px 16px 24px;" valign="top">
								<a href=":SiteAddress" style="display: inline-block; font-size: 32px; font-weight: 700; line-height: 48px; color: #616161; text-decoration: none;font-family: Helvetica,Arial,sans-serif;" target="_blank"><img alt="" src="https://res.skiverbierexclusive.com/content/email/images/ski-verbier-exclusive-logo1x.png"></a>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
		<!-- end logo -->
		<!-- start copy block -->
		<tr>
			<td style="background-color: #f5f3ed;padding: 24px;" align="center">
				<table border="0" cellpadding="0" cellspacing="0" style="border-top: 3px solid #dbdbdb;border-bottom: 3px solid #dbdbdb;background-color: #fff;" width="600">
					<tbody>
						<tr>
							<td style="padding: 36px 24px">

								<!-- // 
								Enquiry - Snippet - Follow up 
								// -->
								<h2 style="margin: 0; font-size: 18px; font-weight: 700; line-height: 24px; color: #616161; font-family: Helvetica,Arial,sans-serif;">
									Dear :FirstName
								</h2>
								<p style="color: #676767;font-family: Helvetica,Arial,sans-serif;font-size: 14px;">
									That you for you enquiry with us here at :SiteName.
								</p>
								<br />
								<!-- // 
								Enquiry - Property - Snippet 
								// -->
							
							
							
							
							
							
<table border="0" cellpadding="8" cellspacing="0" style="border-collapse: collapse;" width="100%">
	<tbody>
		<tr>
			<td align="left" style="background-color: #f9f9f9;height: 40px;" valign="middle">
				<h2 style="margin: 0;font-size: 20px;font-weight: bold;line-height: 20px;font-family:...