Merge remote-tracking branch 'refs/remotes/origin/main'
This commit is contained in:
+146
-11
@@ -1,5 +1,8 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{# SEO: per-page description used in base.html meta tags #}
|
||||
{% set meta_description = "Invario bündelt Lehrmittelverwaltung, Inventar und Ausleihe für Schulen – sicher, transparent und einfach zu bedienen." %}
|
||||
|
||||
{% block title %}Digitale Schulverwaltung mit Sicherheitsfokus{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
@@ -550,12 +553,73 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="hero" id="top">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@graph": [
|
||||
{
|
||||
"@type": "WebSite",
|
||||
"@id": "{{ request.url_root.rstrip('/') }}#website",
|
||||
"url": "{{ request.url_root.rstrip('/') }}",
|
||||
"name": "Invario",
|
||||
"description": "{{ meta_description }}",
|
||||
"inLanguage": "de-DE",
|
||||
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||
"potentialAction": {
|
||||
"@type": "ContactAction",
|
||||
"target": "{{ request.url_root.rstrip('/') }}/kontakt"
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Organization",
|
||||
"@id": "{{ request.url_root.rstrip('/') }}#organization",
|
||||
"name": "Invario",
|
||||
"url": "{{ request.url_root.rstrip('/') }}",
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"url": "{{ url_for('static', filename='images/logo-1.jpeg') }}"
|
||||
},
|
||||
"contactPoint": [
|
||||
{
|
||||
"@type": "ContactPoint",
|
||||
"contactType": "customer support",
|
||||
"url": "{{ request.url_root.rstrip('/') }}/kontakt",
|
||||
"availableLanguage": ["de", "en"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"@type": "SoftwareApplication",
|
||||
"@id": "{{ request.url_root.rstrip('/') }}#software",
|
||||
"name": "Invario",
|
||||
"url": "{{ request.url_root.rstrip('/') }}",
|
||||
"description": "{{ meta_description }}",
|
||||
"operatingSystem": "Web",
|
||||
"applicationCategory": "EducationApplication",
|
||||
"softwareVersion": "1.0",
|
||||
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
|
||||
"author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
|
||||
"inLanguage": "de-DE"
|
||||
},
|
||||
{
|
||||
"@type": "WebPage",
|
||||
"@id": "{{ request.url_root.rstrip('/') }}#webpage",
|
||||
"url": "{{ request.url_root.rstrip('/') }}",
|
||||
"name": "Invario Startseite",
|
||||
"description": "{{ meta_description }}",
|
||||
"isPartOf": { "@id": "{{ request.url_root.rstrip('/') }}#website" },
|
||||
"mainEntity": { "@id": "{{ request.url_root.rstrip('/') }}#software" }
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<header class="hero" id="top" aria-label="Seitenstart">
|
||||
<div>
|
||||
<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
|
||||
<h1>Lehrmittel, Schul-IT und Ausleihen in einem sicheren System.</h1>
|
||||
<h1>Invario ist die sichere Schulsoftware für Lehrmittelverwaltung, Inventar und Ausleihe.</h1>
|
||||
<p>
|
||||
Invario ist eine Lehrmittelverwaltungssoftware, die Schulbibliothek, Inventar und digitale Ausleihe zusammenführt. Prozesse bleiben bewusst schlank und schnell, während Sicherheitsfunktionen wie rollenbasierte Rechte, Sitzungsabsicherung und nachvollziehbare Protokolle im Hintergrund dauerhaft aktiv sind.
|
||||
Invario hilft Schulen, Lehrmittel, Medien und Ausleihprozesse übersichtlich, digital und DSGVO-konform zu organisieren. Die Oberfläche bleibt für Lehrkräfte und Bibliothekspersonal verständlich, während Sicherheitsfunktionen im Hintergrund für Verlässlichkeit sorgen.
|
||||
</p>
|
||||
<div class="cta-row">
|
||||
{% if 'username' in session %}
|
||||
@@ -563,9 +627,7 @@
|
||||
{% else %}
|
||||
<a class="btn btn-primary" href="{{ url_for('login') }}">Buchungsoption nutzen</a>
|
||||
{% endif %}
|
||||
<a class="btn btn-secondary" href="{{ url_for('dienstleistungen') }}">Leistungen ansehen</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('team') }}">Team ansehen</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Direkt kontaktieren</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Kontakt aufnehmen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-right">
|
||||
@@ -596,10 +658,75 @@
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="primary-focus" id="zielgruppen" aria-label="Zielgruppen">
|
||||
<div class="primary-focus-content">
|
||||
<span class="eyebrow">Für wen ist das?</span>
|
||||
<h2>Passend für jede Schulform</h2>
|
||||
<div class="primary-points">
|
||||
<span>Grundschule: Übersicht für Klassen 1–4</span>
|
||||
<span>Weiterführende Schulen: Effizienz für Klassen 5–13</span>
|
||||
<span>Oberschulen: Verwaltung für FOS/BOS</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="ablauf" style="animation-delay: 100ms;">
|
||||
<h2>So verläuft die Zusammenarbeit</h2>
|
||||
<p>Ein klarer Prozess sorgt für Sicherheit, besonders bei begrenzten Zeitfenstern im Schulbetrieb.</p>
|
||||
<div class="process" aria-label="Ablauf in fünf Schritten">
|
||||
<div class="step"><strong>1. Kennenlernen</strong><small>Ziele klären</small></div>
|
||||
<div class="step"><strong>2. Struktur</strong><small>Bestehende Abläufe erfassen</small></div>
|
||||
<div class="step"><strong>3. Einrichtung</strong><small>System passgenau einstellen</small></div>
|
||||
<div class="step"><strong>4. Schulung</strong><small>Praxisnah einführen</small></div>
|
||||
<div class="step"><strong>5. Betrieb</strong><small>Persönlich begleiten</small></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="nutzen" style="animation-delay: 180ms;">
|
||||
<h2>Nutzen-Inseln aus dem Schulalltag</h2>
|
||||
<div class="section-grid">
|
||||
<article class="card">
|
||||
<h3>Bücher sicher ausgeben und zurücknehmen</h3>
|
||||
<p>Mit Barcode oder QR-Code werden Bücher und Materialien schnell und nachvollziehbar ausgegeben und zurückgenommen – ohne Zettelwirtschaft.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Den Überblick über Laptops und iPads behalten</h3>
|
||||
<p>IT-Geräte, Tablets und Medien werden gemeinsam verwaltet. Verantwortlichkeiten und Rückgaben sind jederzeit einsehbar.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Lehrmittel für die Unterrichtsplanung</h3>
|
||||
<p>Lehrkräfte planen Materialbedarf im Voraus und vermeiden so Engpässe und Doppelbestellungen.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="sicherheit" style="animation-delay: 220ms;">
|
||||
<h2>Datenschutz & Sicherheit</h2>
|
||||
<div class="section-grid">
|
||||
<article class="card">
|
||||
<h3>Rollen- und Bereichstrennung</h3>
|
||||
<p>Bibliothek, Verwaltung und IT erhalten abgestufte Rechte, sodass jede Rolle nur ihre benötigten Funktionen sieht.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Protokollierung und Nachweis</h3>
|
||||
<p>Ausgaben, Rücknahmen und kritische Admin-Aktionen werden dokumentiert und sind jederzeit auditierbar.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Gesicherte Web-Session</h3>
|
||||
<p>Sicherheits-Header, HttpOnly-Cookies und klare Session-Richtlinien schützen den laufenden Betrieb vor typischen Webangriffen.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="hilfe" style="animation-delay: 240ms;">
|
||||
<h2>Wir lassen Sie nicht allein</h2>
|
||||
<p>Sie erhalten persönlichen Support – per E-Mail, über den Chat mit einem Administrator oder für die Einrichtung vor Ort. So bleibt keine Frage offen und die Hemmschwelle vor der Digitalisierung sinkt.</p>
|
||||
</section>
|
||||
|
||||
<section class="testimonials">
|
||||
<h2>Das sagen unsere Schulen</h2>
|
||||
<h2>Das sagen andere Schulleitungen</h2>
|
||||
<div class="testimonials-grid">
|
||||
<div class="testimonial-card">
|
||||
<div class="testimonial-stars">
|
||||
@@ -609,7 +736,7 @@
|
||||
<span class="star">★</span>
|
||||
<span class="star">★</span>
|
||||
</div>
|
||||
<p class="testimonial-text">"Mit Invario haben wir unsere Lehrmittelausleihe um 70% beschleunigt. Die Schüler wissen sofort, welche Materialien verfügbar sind, ohne die Bibliothek zu stören."</p>
|
||||
<p class="testimonial-text">"Mit Invario haben wir unsere Lehrmittelausleihe um 70% beschleunigt. Die Oberfläche ist intuitiv und unsere Bibliothekare sparen täglich Zeit."</p>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-avatar">SR</div>
|
||||
<div class="testimonial-info">
|
||||
@@ -667,7 +794,7 @@
|
||||
<span>Kinderleichte Bedienung</span>
|
||||
</div>
|
||||
<div class="cta-row">
|
||||
<a class="btn btn-primary" href="{{ url_for('inventarsystem') }}">Module ansehen</a>
|
||||
<a class="btn btn-primary" href="{{ url_for('inventarsystem') }}">Grundschul-Modul ansehen</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Beratung für Grundschule</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -685,7 +812,7 @@
|
||||
<span>Kinderleichte Bedienung</span>
|
||||
</div>
|
||||
<div class="cta-row">
|
||||
<a class="btn btn-primary" href="{{ url_for('inventarsystem') }}">Module ansehen</a>
|
||||
<a class="btn btn-primary" href="{{ url_for('inventarsystem') }}">Modul ansehen</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Beratung für Weiterführende Schulen</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -703,7 +830,7 @@
|
||||
<span>Kinderleichte Bedienung</span>
|
||||
</div>
|
||||
<div class="cta-row">
|
||||
<a class="btn btn-primary" href="{{ url_for('inventarsystem') }}">Module ansehen</a>
|
||||
<a class="btn btn-primary" href="{{ url_for('inventarsystem') }}">Modul ansehen</a>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Beratung für Oberschulen</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -798,4 +925,12 @@
|
||||
<a class="btn btn-secondary" href="{{ url_for('login') }}">Buchungsoption nutzen</a>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<section class="contact" id="kontakt">
|
||||
<div>
|
||||
<h2>Sie sind Schulträger?</h2>
|
||||
<p>In einer Persönlichen Präsentation klären wir Ihre Anforderungen und prüfen in Zusammenarbeit wie Invario ihren Digitalisierungsvorgang in ihren Schulen unterstützen kann.</p>
|
||||
</div>
|
||||
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Beratungstermin vereinbaren</a>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user