89 lines
2.3 KiB
Twig
89 lines
2.3 KiB
Twig
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<style>
|
||
:root{
|
||
--primary-blue-light : #086572;
|
||
--primary-blue-dark : #094754;
|
||
}
|
||
body {
|
||
font-family: lato, sans-serif;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
background-color: #f4f4f4;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
}
|
||
.container {
|
||
max-width: 600px;
|
||
margin: 2rem auto;
|
||
background: #EEF0FD;
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
padding: 2rem 1.5rem;
|
||
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
|
||
}
|
||
.logo {
|
||
display: block;
|
||
margin: 0 auto 1.5rem auto;
|
||
max-height: 80px;
|
||
}
|
||
h1 {
|
||
color: var(--primary-blue-dark);
|
||
}
|
||
p {
|
||
margin-bottom: 1.25rem;
|
||
font-size: 15px;
|
||
}
|
||
a {
|
||
text-decoration: none;
|
||
color: #fff;
|
||
}
|
||
.btn-primary {
|
||
display: inline-block;
|
||
background: var(--primary-blue-light);
|
||
color: #fff !important;
|
||
border-radius: 6px;
|
||
padding: 12px 28px;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
margin: 1rem 0;
|
||
}
|
||
.btn-primary:hover {
|
||
background: var(--primary-blue-dark);
|
||
}
|
||
.footer {
|
||
text-align: center;
|
||
font-size: 13px;
|
||
color: #999;
|
||
margin-top: 1.5rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<img src="{{ email.image('@images/logo-solutions.png') }}" alt="Logo" class="logo">
|
||
|
||
<h1 class="color-primary">Bienvenue, {{ user.name ?? user.surname ?? user.email }} !</h1>
|
||
|
||
<p>Veuillez définir votre mot de passe en cliquant sur le bouton ci-dessous :</p>
|
||
|
||
<p>
|
||
<a href="{{ linkUrl }}" class="btn-primary">Définir mon mot de passe</a>
|
||
</p>
|
||
<p>
|
||
Ce lien expirera dans {{ expirationHours }} heure(s).
|
||
</p>
|
||
|
||
<p>Si vous ou votre administrateur n’êtes pas à l’origine de cette action, ignorez cet email.</p>
|
||
|
||
<div class="footer">
|
||
© {{ "now"|date("Y") }} Sudalys. Tous droits réservés.
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html> |