Event Details
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>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:rgb(255,255,255);margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;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="max-width:550px;margin:40px auto">
<tr>
<td style="padding:48px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.05)">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="padding-bottom:32px;border-bottom:1px solid #dee2e6">
<p style="font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#6c757d;margin:0 0 8px 0">Save the Date</p>
<h2 style="font-size:28px;font-weight:700;color:#212529;margin:0">Design Workshop 2024</h2>
</td>
</tr>
<tr>
<td style="padding:32px 0">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="padding:12px 0">
<div style="display:flex;align-items:center">
<div style="width:32px;height:32px;border-radius:16px;background:#007bff;margin-right:16px;text-align:center;line-height:32px;color:white">📅</div>
<div>
<p style="font-size:16px;font-weight:500;color:#212529;margin:0">January 25, 2024</p>
<p style="font-size:14px;color:#6c757d;margin:4px 0 0 0">Thursday</p>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding:12px 0">
<div style="display:flex;align-items:center">
<div style="width:32px;height:32px;border-radius:16px;background:#28a745;margin-right:16px;text-align:center;line-height:32px;color:white">⏰</div>
<div>
<p style="font-size:16px;font-weight:500;color:#212529;margin:0">2:00 PM - 4:00 PM EST</p>
<p style="font-size:14px;color:#6c757d;margin:4px 0 0 0">2 Hours Duration</p>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding:12px 0">
<div style="display:flex;align-items:center">
<div style="width:32px;height:32px;border-radius:16px;background:#dc3545;margin-right:16px;text-align:center;line-height:32px;color:white">🌐</div>
<div>
<p style="font-size:16px;font-weight:500;color:#212529;margin:0">Virtual Event</p>
<p style="font-size:14px;color:#6c757d;margin:4px 0 0 0">Link will be shared via email</p>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align:center;padding-top:16px;border-top:1px solid #dee2e6">
<a href="#" style="display:inline-block;padding:16px 32px;background:#007bff;color:white;text-decoration:none;border-radius:8px;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;font-size:14px">Add to Calendar</a>
<p style="font-size:14px;color:#6c757d;margin:16px 0 0 0">Calendar invite will be sent after registration</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>