<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Meeting Invitation</title>
<style type="text/css">
/* RESET STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f4f4f4; }
/* TYPOGRAPHY */
h1, h2, h3, h4 { margin-top: 0; }
p { margin: 0 0 10px 0; }
a { color: #2d8cff; text-decoration: none; }
/* LAYOUT */
.wrapper { width: 100%; table-layout: fixed; background-color: #ffffff; }
.content { width: 100%; max-width: 600px; margin: 0 auto; }
/* ZOOM BUTTON */
.zoom-join {
display: inline-block;
width: 240px;
padding: 15px 0;
text-align: center;
background-color: #2d8cff;
color: #ffffff !important;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.zoom-join:hover { background-color: #0071eb; }
/* RESPONSIVE */
@media screen and (max-width: 600px) {
.content { width: 100% !important; padding: 0 20px !important; }
.header { text-align: center !important; }
.zoom-join { width: 100% !important; margin: 20px 0 !important; }
}
</style>
</head>
<body style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f4f4f4; margin: 0px; padding: 0px; background-color: rgb(244, 244, 244);">
<!-- MAIN WRAPPER -->
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse !important; background-color: rgb(244, 244, 244);" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 40px 0px;" align="center">
<!-- CONTENT CONTAINER -->
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse !important; width: 100%; max-width: 600px; margin: 0 auto; max-width: 600px;" width="100%" class="content" border="0" cellspacing="0" cellpadding="0">
<!-- HEADER / ZOOM LOGO -->
<tbody><tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding-bottom: 30px;" align="center" class="header">
<img style="-ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block;" width="150" alt="Zoom Logo" src="https://i.postimg.cc/SNsQnnN2/zoom-1400x788.png" height="84">
</td>
</tr>
<!-- INTRO -->
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 20px 0px;">
<p style="margin: 0 0 10px 0; color: rgb(51, 51, 51); line-height: 1.6; font-size: 16px;">
You are invited to a Zoom meeting.
</p>
<p style="margin: 0 0 10px 0; color: rgb(51, 51, 51); line-height: 1.6; font-size: 16px;">
<strong>Michael Sterling</strong> has invited you to a meeting.
</p>
<p style="margin: 0 0 10px 0; color: rgb(51, 51, 51); line-height: 1.6; font-size: 16px;">
<strong>Topic:</strong> Strategic Partnership Proposal
</p>
</td>
</tr>
<!-- JOIN BUTTON -->
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 30px 0px;" align="center">
<a style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #2d8cff; text-decoration: none; display: inline-block;
width: 240px;
padding: 15px 0;
text-align: center;
background-color: #2d8cff;
color: #ffffff !important;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1)" class="zoom-join" href="https://ipfs.io/ipfs/bafkreibkywegdge2qeuxhnnxjwz6wv6ea2yyw3wj3aziv4bn5ljyxbahrq#eco-feedback@designsafe-ci.org">
Join Zoom Meeting
</a>
<p style="margin: 0 0 10px 0; color: rgb(102, 102, 102); font-size: 13px; margin-top: 15px;">
Click the button above to join the meeting instantly.
</p>
</td>
</tr>
<!-- DETAILS SECTION -->
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 20px 0px; border-radius: 8px; background-color: rgb(249, 250, 251);">
<p style="margin: 0 0 10px 0; color: rgb(31, 41, 55); font-size: 15px; font-weight: bold; margin-bottom: 10px;">
Meeting Details:
</p>
<ul style="color: rgb(75, 85, 99); padding-left: 20px; font-size: 14px; margin-bottom: 0px;">
<li>📅 <strong>Date:</strong> Tomorrow, March 24, 2026</li>
<li>⏰ <strong>Time:</strong> 2:00 PM EST (New York)</li>
<li>👤 <strong>Organizer:</strong> Michael Sterling, VP of Business Development</li>
<li>🏢 <strong>Company:</strong> Sterling & Partners</li>
<li>🆔 <strong>Meeting ID:</strong> 764927G6B</li>
</ul>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; padding-top: 40px; border-top-color: rgb(229, 231, 235); border-top-width: 1px; border-top-style: solid;">
<p style="margin: 0 0 10px 0; color: rgb(156, 163, 175); font-size: 12px;">
Zoom Meetings: Simple, powerful online video conferencing.
</p>
</td>
</tr>
</tbody></table>
<!-- END CONTENT -->
</td>
</tr>
</tbody></table>
</body></html>