schon/vibes_auth/templates/user_reset_password_email.html
2025-10-06 15:58:30 +03:00

116 lines
3.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
{% load static i18n tz %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% blocktrans %}reset your password{% endblocktrans %}</title>
<style>
body, table, td, a {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
img {
max-width: 100%;
height: auto;
}
.email-container {
max-width: 600px;
margin: 0 auto;
}
.content-cell {
border: 3px solid #000000;
padding: 20px;
font-family: Arial, sans-serif;
}
.header {
background-color: #000000;
padding: 20px;
text-align: center;
}
.header img {
width: 120px;
height: auto;
}
.footer {
background-color: #000000;
padding: 10px;
text-align: center;
font-size: 12px;
color: #888;
}
.button {
background-color: #000000;
color: white;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
margin-top: 20px;
transition: 0.2s;
}
.button:hover {
background-color: #3a3a3a;
}
@media only screen and (max-width: 600px) {
.email-container {
width: 100% !important;
}
}
</style>
<link rel="icon" href="{% static 'favicon.png' %}" sizes="192x192">
</head>
<body>
<table>
<tr>
<td>
<table class="email-container">
<tr>
<td class="header">
<img src="{% static 'logo.png' %}" alt="{% blocktrans %}logo{% endblocktrans %}" width="120">
</td>
</tr>
<tr>
<td class="content-cell">
<h2>{% blocktrans %}password reset confirmation{% endblocktrans %}</h2>
<p>{% blocktrans %}hello {{ user_first_name }},{% endblocktrans %}</p>
<p>{% blocktrans %}we have received a request to reset your password. please reset your password
by clicking the button below:{% endblocktrans %}</p>
<p>
<a href="{{ reset_link }}" class="button">{% blocktrans %}reset password{% endblocktrans %}</a>
</p>
<p>{% blocktrans %}if the button above does not work, please copy and paste the following URL
into your web browser:{% endblocktrans %}</p>
<p>{{ reset_link }}</p>
<p>{% blocktrans %}if you did not send this request, please ignore this
email.{% endblocktrans %}</p>
<p>{% blocktrans %}best regards,<br>The {{ project_name }} team{% endblocktrans %}</p>
</td>
</tr>
<tr>
<td class="footer">
&copy; {% now "Y" %} {{ project_name }}.
{% blocktrans %}all rights reserved{% endblocktrans %}.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>