Refactor website templates for improved clarity and user experience

- Updated titles and content in kontakt.html to better reflect services for schools.
- Enhanced styling in main.html for a more modern look and feel.
- Changed project descriptions in projekte.html to focus on practical examples from schools.
- Revised team.html to emphasize the structured approach and values of the team.
This commit is contained in:
2026-03-29 17:32:43 +02:00
parent 370a17b295
commit 84185c35ae
7 changed files with 349 additions and 471 deletions
+20 -20
View File
@@ -1,47 +1,47 @@
{% extends "base.html" %}
{% block title %}Team | Invario{% endblock %}
{% block title %}Unser Ansatz | Invario{% endblock %}
{% block content %}
<section class="page-hero">
<h1>Unser Team</h1>
<p>Wir verbinden technische Expertise, Projekterfahrung und starke Referenzen im Bildungsumfeld.</p>
<h1>Unser Ansatz fuer Schulen</h1>
<p>Wir arbeiten strukturiert, persoenlich und mit Fokus auf den praktischen Nutzen im Sekretariat und in der Schulleitung.</p>
</section>
<section class="grid">
<article class="member">
<h2>Leitung & Strategie</h2>
<p>Verantwortlich für Projektsteuerung, Qualitätsstandards und die Ausrichtung unserer Lösungen auf den Schulbetrieb.</p>
<p><strong>Referenzen:</strong> Schulträgerprojekte mit mehr als 30 Standorten, Prozessstandardisierung im laufenden Betrieb.</p>
<h2>Verstaendliche Beratung</h2>
<p>Wir uebersetzen technische Moeglichkeiten in klare Entscheidungen: Was bringt im Schulalltag wirklich Entlastung und was nicht.</p>
<p><strong>Ihr Vorteil:</strong> Keine unnoetigen Funktionen, sondern ein klarer Fahrplan mit nachvollziehbaren Prioritaeten.</p>
</article>
<article class="member">
<h2>Entwicklung</h2>
<p>Konzipiert und entwickelt unsere Plattform mit Fokus auf Zuverlässigkeit, Sicherheit und einfache Bedienung.</p>
<p><strong>Referenzen:</strong> Einführung modularer Inventarsysteme, automatisierte Verwaltungsabläufe, DSGVO-konforme Datenhaltung.</p>
<h2>Saubere Einfuehrung</h2>
<p>Das System wird gemeinsam mit Ihrem Team eingerichtet, ohne den laufenden Betrieb zu ueberlasten.</p>
<p><strong>Ihr Vorteil:</strong> Schrittweise Umstellung mit Schulung direkt an Ihren typischen Arbeitsablaeufen.</p>
</article>
<article class="member">
<h2>Support & Betrieb</h2>
<p>Sorgt für stabile Systeme, schnelle Unterstützung und nachvollziehbare Kommunikation mit Einrichtungen.</p>
<p><strong>Referenzen:</strong> 24/7 Betreuung für Bildungseinrichtungen, SLA-basierte Reaktionszeiten und strukturierte Ticketprozesse.</p>
<h2>Zuverlaessige Begleitung</h2>
<p>Nach der Einfuehrung bleiben wir erreichbar und unterstuetzen bei Anpassungen, Fragen und neuen Anforderungen.</p>
<p><strong>Ihr Vorteil:</strong> Feste Ansprechpartner und verlässliche Rueckmeldung statt wechselnder Kontaktwege.</p>
</article>
</section>
<section class="references">
<h2>Ausgewählte Referenzen</h2>
<h2>Werte, nach denen wir arbeiten</h2>
<ul>
<li>Einführung zentraler Inventurprozesse in Schulverbünden</li>
<li>Beratung zur IT-Governance für Schulleitungen und Träger</li>
<li>Sicherheits- und Compliance-Begleitung bei Systemumstellungen</li>
<li>Operative Stabilisierung von Support- und Terminprozessen</li>
<li>Klarheit vor Komplexitaet</li>
<li>Datenschutz als Standard, nicht als Zusatz</li>
<li>Respekt fuer die Arbeitsrealitaet in Schulen</li>
<li>Verbindliche Kommunikation und transparente Schritte</li>
</ul>
</section>
<style>
.page-hero { margin-bottom: 1.2rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0.9rem; }
.member, .references { background: #fff; border: 1px solid #d8e1e8; border-radius: 14px; padding: 1rem; }
.member h2, .references h2 { color: #0f334b; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.4rem); }
.member, .references { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1rem; box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04); }
.member h2, .references h2 { color: #265057; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
.references { margin-top: 0.9rem; }
.references ul { margin: 0; padding-left: 1rem; color: #466176; display: grid; gap: 0.5rem; }
.references ul { margin: 0; padding-left: 1rem; color: #4a6267; display: grid; gap: 0.5rem; }
</style>
{% endblock %}