80 lines
4.3 KiB
Go Template
80 lines
4.3 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>Recover Your Account</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;">Account Recovery</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;">
|
|
You requested to recover access to your account.
|
|
</p>
|
|
|
|
<p style="margin: 0 0 12px 0; font-size: 16px; line-height: 24px; color: #374151; font-weight: 600;">
|
|
Your recovery 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: #f9fafb; border: 2px solid #e5e7eb; border-radius: 8px;">
|
|
<span style="font-size: 32px; font-weight: 700; letter-spacing: 4px; color: #111827; font-family: 'Courier New', monospace;">{{ .RecoveryCode }}</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="margin: 0 0 8px 0; font-size: 16px; line-height: 24px; color: #374151;">
|
|
To use this code:
|
|
</p>
|
|
|
|
<ol style="margin: 0 0 20px 0; padding-left: 20px; color: #374151; font-size: 16px; line-height: 24px;">
|
|
<li style="margin-bottom: 8px;">Return to the recovery page in your browser</li>
|
|
<li style="margin-bottom: 8px;">Enter the code above when prompted</li>
|
|
<li style="margin-bottom: 8px;">Follow the instructions to set a new password</li>
|
|
</ol>
|
|
|
|
<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 4 hours.
|
|
</p>
|
|
|
|
<p style="margin: 0; font-size: 14px; line-height: 20px; color: #6b7280;">
|
|
If you did not request this recovery, 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>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|