101 lines
6.7 KiB
HTML
101 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Nouveau salarié créé - John Doe</title>
|
||
<meta name="color-scheme" content="light dark">
|
||
<meta name="supported-color-schemes" content="light dark">
|
||
<style>
|
||
/* Minimal static CSS for emails. Dynamic colors and other dynamic values are applied inline to avoid static-linter issues. */
|
||
body { margin:0; padding:0; background:#F4F6FA; color:#0F172A; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
|
||
a { color:#0B5FFF; text-decoration:none; }
|
||
/* Container defaults (kept minimal) */
|
||
.wrapper { width:100%; padding:32px 0; background:#F4F6FA; }
|
||
.container { width:100%; max-width:520px; margin:0 auto; background:#FFFFFF; border-radius:14px; box-shadow: 0 6px 20px rgba(15,23,42,0.06); overflow:hidden; }
|
||
.logo { height:60px; display:block; }
|
||
.label { font-size:12px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:6px; font-weight:500; }
|
||
.value { font-size:15px; color:#0F172A; font-weight:500; line-height:1.3; }
|
||
.muted { color:#94A3B8; }
|
||
@media (prefers-color-scheme: dark) {
|
||
body, .wrapper { background:#0B1220; color:#E5E7EB; }
|
||
}
|
||
@media (max-width: 480px) {
|
||
.row { display:block; gap:0; }
|
||
.col { margin-bottom:12px; }
|
||
.wrapper { padding:16px 0; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div style="display:none;max-height:0;overflow:hidden;opacity:0;">Nouveau salarié créé - John Doe · Nouveau salarié créé · Consultez la fiche du salarié</div>
|
||
|
||
<div class="wrapper" style="width:100%; padding:32px 0; background:#F4F6FA;">
|
||
<div class="container" style="width:100%; max-width:520px; margin:0 auto; background:#FFFFFF; border-radius:14px; box-shadow: 0 6px 20px rgba(15,23,42,0.06); overflow:hidden;">
|
||
<div class="header" style="padding:28px 28px 10px 28px; text-align:left; background:#FFFFFF;">
|
||
<img class="logo" src="https://newstaging.odentas.fr/wp-content/uploads/2025/08/Odentas-Logo-Bleu-Fond-Transparent-4-1.png" alt="Odentas" style="height:60px; display:block;">
|
||
|
||
<div style="display:flex; align-items:baseline; margin:18px 0 16px 0;">
|
||
<div style="width:8px; height:8px; background:#10B981; border-radius:50%; margin-right:12px; margin-top:8px; flex-shrink:0;"></div>
|
||
<h1 class="title" style="font-size:22px; line-height:1.3; margin:0; font-weight:700; color:#0F172A;">Nouveau salarié créé</h1>
|
||
</div>
|
||
|
||
<div class="card" style="margin:0 0 24px 0; border:1px solid #E5E7EB; border-radius:12px; padding:16px; background:#F8FAFC;">
|
||
<div style="margin-bottom:8px;">
|
||
<div class="label" style="font-size:11px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:4px; font-weight:500;">Votre structure</div>
|
||
<div class="value" style="font-size:13px; color:#0F172A; font-weight:500; line-height:1.3;">Ma Super Production</div>
|
||
</div>
|
||
<div style="margin-bottom:8px;">
|
||
<div class="label" style="font-size:11px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:4px; font-weight:500;">Votre code employeur</div>
|
||
<div class="value" style="font-size:13px; color:#0F172A; font-weight:500; line-height:1.3;">PROD-123</div>
|
||
</div>
|
||
<div style="margin-bottom:0;">
|
||
<div class="label" style="font-size:11px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:4px; font-weight:500;">Votre gestionnaire</div>
|
||
<div class="value" style="font-size:13px; color:#0F172A; font-weight:500; line-height:1.3;">Renaud BREVIERE-ABRAHAM</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="margin:20px 0;">
|
||
<p style="font-size:15px; color:#334155; margin:0 0 8px; font-weight:500;">Bonjour Gérant de Test,</p>
|
||
<p class="subtitle" style="font-size:15px; color:#334155; margin:0; line-height:1.4;">Un nouveau salarié a été créé avec succès dans votre Espace Paie Odentas.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card" style="margin:0px 28px 0 28px; border:1px solid #E5E7EB; border-radius:12px; padding:20px; background:#FFFFFF;">
|
||
<h2 style="font-size:16px; margin:0 0 12px; color:#0F172A; font-weight:600;">Détails du salarié</h2>
|
||
<div style="margin-bottom:12px;">
|
||
<div class="label" style="font-size:12px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:6px; font-weight:500;">Salarié</div>
|
||
<div class="value" style="font-size:15px; color:#0F172A; font-weight:500; line-height:1.3;">John Doe</div>
|
||
</div>
|
||
<div style="margin-bottom:12px;">
|
||
<div class="label" style="font-size:12px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:6px; font-weight:500;">Email</div>
|
||
<div class="value" style="font-size:15px; color:#0F172A; font-weight:500; line-height:1.3;">john.doe@example.com</div>
|
||
</div>
|
||
<div style="margin-bottom:0;">
|
||
<div class="label" style="font-size:12px; color:#64748B; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:6px; font-weight:500;">Matricule</div>
|
||
<div class="value" style="font-size:15px; color:#0F172A; font-weight:500; line-height:1.3;">SAL-007</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="cta-wrap" style="padding:24px 28px 6px 28px; text-align:center; background:#FFFFFF;">
|
||
<!--[if mso]>
|
||
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" arcsize="10%" fillcolor="#efc543" stroke="f" style="height:46px;v-text-anchor:middle;width:260px;">
|
||
<w:anchorlock/>
|
||
<center style="color:#000000;font-family:Segoe UI, Arial, sans-serif;font-size:16px;font-weight:700;">Voir la fiche du salarié</center>
|
||
</v:roundrect>
|
||
<![endif]-->
|
||
<!--[if !mso]><!-- -->
|
||
<a class="btn" href="https://example.com" style="background:#efc543; color:#000000; display:inline-block; padding:16px 32px; border-radius:10px; font-weight:700; font-size:16px; text-decoration:none; border:none; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">Voir la fiche du salarié</a>
|
||
<!--<![endif]-->
|
||
</div>
|
||
|
||
|
||
<div class="footer" style="font-size:12px; color:#64748B; text-align:center; padding:18px 28px 28px 28px; line-height:1.4;">
|
||
<p>Vous recevez cet e-mail car vous êtes client de Odentas, pour vous notifier d'une action sur votre compte.<br><span class="muted" style="color:#94A3B8;">© 2021-2025 Odentas Media SAS</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="display:none; font-size:0; line-height:0;">Nouveau salarié créé - John Doe – Nouveau salarié créé - Un nouveau salarié a été créé avec succès dans votre Espace Paie Odentas.</div>
|
||
</body>
|
||
</html>
|