template-monorepo/internal/model/notification/template/html/step_up_email.en-us.html

42 lines
2.2 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Security verification</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background-color:#f4f6f8;padding:32px 16px;">
<tr>
<td align="center">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="max-width:560px;background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(15,23,42,0.08);">
<tr>
<td style="background:linear-gradient(135deg,#d97706 0%,#b45309 100%);padding:28px 32px;">
<p style="margin:0;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.85);">CloudEP Security</p>
<h1 style="margin:8px 0 0;font-size:22px;font-weight:600;color:#ffffff;">Security check</h1>
</td>
</tr>
<tr>
<td style="padding:32px;">
<p style="margin:0 0 24px;font-size:15px;line-height:1.6;color:#334155;">You are performing a <strong>sensitive action</strong>. Enter this code within <strong>{{.expires_in}}</strong> seconds. Never share it with anyone.</p>
<table role="presentation" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:20px;">
<span style="font-size:32px;font-weight:700;letter-spacing:0.35em;color:#92400e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;">{{.code}}</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:20px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;">
<p style="margin:0;font-size:12px;color:#94a3b8;text-align:center;">© CloudEP</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>