85 lines
4.2 KiB
HTML
85 lines
4.2 KiB
HTML
{% extends 'email/base.html' %}
|
|
|
|
{% load inline %}
|
|
{% load i18n %}
|
|
|
|
{% block pre_header %}
|
|
{% trans "We're thrilled to have you here! Get ready to dive into your new account." %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- HERO -->
|
|
<tr>
|
|
<td bgcolor="#3625b7" align="center" style="padding: 0px 10px 0px 10px;">
|
|
<table border="0" cellpadding="0" cellspacing="0" width="480">
|
|
<tr>
|
|
<td bgcolor="#566572" align="center" valign="top"
|
|
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #8F9BA3; font-family: 'Metropolis', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; letter-spacing: 4px; line-height: 48px;">
|
|
<h1 style="font-size: 32px; font-weight: 400; margin: 0; color: #E9ECEF;">{% trans 'Welcome!' %}
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- COPY BLOCK -->
|
|
<tr>
|
|
<td bgcolor="#1b2a32" align="center" style="padding: 0px 10px 0px 10px;">
|
|
<table border="0" cellpadding="0" cellspacing="0" width="480">
|
|
<!-- COPY -->
|
|
<tr>
|
|
<td bgcolor="#566572" align="left"
|
|
style="padding: 20px 30px 40px 30px; color: #E9ECEF; font-family: 'Metropolis', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
|
|
<p style="margin: 0;">
|
|
{% trans "We're excited to have you get started. First, you need to confirm your account. Just press the button below."%}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<!-- BULLETPROOF BUTTON -->
|
|
<tr>
|
|
<td bgcolor="#566572" align="left">
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td bgcolor="#566572" align="center" style="padding: 20px 30px 60px 30px;">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td align="center" style="border-radius: 3px;" bgcolor="#3625b7"><a
|
|
href="{{ url }}" target="_blank"
|
|
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3625b7; display: inline-block;">{% trans 'Confirm Account' %}</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- COPY -->
|
|
<tr>
|
|
<td bgcolor="#566572" align="left"
|
|
style="padding: 0px 30px 0px 30px; color: #E9ECEF; font-family: 'Metropolis', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
|
|
<p style="margin: 0;">
|
|
{% trans "If that doesn't work, copy and paste the following link in your browser:" %}</p>
|
|
</td>
|
|
</tr>
|
|
<!-- COPY -->
|
|
<tr>
|
|
<td bgcolor="#566572" align="left"
|
|
style="padding: 20px 30px 20px 30px; color: #E9ECEF; font-family: 'Metropolis', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
|
|
<p style="margin: 0;"><a href="{{ url }}" target="_blank" style="color: #3625b7;">{{ url }}</a></p>
|
|
</td>
|
|
</tr>
|
|
<!-- COPY -->
|
|
<tr>
|
|
<td bgcolor="#566572" align="left"
|
|
style="padding: 0px 30px 20px 30px; color: #E9ECEF; font-family: 'Metropolis', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
|
|
<p style="margin: 0;">
|
|
{% trans "If you have any questions, just reply to this email—we're always happy to help out." %}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
{% endblock %}
|