First Generated Template
This is a generated email template
Preview
<!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://placehold.in/600x200@2x.png/007291/FFFFFF" />
<link rel="preload" as="image" href="https://placehold.in/150x150@2x.png/007291/FFFFFF" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" /><!--$-->
<style>
@font-face {
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/helvetica/v18/1b950d2a-907a-4888-8056-0d44e8e86338.woff2) format('woff2');
}
* {
font-family: 'Helvetica', Arial;
}
</style>
</head>
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">You're invited to my Birthday Bash!<div> </div>
</div>
<body style="background-color:rgb(243,244,246);font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;padding:2rem;max-width:48rem">
<tbody>
<tr style="width:100%">
<td><img alt="Birthday Banner" height="200" src="https://placehold.in/600x200@2x.png/007291/FFFFFF" style="width:100%;margin-bottom:2rem;display:block;outline:none;border:none;text-decoration:none" width="600" />
<h1 class="text-brand" style="font-size:2.25rem;line-height:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem">You're Invited to My Birthday Bash!</h1>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding:2rem;border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0,0,0,0.1), 0 4px 6px -4px rgb(0,0,0,0.1);margin-bottom:2rem">
<tbody>
<tr>
<td>
<p style="font-size:1.25rem;line-height:1.75rem;text-align:center;margin-bottom:1.5rem;margin:16px 0">Join us for an unforgettable celebration!</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tbody style="width:100%">
<tr style="width:100%">
<td data-id="__react-email-column" style="padding-left:1rem;padding-right:1rem"><img alt="Date" height="150" src="https://placehold.in/150x150@2x.png/007291/FFFFFF" style="margin-left:auto;margin-right:auto;margin-bottom:1rem;display:block;outline:none;border:none;text-decoration:none" width="150" />
<p style="text-align:center;font-weight:600;font-size:14px;line-height:24px;margin:16px 0">Date & Time</p>
<p style="text-align:center;font-size:14px;line-height:24px;margin:16px 0">Saturday, July 15th, 7 PM</p>
</td>
<td data-id="__react-email-column" style="padding-left:1rem;padding-right:1rem"><img alt="Location" height="150" src="https://placehold.in/150x150@2x.png/007291/FFFFFF" style="margin-left:auto;margin-right:auto;margin-bottom:1rem;display:block;outline:none;border:none;text-decoration:none" width="150" />
<p style="text-align:center;font-weight:600;font-size:14px;line-height:24px;margin:16px 0">Location</p>
<p style="text-align:center;font-size:14px;line-height:24px;margin:16px 0">123 Party Street, Fun City</p>
</td>
<td data-id="__react-email-column" style="padding-left:1rem;padding-right:1rem"><img alt="Theme" height="150" src="https://placehold.in/150x150@2x.png/007291/FFFFFF" style="margin-left:auto;margin-right:auto;margin-bottom:1rem;display:block;outline:none;border:none;text-decoration:none" width="150" />
<p style="text-align:center;font-weight:600;font-size:14px;line-height:24px;margin:16px 0">Theme</p>
<p style="text-align:center;font-size:14px;line-height:24px;margin:16px 0">Nordic Maximalism</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center">
<tbody>
<tr>
<td><a href="https://example.com/rsvp" class="bg-brand" style="padding-left:2rem;padding-right:2rem;padding-top:1rem;padding-bottom:1rem;font-weight:700;color:rgb(255,255,255);font-size:1.125rem;line-height:1.75rem;border-radius:9999px;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:16px 32px 16px 32px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:24" hidden>    </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:12px">RSVP Now</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>    ​</i><![endif]--></span></a></td>
</tr>
</tbody>
</table>
<hr style="border-top-width:1px;border-color:rgb(209,213,219);margin-top:2rem;margin-bottom:2rem;width:100%;border:none;border-top:1px solid #eaeaea" />
<p style="text-align:center;color:rgb(75,85,99);font-size:14px;line-height:24px;margin:16px 0">We can't wait to celebrate with you!</p>
</td>
</tr>
</tbody>
</table><!--/$-->
</body>
</html>