Files
Key-service-Server/Website/templates/dienstleistungen.html
T
Aiirondev_dev 9468a1333e Enhance website templates for Invario services and pricing
- Updated dienstleistungen.html to improve layout and content clarity, including new service descriptions and a refined CSS style for better visual appeal.
- Revamped inventarsystem.html with a focus on key features and pricing, adding a structured layout and enhancing the user experience with new design elements.
- Modified main.html to reflect updated pricing information and improve SEO with enhanced meta descriptions and structured data for better search visibility.
- Revised preise.html to clearly present pricing details, including new pricing pills and comparison cards for better user understanding of offerings.
2026-05-11 14:42:35 +02:00

145 lines
4.4 KiB
HTML

{% extends "base.html" %}
{% set meta_description = "Invario Leistungen für Schulen: Inventarverwaltung, Bibliothekssystem, Support, Sicherheit und Einführung ohne Installation. Klar für Schulen und Schulträger gegliedert." %}
{% block title %}Leistungen für Schulen | Invario{% endblock %}
{% block head %}
{{ super() }}
<style>
.page-hero {
padding: 1.4rem 1.5rem;
border-radius: 20px;
border: 1px solid #d6dfda;
background: linear-gradient(135deg, #ffffff 0%, #f5f8f4 100%);
box-shadow: 0 16px 34px rgba(25, 45, 41, 0.06);
}
.page-hero h1 {
margin-bottom: 0.4rem;
}
.page-hero p {
max-width: 72ch;
color: #496267;
line-height: 1.65;
}
.service-grid {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.85rem;
}
.service-card,
.highlight {
border-radius: 18px;
border: 1px solid #d8dfd7;
background: #ffffff;
}
.service-card {
padding: 1rem;
box-shadow: 0 10px 26px rgba(25, 45, 41, 0.04);
}
.service-card h2 {
color: #235159;
margin-bottom: 0.45rem;
font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}
.service-card p {
color: #496267;
line-height: 1.6;
}
.highlight {
margin-top: 1rem;
padding: 1.2rem;
background: linear-gradient(135deg, #f6fbf7 0%, #eef5ef 100%);
}
.highlight h2 {
color: #2a4d53;
margin-bottom: 0.4rem;
font-size: clamp(1.1rem, 2.2vw, 1.55rem);
}
.bento {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem;
}
.bento-item {
padding: 1rem;
border-radius: 16px;
border: 1px solid #d8dfd7;
background: #ffffff;
}
.bento-item strong {
display: block;
margin-bottom: 0.25rem;
color: #173f46;
}
@media (max-width: 900px) {
.service-grid,
.bento {
grid-template-columns: 1fr;
}
}
</style>
{% endblock %}
{% block content %}
<section class="page-hero">
<h1>Leistungen für Bildungseinrichtungen</h1>
<p>Invario bündelt die Leistungen so, dass Schulen sofort verstehen, was sie bekommen: Inventarverwaltung für 250 € pro Jahr, Bibliothekssystem für 100 € pro Jahr, dazu Support, Schulung und dokumentierte Sicherheit.</p>
<div class="bento" aria-label="Kernleistungen">
<div class="bento-item"><strong>Schulen</strong>5-Minuten-Start, Zettelwirtschaft vermeiden, intuitive Web-App ohne Installation.</div>
<div class="bento-item"><strong>Schulträger</strong>Rechtssicherheit, revisionssichere PDF-Berichte und Serverstandort Deutschland.</div>
</div>
</section>
<section class="service-grid">
<article class="service-card">
<h2>Digitale Inventarverwaltung</h2>
<p>Alle Geräte, Räume und Zuständigkeiten an einem Ort. Das verkürzt Suchzeiten und reduziert Rückfragen.</p>
</article>
<article class="service-card">
<h2>Instanz- und Fristenkontrolle</h2>
<p>Instanzzustände und wichtige Wartungsfristen werden transparent angezeigt, inklusive klarer Hinweise für den Betrieb.</p>
</article>
<article class="service-card">
<h2>Support mit klaren Prioritäten</h2>
<p>Störungen werden strukturiert aufgenommen, priorisiert und mit nachvollziehbarem Status bearbeitet.</p>
</article>
<article class="service-card">
<h2>DSGVO-konforme Dokumentation</h2>
<p>Vorgänge und Änderungen bleiben nachvollziehbar dokumentiert, damit Prüfungen und Abstimmungen einfacher werden.</p>
</article>
<article class="service-card">
<h2>Einrichtung und Schulung</h2>
<p>Die Einführung erfolgt in klaren, alltagsnahen Schritten, damit der laufende Betrieb stabil bleibt.</p>
</article>
<article class="service-card">
<h2>Begleitung im laufenden Betrieb</h2>
<p>Feste Ansprechpartner unterstützen bei Fragen, Erweiterungen und organisatorischen Anpassungen.</p>
</article>
<article class="service-card">
<h2>Technische Sicherheitsbasis</h2>
<p>Rollenrechte, sichere Sitzungen, Schutz-Header und protokollierte Änderungen bilden die Grundlage für einen verlässlichen Betrieb.</p>
</article>
</section>
<section class="highlight">
<h2>Besonders geeignet für Teams mit wenig Zeit</h2>
<p>Die Oberfläche ist bewusst reduziert aufgebaut: große, klare Bedienelemente, eindeutige Bezeichnungen und kurze Klickwege für tägliche Verwaltungsaufgaben.</p>
</section>
{% endblock %}