62 lines
2.4 KiB
HTML
62 lines
2.4 KiB
HTML
{% load i18n %}
|
||
{% load static %}
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% translate "Confirmation de votre email" %}{% if organization_name %} – {{ organization_name }}{% endif %}</title>
|
||
<link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
|
||
<link href="{% static 'common/bootstrap-icons.min.css' %}" rel="stylesheet">
|
||
<style>
|
||
body { background-color: #f8f9fa; }
|
||
.page-header {
|
||
background: linear-gradient(135deg, #1a3a6e 0%, #2b4fa8 100%);
|
||
color: #fff;
|
||
padding: 1.5rem 0;
|
||
}
|
||
.page-header img { height: 52px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header class="page-header mb-5">
|
||
<div class="container d-flex align-items-center gap-3">
|
||
<img src="{% static organization_logo_header %}" alt="{{ organization_name }}">
|
||
<div>
|
||
<div class="fw-bold fs-5">{{ organization_name }}</div>
|
||
<div class="fs-6 opacity-75">{% translate "Demande d'occupation de l'espace public" %}</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="container" style="max-width: 640px;">
|
||
<div class="text-center mb-4">
|
||
<i class="bi bi-envelope-check-fill text-warning" style="font-size: 4rem;"></i>
|
||
</div>
|
||
<h1 class="h3 text-center mb-3">{% translate "Vérifiez votre boîte email" %}</h1>
|
||
<p class="text-center text-muted mb-4">
|
||
{% blocktranslate trimmed %}
|
||
Votre demande a bien été reçue. Pour la finaliser, veuillez confirmer votre adresse
|
||
email en cliquant sur le lien que nous venons de vous envoyer.
|
||
{% endblocktranslate %}
|
||
</p>
|
||
<div class="alert alert-info d-flex align-items-start gap-2">
|
||
<i class="bi bi-info-circle-fill mt-1 flex-shrink-0"></i>
|
||
<div>
|
||
{% blocktranslate trimmed %}
|
||
Le lien de confirmation est valable 48 heures. Si vous ne trouvez pas l'email,
|
||
vérifiez votre dossier de courrier indésirable (spam).
|
||
{% endblocktranslate %}
|
||
</div>
|
||
</div>
|
||
<div class="d-flex justify-content-center mt-4">
|
||
<a href="{% url 'authorizations:new_authorization' %}" class="btn btn-outline-secondary">
|
||
<i class="bi bi-arrow-left"></i> {% translate "Retour au formulaire" %}
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="{% static 'common/bootstrap.bundle.min.js' %}"></script>
|
||
</body>
|
||
</html>
|