98 lines
5.4 KiB
Go Template
98 lines
5.4 KiB
Go Template
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Verify Your Email</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f3f4f6;">
|
|
<table role="presentation" style="width: 100%; border-collapse: collapse; background-color: #f3f4f6;">
|
|
<tr>
|
|
<td align="center" style="padding: 40px 0;">
|
|
<table role="presentation" style="width: 600px; max-width: 100%; border-collapse: collapse; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
|
|
<!-- Header -->
|
|
<tr>
|
|
<td style="padding: 40px 40px 20px 40px; text-align: center; border-bottom: 1px solid #e5e7eb;">
|
|
<h1 style="margin: 0; font-size: 24px; font-weight: 700; color: #111827;">Verify Your Email</h1>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Body -->
|
|
<tr>
|
|
<td style="padding: 40px;">
|
|
<p style="margin: 0 0 20px 0; font-size: 16px; line-height: 24px; color: #374151;">
|
|
Hi,
|
|
</p>
|
|
|
|
<p style="margin: 0 0 20px 0; font-size: 16px; line-height: 24px; color: #374151;">
|
|
Thank you for creating your account!
|
|
</p>
|
|
|
|
<p style="margin: 0 0 12px 0; font-size: 16px; line-height: 24px; color: #374151; font-weight: 600;">
|
|
Your verification code is:
|
|
</p>
|
|
|
|
<!-- Code Box -->
|
|
<table role="presentation" style="width: 100%; border-collapse: collapse; margin: 0 0 30px 0;">
|
|
<tr>
|
|
<td align="center" style="padding: 20px; background-color: #f0fdf4; border: 2px solid #86efac; border-radius: 8px;">
|
|
<span style="font-size: 32px; font-weight: 700; letter-spacing: 4px; color: #166534; font-family: 'Courier New', monospace;">{{ .VerificationCode }}</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="margin: 0 0 20px 0; font-size: 16px; line-height: 24px; color: #374151;">
|
|
To verify your email, click the button below:
|
|
</p>
|
|
|
|
<!-- Button -->
|
|
<table role="presentation" style="width: 100%; border-collapse: collapse; margin: 0 0 30px 0;">
|
|
<tr>
|
|
<td align="center" style="padding: 0;">
|
|
<a href="{{ .VerificationURL }}" style="display: inline-block; padding: 14px 32px; background-color: #16a34a; color: #ffffff; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 16px;">Verify Email Address</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="margin: 0 0 20px 0; font-size: 16px; line-height: 24px; color: #374151;">
|
|
Then enter the code above when prompted.
|
|
</p>
|
|
|
|
<p style="margin: 0 0 20px 0; font-size: 14px; line-height: 20px; color: #6b7280; padding: 12px; background-color: #fef3c7; border-left: 4px solid #f59e0b; border-radius: 4px;">
|
|
<strong>Note:</strong> This code will expire in 24 hours.
|
|
</p>
|
|
|
|
<p style="margin: 0; font-size: 14px; line-height: 20px; color: #6b7280;">
|
|
If you did not create this account, please ignore this email.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="padding: 30px 40px; text-align: center; border-top: 1px solid #e5e7eb; background-color: #f9fafb; border-radius: 0 0 8px 8px;">
|
|
<p style="margin: 0 0 8px 0; font-size: 14px; color: #6b7280;">
|
|
Best regards,<br>
|
|
<strong>Nexus Nexus</strong>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Alt link for email clients that don't support buttons -->
|
|
<table role="presentation" style="width: 600px; max-width: 100%; border-collapse: collapse; margin-top: 20px;">
|
|
<tr>
|
|
<td style="text-align: center; font-size: 12px; color: #9ca3af;">
|
|
<p style="margin: 0;">
|
|
If the button doesn't work, copy and paste this link into your browser:<br>
|
|
<a href="{{ .VerificationURL }}" style="color: #16a34a; word-break: break-all;">{{ .VerificationURL }}</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|