115 lines
6.7 KiB
HTML
115 lines
6.7 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>Приглашение от ментора — Училл</title>
|
||
<!--[if mso]><style>body,table,td{font-family:Arial,sans-serif!important;}</style><![endif]-->
|
||
</head>
|
||
<body style="margin:0;padding:0;background-color:#F4F6F8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color:#F4F6F8;">
|
||
<tr><td align="center" style="padding:40px 16px;">
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="580" style="max-width:580px;width:100%;">
|
||
|
||
<!-- Header -->
|
||
<tr>
|
||
<td style="background:linear-gradient(135deg,#7444FD 0%,#9B6FFF 100%);border-radius:16px 16px 0 0;padding:40px;text-align:center;">
|
||
<span style="font-size:32px;font-weight:800;color:#ffffff;letter-spacing:-0.5px;font-family:Arial,sans-serif;">Училл</span><br>
|
||
<span style="font-size:13px;color:rgba(255,255,255,0.75);letter-spacing:1px;text-transform:uppercase;margin-top:4px;display:inline-block;">Платформа для обучения</span>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Body -->
|
||
<tr>
|
||
<td style="background:#ffffff;padding:48px 40px 40px;">
|
||
|
||
<!-- Icon -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin-bottom:24px;">
|
||
<tr><td style="background:#EEE8FF;border-radius:50%;width:72px;height:72px;text-align:center;vertical-align:middle;">
|
||
<span style="font-size:36px;line-height:72px;">🎓</span>
|
||
</td></tr>
|
||
</table>
|
||
|
||
<h1 style="margin:0 0 8px 0;font-size:26px;font-weight:700;color:#111827;text-align:center;">Вас приглашают учиться!</h1>
|
||
<p style="margin:0 0 32px 0;font-size:15px;color:#6B7280;text-align:center;line-height:1.6;">Личное приглашение от ментора</p>
|
||
|
||
<p style="margin:0 0 24px 0;font-size:16px;color:#374151;line-height:1.7;">
|
||
Здравствуйте!
|
||
</p>
|
||
|
||
<!-- Mentor highlight -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background:linear-gradient(135deg,#F5F0FF,#EEE8FF);border:1px solid #DDD6FE;border-radius:12px;margin-bottom:24px;">
|
||
<tr><td style="padding:20px 24px;">
|
||
<p style="margin:0 0 4px 0;font-size:12px;font-weight:600;color:#7444FD;text-transform:uppercase;letter-spacing:0.5px;">Ментор</p>
|
||
<p style="margin:0;font-size:20px;font-weight:700;color:#111827;">{{ mentor_name }}</p>
|
||
<p style="margin:4px 0 0 0;font-size:14px;color:#6B7280;">приглашает вас на платформу <strong style="color:#7444FD;">Училл</strong></p>
|
||
</td></tr>
|
||
</table>
|
||
|
||
{% if set_password_url %}
|
||
<p style="margin:0 0 32px 0;font-size:16px;color:#374151;line-height:1.7;">
|
||
Для начала занятий установите пароль и подтвердите приглашение — это займёт меньше минуты.
|
||
</p>
|
||
|
||
<!-- Button -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin:0 auto 32px;">
|
||
<tr>
|
||
<td style="background:linear-gradient(135deg,#7444FD,#9B6FFF);border-radius:10px;">
|
||
<a href="{{ set_password_url }}" style="display:inline-block;padding:16px 40px;font-size:16px;font-weight:600;color:#ffffff;text-decoration:none;border-radius:10px;letter-spacing:0.2px;">
|
||
Принять приглашение
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<!-- Link fallback -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;">
|
||
<tr><td style="padding:16px;">
|
||
<p style="margin:0 0 6px 0;font-size:12px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:0.5px;">Или скопируйте ссылку:</p>
|
||
<p style="margin:0;font-size:12px;color:#9CA3AF;word-break:break-all;line-height:1.6;">{{ set_password_url }}</p>
|
||
</td></tr>
|
||
</table>
|
||
|
||
{% elif confirm_url %}
|
||
<p style="margin:0 0 32px 0;font-size:16px;color:#374151;line-height:1.7;">
|
||
Подтвердите приглашение, чтобы начать занятия с ментором.
|
||
</p>
|
||
|
||
<!-- Button -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin:0 auto 32px;">
|
||
<tr>
|
||
<td style="background:linear-gradient(135deg,#7444FD,#9B6FFF);border-radius:10px;">
|
||
<a href="{{ confirm_url }}" style="display:inline-block;padding:16px 40px;font-size:16px;font-weight:600;color:#ffffff;text-decoration:none;border-radius:10px;letter-spacing:0.2px;">
|
||
Подтвердить приглашение
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<!-- Link fallback -->
|
||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;">
|
||
<tr><td style="padding:16px;">
|
||
<p style="margin:0 0 6px 0;font-size:12px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:0.5px;">Или скопируйте ссылку:</p>
|
||
<p style="margin:0;font-size:12px;color:#9CA3AF;word-break:break-all;line-height:1.6;">{{ confirm_url }}</p>
|
||
</td></tr>
|
||
</table>
|
||
{% endif %}
|
||
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Footer -->
|
||
<tr>
|
||
<td style="background:#F8F9FA;border-radius:0 0 16px 16px;padding:28px 40px;border-top:1px solid #EAECF0;text-align:center;">
|
||
<p style="margin:0 0 8px 0;font-size:14px;color:#6B7280;">С уважением, <strong style="color:#7444FD;">Команда Училл</strong></p>
|
||
<p style="margin:0;font-size:12px;color:#9CA3AF;">© {% now "Y" %} Училл. Все права защищены.</p>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
</td></tr>
|
||
</table>
|
||
</body>
|
||
</html>
|