Skip to content

Instantly share code, notes, and snippets.

@toxicbloud

toxicbloud/mail.html

Created May 24, 2022 12:55
Show Gist options
  • Save toxicbloud/bf77a527b9d73586f94de651d179df1e to your computer and use it in GitHub Desktop.
Save toxicbloud/bf77a527b9d73586f94de651d179df1e to your computer and use it in GitHub Desktop.
Download ZIP
HTML Mail reset password template - Jinja 2 compatible
Raw
mail.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta content="text/html" http-equiv="Content-Type"/>
<title>{{COMPANYNAME}} - Réinitialisation de mot de passe</title>
<meta name="description" content="{{COMPANYNAME}} - Reset Password Email">
</head>
<body marginheight="0" topmargin="0" marginwidth="0" style="padding: 6em 0px; margin: 0px; background-color: #f2f3f8; font-family: Arial, Helvetica, sans-serif;" leftmargin="0">
<div style="margin: auto; width: 100%; text-align: center; padding: 0px 0px 1em 0px;">
<a href="https://longurl.fr" title="logo" target="_blank">
<img width="60" src="https://longurl.lf2l.fr/assets/icon_full.c7f8a715.png" title="logo"
alt="logo">
</a>
</div>
<div style="margin: auto; width: 60vw; background-color: white; box-shadow: 0px 8px 10px #0001; border-radius: 6px; max-width: 600px; padding: 2em 3em; text-align: center;">
<h1 style="color:#1e1e2d; font-weight:500; margin:0;font-size:32px;font-family:'Rubik',sans-serif;">Demande de réinitialisation</h1>
<span style="display:inline-block; vertical-align:middle; margin:29px 0 26px; border-bottom:1px solid #cecece; width:100px;"></span>
<p style="color:#455056; font-size:15px;line-height:24px; margin:0;">
Bonjour <strong>{{PRENOM}} {{NOM}}</strong>, pour des raisons de sécurité nous ne pouvons pas vous envoyer votre mot de passe.
<a href="{{URL}}" style="color: #4F46E5;">Cliquez ici</a> ou sur le bouton ci-dessous pour le réinitialiser.
</p>
<a href="{{URL}}" style="background:#4F46E5; text-decoration: none; font-weight: bold; margin-top: 35px; color:#fff; text-transform: uppercase; font-size: 14px; padding: 10px 24px; display: inline-block; border-radius: 0.5em;">réinitialiser</a>
</div>
<footer style="text-align: center; margin: 1em;">
<p style="font-size:14px; color:#0009; line-height :18px; margin: 0;">&copy; <strong>{{COMPANYNAME}}</strong></p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment