espace-paie-odentas/templates-mails/otp.html

106 lines
No EOL
5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html>
<body style="margin:0;padding:0;background:#f7f9fc;">
<!-- Preheader (masqué) -->
<div style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">
Code de connexion et lien sécurisé pour accéder à votre Espace Paie Odentas.
</div>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background:#f7f9fc;">
<tr>
<td align="center" style="padding:24px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;background:#ffffff;border-radius:8px;">
<tr>
<td style="padding:24px;text-align:center;">
<img src="https://newstaging.odentas.fr/wp-content/uploads/2025/08/Odentas-Logo-Bleu-Fond-Transparent-4-1.png" width="200" alt="Odentas" style="display:block;border:0;outline:none;text-decoration:none;margin:0 auto;height:auto;">
</td>
</tr>
<tr>
<td style="padding:0 24px 8px 24px;text-align:center;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;color:#333;">
Connexion à l'Espace Paie
</div>
</td>
</tr>
<tr>
<td style="padding:8px 24px 0 24px;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.5;color:#333;">
Bonjour,<br><br>
Cliquez sur le bouton ci-dessous ou saisissez le code à 6 chiffres pour vous connecter à l'Espace Paie Employeur Odentas.
</div>
</td>
</tr>
<!-- Bouton lien magique -->
<tr>
<td align="center" style="padding:16px 24px 0 24px;">
<a href="{{ .ConfirmationURL }}"
style="display:inline-block;padding:12px 18px;border-radius:10px;background:#2563eb;color:#ffffff;
font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:600;text-decoration:none;">
Ouvrir le lien sécurisé
</a>
</td>
</tr>
<tr>
<td align="center" style="padding:8px 24px 0 24px;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;opacity:0.8;">
Ce code et ce lien sont valables 10 minutes.
</div>
</td>
</tr>
<!-- Card du code OTP -->
<tr>
<td align="center" style="padding:16px 24px 0 24px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="max-width:320px;width:100%;background:#e6f0ff;border-radius:12px;">
<tr>
<td style="padding:16px 12px;text-align:center;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#111;opacity:.8;margin-bottom:6px;">
Votre code de connexion
</div>
<div style="font-family:Arial, Helvetica, sans-serif;font-size:32px;font-weight:700;letter-spacing:6px;color:#111;">
{{ .Token }}
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Lien en clair (fallback) -->
<tr>
<td style="padding:16px 24px 0 24px;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:1.5;color:#666;">
Vous pouvez aussi copier-coller ce lien&nbsp;:<br>
<a href="{{ .ConfirmationURL }}" style="color:#2563eb;word-break:break-all;">{{ .ConfirmationURL }}</a>
</div>
</td>
</tr>
<!-- Séparateur -->
<tr>
<td style="padding:20px 24px 0 24px;">
<div style="border-top:4px solid #e6eaf1;height:1px;line-height:1px;">&nbsp;</div>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding:16px 24px 24px 24px;text-align:center;">
<div style="font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.6;color:#888;">
© Odentas Media SAS 2021-2025 | RCS Paris 907880348 | 6 rue d'Armaillé, 75017 Paris<br>
<a href="mailto:paie@odentas.fr" style="color:#888;text-decoration:underline;">paie@odentas.fr</a><br><br>
<span style="color:#aaa;">Vous recevez cet e-mail car vous tentez de vous connecter à votre Espace Paie Employeur Odentas. Si vous pensez avoir reçu cet e-mail par erreur, merci de contacter notre équipe à ladresse paie@odentas.fr.</span>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>