48 lines
2.4 KiB
Text
48 lines
2.4 KiB
Text
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{{ emailTitle }}</title>
|
|
</head>
|
|
<body style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f9f9f9;">
|
|
<div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);">
|
|
<div style="padding: 5px 24px 32px 24px;">
|
|
<p style="margin-bottom: 16px;">Bonjour,</p>
|
|
|
|
<p style="margin-bottom: 16px;">
|
|
Nous avons reçu une demande de connexion à votre compte Khollisé. Utilisez le bouton ci-dessous pour vous connecter instantanément :
|
|
</p>
|
|
|
|
<div style="text-align: center;">
|
|
<a href="{{ magicLink }}" style="display: inline-block; background-color: #4f46e5; color: #ffffff; text-decoration: none; padding: 12px 24px; border-radius: 4px; font-weight: 600; margin: 16px 0; text-align: center;">Se connecter</a>
|
|
</div>
|
|
|
|
<hr style="margin: 32px 0; border: none; border-top: 1px solid #e5e7eb;" />
|
|
|
|
<p style="margin-bottom: 16px;">
|
|
Vous pouvez également utiliser le code de vérification à 6 chiffres ci-dessous :
|
|
</p>
|
|
|
|
<div style="margin: 24px 0; text-align: center;">
|
|
<div style="font-family: monospace; font-size: 24px; letter-spacing: 4px; background-color: #f3f4f6; padding: 12px 16px; border-radius: 4px; font-weight: bold; color: #1f2937; display: inline-block;">
|
|
{{ formattedOTP }}
|
|
</div>
|
|
</div>
|
|
|
|
<p style="font-size: 14px; color: #6b7280; font-style: italic; margin-bottom: 16px;">
|
|
Le lien et le code ci-dessus expireront dans {{ expiresIn }} et ne peuvent être utilisés qu'une seule fois.
|
|
</p>
|
|
|
|
<p style="font-size: 14px; color: #6b7280; font-style: italic; margin-bottom: 16px;">
|
|
Si vous n'avez pas demandé cette connexion, vous pouvez ignorer cet email en toute sécurité.
|
|
</p>
|
|
</div>
|
|
|
|
<div style="background-color: #f3f4f6; padding: 16px 24px; text-align: center; font-size: 12px; color: #6b7280;">
|
|
<p style="margin: 0 0 4px 0;">Cet email a été envoyé à {{ email }}</p>
|
|
<p style="margin: 0;">© {{ new Date().getFullYear() }} Khollisé. Tous droits réservés.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|