47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Kontakt für Schulen | Invario{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="page-hero">
|
|
<h1>Kontakt</h1>
|
|
<p>Anfragen rund um Einführung, Betrieb und Support werden schnell und klar beantwortet. Für neue Projekte empfiehlt sich eine kurze Terminvereinbarung.</p>
|
|
</section>
|
|
|
|
<section class="contact-grid">
|
|
<article class="contact-card">
|
|
<h2>Allgemeine Anfrage</h2>
|
|
<p><strong>E-Mail:</strong> info@invario-software.de</p>
|
|
<p><strong>Telefon:</strong> +49 (0) 123 / 456789</p>
|
|
<p>Geeignet für organisatorische Fragen, Erstkontakt und allgemeine Informationen.</p>
|
|
</article>
|
|
|
|
<article class="contact-card">
|
|
<h2>Support</h2>
|
|
<p><strong>E-Mail:</strong> support@invario-software.de</p>
|
|
<p><strong>Telefon:</strong> +49 (0) 123 / 456790</p>
|
|
<p>Mo - Fr: 11:00 - 13:00 Uhr</p>
|
|
<p>Bei laufendem Betrieb, störenden Fehlern oder dringenden Rückfragen im Schulalltag.</p>
|
|
<p><strong>Support-Tickets:</strong> Über das Kundenportal können jederzeit Support-Tickets erstellt und der Bearbeitungsstatus verfolgt werden mit einer Antwort innerhalb von 24 Stunden.</p>
|
|
</article>
|
|
|
|
<article class="contact-card">
|
|
<h2>Terminvereinbarung</h2>
|
|
<p>In 30 Minuten werden aktuelle Rahmenbedingungen bewertet und sinnvolle erste Schritte priorisiert.</p>
|
|
{% if 'username' in session %}
|
|
<a class="btn" href="{{ url_for('preise') }}">In 5 Minuten startklar</a>
|
|
{% else %}
|
|
<a class="btn" href="{{ url_for('login') }}">Login für Buchung</a>
|
|
{% endif %}
|
|
</article>
|
|
</section>
|
|
|
|
<style>
|
|
.page-hero { margin-bottom: 1.2rem; }
|
|
.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0.9rem; }
|
|
.contact-card { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1rem; box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04); }
|
|
.contact-card h2 { color: #265057; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
|
|
.btn { margin-top: 0.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid #1d5a63; background: linear-gradient(120deg, #296f78 0%, #1a5057 100%); color: #fff; padding: 0.54rem 0.92rem; font-weight: 700; }
|
|
</style>
|
|
{% endblock %}
|