59 lines
3.7 KiB
HTML
59 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{subject}}</title>
|
|
</head>
|
|
<body>
|
|
<div style="padding-top: 20px; padding-bottom: 20px; width: 100%; background-color: #eeeeee; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="width: 100%; max-width: 100%; margin: 0 auto;">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: 0 auto; width: 100%; max-width: 680px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden;">
|
|
<tbody>
|
|
<tr class="header-row">
|
|
<td style="padding: 0;">
|
|
<div class="header-image" style="background: #f3f4f6; position: relative; width: 100%; height: 425px; overflow: hidden;">
|
|
<img src="{{image_url}}" alt="image" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 0px 25px 20px;">
|
|
<div style="border: 1px solid #e5e7eb; border-radius: 12px; background-color: #ffffff; overflow: hidden;">
|
|
<div style="padding: 15px;">
|
|
<div style="font-size: 16px; margin: 0; color: #374151; line-height: 1.6; word-break: break-word;">
|
|
{{body_content}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 0px 25px 20px;">
|
|
<div class="company-info" style="background: linear-gradient(to right, #000000, #0f9b0f); color: #ffffff; border-radius: 12px;">
|
|
<div style="width: 100%; height: 100%; margin-bottom: 15px; background-color: #ffffff; border-radius: 8px; overflow: hidden;">
|
|
<img src="https://api.bigdatatech.vn/static/files/20251113051227-1.png" alt="Utopia Footer" style="width: 100%; height: 100%; object-fit: cover; display: block;" />
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-color: #f9fafb; padding: 20px; border-top: 1px solid #e5e7eb; text-align: center;">
|
|
<p style="color: #9ca3af; font-size: 11px; margin: 0; line-height: 1.5;">
|
|
©2025 Utopia. Tất cả các quyền được bảo lưu.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html>
|