{% extends "mail/base.html" %}
{% load file_to_data %}

{% block content %}
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;">
	<tr>
	<td valign="middle" class="hero bg_white" style="padding: 3em 0 2em 0;">
	  <img src="{% static_to_data "mail/images/email.png" %}" alt="" style="width: 300px; max-width: 600px; height: auto; margin: auto; display: block;">
	</td>
	</tr><!-- end tr -->
		  <tr>
	<td valign="middle" class="hero bg_white" style="padding: 2em 0 4em 0;">
	  <table>
		  <tr>
			  <td>
				  <div class="text" style="padding: 0 2.5em; text-align: center;">
					  <h2>Bitte bestätige deine Registrierung, {{ first_name }}</h2>
					  <h3>Vielen Dank, dass du dich bei JourneyJoker registriert hast. Bitte bestätige deine E-Mail-Adresse, um dein Konto nutzen zu können!</h3>
					  <p><a href="{{ confirmation_url }}" class="btn btn-primary">Ja! Jetzt bestätigen!</a></p>
				  </div>
			  </td>
		  </tr>
	  </table>
	</td>
	</tr><!-- end tr -->
<!-- 1 Column Text + Button : END -->
</table>
{% endblock %}

{% block footer %}
<tr>
    <td class="bg_light" style="text-align: center;">
        <p>Du erhältst diese E-Mail, weil sich jemand mit deiner E-Mail-Adresse bei JourneyJoker angemeldet hat. Das warst nicht du? Dann kannst du diese Nachricht einfach ignorieren und wir bitten um Entschuldigung für die Störung!</p>
    </td>
  </tr>
{% endblock %}