106 lines
4.1 KiB
HTML
106 lines
4.1 KiB
HTML
{% extends "users/publicbase.html" %}
|
|
{% load static %}
|
|
<!-- CRISPY -->
|
|
{% load crispy_forms_tags %}
|
|
{% block content %}
|
|
<style type="text/css">
|
|
#overview {
|
|
width: 70%;
|
|
margin-top: 1%;
|
|
text-align: center;
|
|
}
|
|
.lp_images {
|
|
width: 100%;
|
|
}
|
|
.lp_div {
|
|
border-right: 3px solid;
|
|
border-color: #5c5554;
|
|
}
|
|
.lp_text{
|
|
font-size: 11pt;
|
|
margin-top: 20px;
|
|
text-align: left;
|
|
list-style: none;
|
|
}
|
|
.lp_btnarea {
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
margin-bottom: 2px !important;
|
|
}
|
|
.lp_price {
|
|
color: red;
|
|
}
|
|
</style>
|
|
<!-- TASK: Hier die Infos zu den Texten noch reinnehmen... -->
|
|
<div class="card mx-auto" id="overview">
|
|
<div class="card-body">
|
|
<p>
|
|
<h1>Bestellung der Digitalen Agentur und Notfallhilfe</h1>
|
|
<p><b>Nutzen Sie die Digitale Agentur und Notfallhilfe. Exklusiv und nur für VVE-Mitglieder.</b></p>
|
|
<!--<a href="{% static 'users/extra/da_onepager.pdf' %}" target="_blank">Informationen herunterladen</a>-->
|
|
</p>
|
|
<div class="container mt-4" style="padding-top: 20px;">
|
|
<div class="row">
|
|
<div class="col lp_div">
|
|
<h1>Digitale Agentur</h1>
|
|
<img src="{% static 'users/extra/da.png' %}" class="lp_images">
|
|
<p class="lp_text">
|
|
<ul class="lp_text">
|
|
<li><i class="fas fa-check-circle" style="color: red"></i> kontinuierlicher Support</li>
|
|
<li><i class="fas fa-check-circle" style="color: red"></i> Software Made in Germany</li>
|
|
<li><i class="fas fa-check-circle" style="color: red"></i> 100% inländische Datenspeicherung</li>
|
|
<li><i class="fas fa-check-circle" style="color: red"></i> monatlich kündbar</li>
|
|
<li><i class="fas fa-check-circle" style="color: red"></i> keine Mindestlaufzeit</li>
|
|
<li><i class="fas fa-check-circle" style="color: red"></i> exklusiv für VVE-Mitglieder</li>
|
|
</ul>
|
|
</p>
|
|
<p class="lp_price">
|
|
<h2 class="lp_price"><b>24,99 €</b></h2>
|
|
<small class="lp_price">Brutto pro Monat inkl. drei Nutzer<br />jeder weitere Nutzer 3,52 €</small>
|
|
</p>
|
|
<p class="lp_btnarea" style="margin-top: 36px;">
|
|
<a class="btn btn-primary btn-lg" href="{% url 'register' %}">Kostenlos testen</a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col lp_div">
|
|
<h1>Notfallhilfe</h1>
|
|
<img src="{% static 'users/extra/nf.png' %}" class="lp_images">
|
|
<p class="lp_text">
|
|
|
|
<ul class="lp_text" style="font-size: 11pt;">
|
|
<li><i class="fas fa-check-circle" style="color: red;"></i> Was passiert mit der Agentur, wenn aufgrund von z.B. Krankheit oder Unfall über längere Zeit ein Ausfall entsteht?</li>
|
|
<li><i class="fas fa-check-circle" style="color: red;"></i> Welche Ansprüche aus privater und gewerblicher Vorsorge haben die Angehörigen „im Falle eines Falles“?</li>
|
|
<li><i class="fas fa-check-circle" style="color: red;"></i> Von wem können Sie, die Angehörigen und Vertrauenspersonen, Unterstützung erfahren?</li>
|
|
</ul>
|
|
|
|
|
|
<p class="lp_price">
|
|
<h2 class="lp_price"><b>25,00 €</b></h2>
|
|
<small class="lp_price">Brutto für Konfektionierung, Versand und Porto</small>
|
|
</p>
|
|
<p class="lp_btnarea">
|
|
<a class="btn btn-primary btn-lg" href="{% url 'register-ord' %}">Bestellen</a>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col ">
|
|
<h1>Kombi-Paket</h1>
|
|
<img src="{% static 'users/extra/kp.png' %}" class="lp_images">
|
|
<p class="lp_text">
|
|
Wenn Sie die Notfallhilfe beim Abschluss des Abonnements der Digitalen Agentur hinzubuchen, sparen Sie € 10,00 auf die Notfallhilfe und erhalten zudem Zugriff auf die digitale Version der Notfallhilfe.
|
|
<br /><br />
|
|
Starten Sie dafür einfach den <a href="{% url 'register' %}">kostenlosen Testzeitraum</a> und wählen unter "Einstellungen" und "Abrechnung" die Notfallhilfe an.
|
|
</p>
|
|
<p class="lp_price">
|
|
|
|
<small>Im Kombipakett zahlen Sie für die Notfallhilfe statt <span style="color: red"><s>25,00 €</s></small>
|
|
<h2 class="lp_price"><small style="font-size: 9pt;">nur </small><b>15,00 €</b></h2>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock content %} |