171 lines
11 KiB
HTML
171 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>Приглашение от ментора - Uchill</title>
|
||
<!--[if mso]>
|
||
<style type="text/css">
|
||
body, table, td {font-family: Arial, sans-serif !important;}
|
||
</style>
|
||
<![endif]-->
|
||
</head>
|
||
<body style="margin: 0; padding: 0; background-color: #FAFAFA; font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;">
|
||
<!-- Wrapper table -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #FAFAFA;">
|
||
<tr>
|
||
<td align="center" style="padding: 40px 20px;">
|
||
<!-- Main content table -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width: 600px; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
|
||
<!-- Header with logo -->
|
||
<tr>
|
||
<td style="padding: 40px 40px 30px 40px; text-align: center; background-color: #FFFFFF; border-radius: 8px 8px 0 0;">
|
||
<!-- Стилизованный текстовый логотип uchill -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
|
||
<tr>
|
||
<td>
|
||
<span style="display: inline-block; color: #7444FD; letter-spacing: 1px; font-size: 48px; font-weight: 600; line-height: 1.2;">
|
||
<span style="background-color: #7444FD; color: #ffffff; border-radius: 2px; margin-right: 2px; font-weight: 600; font-size: 48px; display: inline-block; vertical-align: baseline; line-height: 1; padding: 2px 8px; letter-spacing: 0;">u</span><span style="vertical-align: baseline;">chill</span>
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Content -->
|
||
<tr>
|
||
<td style="padding: 0 40px 40px 40px;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
||
<!-- Title -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<h1 style="margin: 0; font-size: 28px; font-weight: 500; color: #212121; line-height: 1.2;">Приглашение от ментора</h1>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Greeting -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<p style="margin: 0; font-size: 16px; color: #424242; line-height: 1.6;">
|
||
Здравствуйте!
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Main message -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<p style="margin: 0; font-size: 16px; color: #424242; line-height: 1.6;">
|
||
<strong style="color: #7444FD;">{{ mentor_name }}</strong> приглашает вас в качестве ученика на платформу Uchill.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
|
||
{% if set_password_url %}
|
||
<!-- New user flow -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<p style="margin: 0; font-size: 16px; color: #424242; line-height: 1.6;">
|
||
Для начала работы установите пароль и подтвердите приглашение.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Button -->
|
||
<tr>
|
||
<td style="padding-top: 8px; padding-bottom: 24px; text-align: center;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
|
||
<tr>
|
||
<td style="background-color: #7444FD; border-radius: 4px;">
|
||
<a href="{{ set_password_url }}" style="display: inline-block; padding: 14px 32px; font-size: 16px; font-weight: 500; color: #FFFFFF; text-decoration: none; border-radius: 4px;">
|
||
Установить пароль и подтвердить
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Link fallback -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #F5F5F5; border-radius: 4px;">
|
||
<tr>
|
||
<td style="padding: 12px;">
|
||
<p style="margin: 0; font-size: 12px; color: #9E9E9E; word-break: break-all; line-height: 1.5;">
|
||
{{ set_password_url }}
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
{% elif confirm_url %}
|
||
<!-- Existing user flow -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<p style="margin: 0; font-size: 16px; color: #424242; line-height: 1.6;">
|
||
Подтвердите приглашение, чтобы начать занятия с ментором.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Button -->
|
||
<tr>
|
||
<td style="padding-top: 8px; padding-bottom: 24px; text-align: center;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
|
||
<tr>
|
||
<td style="background-color: #7444FD; border-radius: 4px;">
|
||
<a href="{{ confirm_url }}" style="display: inline-block; padding: 14px 32px; font-size: 16px; font-weight: 500; color: #FFFFFF; text-decoration: none; border-radius: 4px;">
|
||
Подтвердить приглашение
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Link fallback -->
|
||
<tr>
|
||
<td style="padding-bottom: 24px;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #F5F5F5; border-radius: 4px;">
|
||
<tr>
|
||
<td style="padding: 12px;">
|
||
<p style="margin: 0; font-size: 12px; color: #9E9E9E; word-break: break-all; line-height: 1.5;">
|
||
{{ confirm_url }}
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
{% endif %}
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Footer -->
|
||
<tr>
|
||
<td style="padding: 30px 40px; background-color: #F5F5F5; border-radius: 0 0 8px 8px; border-top: 1px solid #E0E0E0;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
||
<tr>
|
||
<td style="text-align: center; font-size: 14px; color: #757575; line-height: 1.6;">
|
||
<p style="margin: 0 0 10px 0;">С уважением,<br><strong style="color: #7444FD;">Команда Uchill</strong></p>
|
||
<p style="margin: 10px 0 0 0; font-size: 12px; color: #9E9E9E;">
|
||
© 2026 Uchill. Все права защищены.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</body>
|
||
</html>
|