49 lines
2.5 KiB
Twig
49 lines
2.5 KiB
Twig
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Abiball - Freie Waldorfschule Bremen</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f6f6f6;">
|
|
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f6f6f6;">
|
|
<tr>
|
|
<td style="padding: 20px 0;">
|
|
<table role="presentation" cellpadding="0" cellspacing="0" width="300" style="margin: 0 auto; background-color: #ffffff; border-radius: 8px; overflow: hidden;">
|
|
<tr>
|
|
<td style="background-color: #372064; padding: 10px 5px 5px; text-align: center;">
|
|
<img src="{{ email.image('@images/header.jpeg') }}" alt="Abiball" style="width: 290px; height: auto;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<img src="{{ email.image('@images/background.jpeg') }}" alt="Celebration" style="width: 100%; max-width: 300px; height: auto; display: block;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding: 40px;">
|
|
<h2 style="text-align: center; color: #333333; font-size: 24px; margin-bottom: 20px;">You're Invited!</h2>
|
|
<p style="text-align: center; color: #666666; font-size: 16px; line-height: 1.5; margin-bottom: 30px;">
|
|
Join us for an evening of celebration, dancing, and memories at the Freie Waldorfschule Bremen Graduation Ball
|
|
</p>
|
|
|
|
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f8f9fa; border-radius: 8px; margin-bottom: 30px;">
|
|
<tr>
|
|
<td style="padding: 25px;">
|
|
<h3 style="color: #333333; font-size: 18px; margin: 0 0 15px 0;">Event Details</h3>
|
|
<p style="color: #666666; margin: 5px 0;">Date: [Date]</p>
|
|
<p style="color: #666666; margin: 5px 0;">Time: [Time]</p>
|
|
<p style="color: #666666; margin: 5px 0;">Address: [Address]</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |