Aiirondev_dev
84185c35ae
- 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.
61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Praxisbeispiele | Invario{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="page-hero">
|
|
<h1>Praxisbeispiele aus dem Schulalltag</h1>
|
|
<p>So setzen Schulen unsere Loesung ein, um Verwaltungsaufwand zu reduzieren und Ablaeufe transparent zu machen.</p>
|
|
</section>
|
|
|
|
<section class="split">
|
|
<article class="panel">
|
|
<h2>Beispiel 1: Gymnasium mit 1.100 Schuelern</h2>
|
|
<ul>
|
|
<li><strong>Ausgangslage:</strong> Inventardaten lagen in mehreren Excel-Listen und Papierordnern.</li>
|
|
<li><strong>Umsetzung:</strong> Zentralisierung von Geraeten, Raeumen und Verantwortlichkeiten in einer Plattform.</li>
|
|
<li><strong>Ergebnis:</strong> Rueckfragen aus Schulleitung und Fachbereichen werden deutlich schneller beantwortet.</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="panel">
|
|
<h2>Beispiel 2: Verbundschule mit mehreren Standorten</h2>
|
|
<ul>
|
|
<li><strong>Ausgangslage:</strong> Unterschiedliche Ablaeufe je Standort, keine gemeinsame Fristenuebersicht.</li>
|
|
<li><strong>Umsetzung:</strong> Einheitliche Prozesse fuer Inventar, Lizenzen und Supporttickets.</li>
|
|
<li><strong>Ergebnis:</strong> Standortuebergreifende Transparenz und bessere Planbarkeit im Sekretariat.</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="split" style="margin-top:0.9rem;">
|
|
<article class="panel">
|
|
<h2>Beispiel 3: Berufskolleg mit Fokus IT-Raeume</h2>
|
|
<ul>
|
|
<li><strong>Ausgangslage:</strong> Hohe Anzahl technischer Geraete mit haeufigen Aenderungen.</li>
|
|
<li><strong>Umsetzung:</strong> QR-gestuetzte Bestandsfuehrung und klare Historie je Geraet.</li>
|
|
<li><strong>Ergebnis:</strong> Schnellere Inventur und weniger Fehler bei Standort- oder Statusaenderungen.</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="panel">
|
|
<h2>Was diese Projekte gemeinsam haben</h2>
|
|
<ul>
|
|
<li>Verstaendliche Bedienung ohne IT-Fachwissen</li>
|
|
<li>Klare Rollen fuer Sekretariat, Schulleitung und Administration</li>
|
|
<li>Nachvollziehbare Dokumentation fuer interne Abstimmungen</li>
|
|
<li>Schrittweise Einfuehrung im laufenden Schulbetrieb</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
|
|
<style>
|
|
.page-hero { margin-bottom: 1.2rem; }
|
|
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
|
|
.panel { background: #fff; border: 1px solid #d8dfd7; border-radius: 14px; padding: 1rem; box-shadow: 0 10px 24px rgba(25, 45, 41, 0.04); }
|
|
.panel h2 { color: #265057; margin-bottom: 0.45rem; font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
|
|
.panel ul { margin: 0; padding-left: 1rem; color: #4a6267; display: grid; gap: 0.55rem; }
|
|
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }
|
|
</style>
|
|
{% endblock %}
|