Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
“Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.”
Name
“Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.”
Name
“Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.”
Name
“Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.”
Name
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.
Toutes nos class custome commence par .SL- ainsi nous pouvons les localisé très rapidement dans le code
.SL-fit{
width: fit-content !important;
}
.SL-fit-h{
height: fit-content !important;
}
.SL-grow{
flex-grow: 1 !important;
}
.SL-Glass{
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.4px);
-webkit-backdrop-filter: blur(7.4px);
}
.SL-button-content a span{
align-content: center !important;
}
<body style="margin:0; padding:0; background-color:#F0F3FA;">
<div style="margin:20px 0;">
<!-- En-tête avec logo -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse:collapse; background-color:#F0F3FA; margin-bottom:20px;">
<tr>
<td style="padding:20px 0px 0px 0px; text-align:left;">
<!-- Changer ici le logo société -->
<img decoding="async" src="https://sleaty.com/wp-content/uploads/2025/04/LogoMysleaty.jpg" alt="Logo mysleaty" style="display:block; width:150px;">
</td>
</tr>
</table>
<!-- Corps de l'email -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse:collapse; background-color:#ffffff; margin:0 auto; border-radius:8px 8px 0px 0px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);">
<tr>
<td style="padding:30px; font-family: Arial, sans-serif; color:#333333; line-height:1.6;">
<p style="margin:0 0 15px 0; font-weight:bold;">Bonjour [field id="name"],</p>
<p style="margin:0 0 15px 0;">Vous avez récemment fait une demande.</p>
<p style="margin:0 0 15px 0;">
<span style="color:#007BFF; font-weight:bold;">Voici le résumé de votre demande</span>
</p>
<p style="margin:0 0 15px 0;">
<span style="font-weight:bold;">Votre demande :</span> [field id="message"]<br>
</p>
<p style="margin:0 0 15px 0;">
<span style="color:#007BFF; font-weight:bold;">Vos coordonnées :</span>
</p>
<p style="margin:0 0 15px 0;">
<span style="font-weight:bold;">Téléphone :</span> [field id="num"]<br>
<span style="font-weight:bold;">E-mail :</span> [field id="email"]
</p>
<p style="margin:0 0 15px 0;">Nous allons faire notre possible pour vous recontacter dans les plus bref délais.</p>
<p style="font-size:0.95em; color:#777777; margin:0;">
<!-- Changer les texte ! -->
L'équipe de sleaty<br>
<a href="https://sleaty.com/" style="color:#007BFF; text-decoration:none;">www.sleaty.com</a>
<hr style="border:none; border-top:1px solid #eee; margin:20px 0;">
<img decoding="async" src="https://sleaty.com/wp-content/uploads/2025/04/LogoMysleaty.jpg" alt="Logo mysleaty" style="display:block; width:80px; margin-bottom: 12px;">
<p style="font-size:0.65em; color:#777777; margin:0;">
<!-- Changer les -->
Système propulsé par Sleaty, Made in Belgique - Numéro d'entreprise : BE0769.749.735 - SLEATY.COM<br>
<a href="https://sleaty.com/" style="color:#007BFF; text-decoration:none;">www.sleaty.com</a>
</p>
</td>
</tr>
</table>
</div>
</body>