preise ins Template gebracht
This commit is contained in:
parent
23c29356db
commit
44792dc98f
@ -239,7 +239,12 @@ def home():
|
|||||||
@app.route("/preise")
|
@app.route("/preise")
|
||||||
@login_required
|
@login_required
|
||||||
def preise():
|
def preise():
|
||||||
return render_page("preise", "Preise")
|
return render_template(
|
||||||
|
"preise.html",
|
||||||
|
page_title="Preise",
|
||||||
|
active_page="preise",
|
||||||
|
**get_current_user()
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
@app.route("/allgemein")
|
@app.route("/allgemein")
|
||||||
|
|||||||
@ -1,190 +1,160 @@
|
|||||||
<!DOCTYPE html>
|
{% extends "base.html" %}
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>{{ page_title }}</title>
|
|
||||||
<link rel="stylesheet" href="/styles/site.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header class="site-header">
|
|
||||||
<div class="header-inner">
|
|
||||||
<div class="logo-area">
|
|
||||||
<a href="/home">
|
|
||||||
<img src="/images/Logo-Compliance-Verification-bg-1.png" alt="Logo" class="site-logo">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav class="top-nav">
|
{% block content %}
|
||||||
<a href="/home" class="{% if active_page == 'home' %}active{% endif %}">Home</a>
|
|
||||||
<a href="/preise" class="{% if active_page == 'preise' %}active{% endif %}">Preise</a>
|
|
||||||
<a href="/allgemein" class="{% if active_page == 'allgemein' %}active{% endif %}">Allgemein</a>
|
|
||||||
|
|
||||||
{% if is_logged_in %}
|
<section class="hero-box">
|
||||||
<span class="user-box">{{ user_name }}</span>
|
<h1>Klare Preise für Ihre KI-Compliance</h1>
|
||||||
<a href="/logout">Logout</a>
|
<p>Wählen Sie zwischen sofort buchbaren Modulen und individueller Unternehmenslösung.</p>
|
||||||
{% else %}
|
</section>
|
||||||
<a href="/login">Login</a>
|
|
||||||
{% endif %}
|
<section class="pricing-section">
|
||||||
</nav>
|
<h2>Leistungen und Preise</h2>
|
||||||
|
|
||||||
|
<div class="pricing-grid">
|
||||||
|
<article class="price-card">
|
||||||
|
<h3>Modul A – Essential</h3>
|
||||||
|
<p class="price-subline">Für alle Mitarbeitenden – gesetzliche Mindestanforderung</p>
|
||||||
|
<div class="price-value">€ 9,90 <span>/ jährlich pro Nutzer</span></div>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Erfüllt die gesetzliche Schulungspflicht (EU AI Act)</li>
|
||||||
|
<li>5 Pflichtmodule</li>
|
||||||
|
<li>AI Governance Basics</li>
|
||||||
|
<li>Ethical AI & Non-Discrimination</li>
|
||||||
|
<li>AI Risk Awareness</li>
|
||||||
|
<li>Transparency & Disclosure</li>
|
||||||
|
<li>Documentation & Prozesse (Basic)</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<a href="#" class="btn-primary">Jetzt buchen</a>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="price-card featured">
|
||||||
|
<h3>Modul B – Compliance</h3>
|
||||||
|
<p class="price-subline">Für Fachbereiche – rechtssichere KI-Nutzung im Unternehmen</p>
|
||||||
|
<div class="price-value">€ 19,90 <span>/ jährlich pro Nutzer</span></div>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Alle Module aus A</li>
|
||||||
|
<li>10 Module insgesamt</li>
|
||||||
|
<li>Data & Privacy Compliance</li>
|
||||||
|
<li>AI Use Policies & Unternehmensrichtlinien</li>
|
||||||
|
<li>Copyright & AI (Basic)</li>
|
||||||
|
<li>Dokumentation & Audit Readiness</li>
|
||||||
|
<li>Organisation & Verantwortlichkeiten</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<a href="#" class="btn-primary">Jetzt buchen</a>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="price-card">
|
||||||
|
<h3>Modul C – Governance</h3>
|
||||||
|
<p class="price-subline">Für Unternehmen – vollständige Steuerung, Kontrolle und Absicherung</p>
|
||||||
|
<div class="price-value">€ 29,90 <span>/ jährlich pro Nutzer</span></div>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Alle Module aus A & B</li>
|
||||||
|
<li>15 Module insgesamt</li>
|
||||||
|
<li>Advanced Copyright & IP Strategy</li>
|
||||||
|
<li>Security & Misuse Prevention</li>
|
||||||
|
<li>Vendor & Tool Governance</li>
|
||||||
|
<li>Risk Mapping & Governance Framework</li>
|
||||||
|
<li>Umsetzung & individuelle Beratung</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<a href="#" class="btn-primary">Jetzt buchen</a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="price-note">
|
||||||
|
Alle Preise verstehen sich inklusive Mehrwertsteuer.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="overview-section">
|
||||||
|
<h2>Welches Paket ist das richtige für Ihr Unternehmen?</h2>
|
||||||
|
<div class="image-panel">
|
||||||
|
<img src="/images/TabelleUebersicht.png" alt="Paketübersicht">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Die meisten Unternehmen starten mit Modul A und erweitern anschließend auf Modul B oder C – je nach Einsatz von KI und Risikoprofil.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="company-section">
|
||||||
|
<div class="two-col">
|
||||||
|
<div>
|
||||||
|
<h2>Für ganze Unternehmen</h2>
|
||||||
|
<p>Sie möchten nicht nur einzelne Mitarbeitende schulen, sondern Ihre gesamte Organisation rechtssicher aufstellen?</p>
|
||||||
|
<ul class="check-list">
|
||||||
|
<li>individuelle Risikoanalyse</li>
|
||||||
|
<li>unternehmensweite Umsetzung</li>
|
||||||
|
<li>rechtssichere Dokumentation</li>
|
||||||
|
<li>kontinuierliche Begleitung</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" class="btn-secondary">Individuelles Angebot anfragen</a>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
<div class="image-panel">
|
||||||
|
<img src="/images/Schulung.png" alt="Schulung">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<main class="content-area">
|
<section class="modules-section">
|
||||||
<section class="hero-box">
|
<h2>Module / geprüfte Bereiche</h2>
|
||||||
<h1>Klare Preise für Ihre KI-Compliance</h1>
|
<div class="module-blocks">
|
||||||
<p>Wählen Sie zwischen sofort buchbaren Modulen und individueller Unternehmenslösung.</p>
|
<div class="module-block">
|
||||||
</section>
|
<h3>Basis-Level</h3>
|
||||||
|
<p class="module-result">AI-Safe Workforce</p>
|
||||||
|
<ul>
|
||||||
|
<li>AI Governance Basics</li>
|
||||||
|
<li>Ethical AI & Non-Discrimination</li>
|
||||||
|
<li>AI Risk & Impact Awareness</li>
|
||||||
|
<li>Transparency & Customer Disclosure</li>
|
||||||
|
<li>Documentation & Internal Processes</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<section class="pricing-section">
|
<div class="module-block">
|
||||||
<h2>Leistungen und Preise</h2>
|
<h3>Compliance-Level</h3>
|
||||||
|
<p class="module-result">AI Compliance Ready</p>
|
||||||
|
<ul>
|
||||||
|
<li>Datenschutz & KI</li>
|
||||||
|
<li>KI-Nutzung & HR-Policies</li>
|
||||||
|
<li>Urheberrecht & Trainingsdaten</li>
|
||||||
|
<li>Erweiterte Dokumentation & Transparenz</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pricing-grid">
|
<div class="module-block">
|
||||||
<article class="price-card">
|
<h3>Governance-Level</h3>
|
||||||
<h3>Modul A – Essential</h3>
|
<p class="module-result">Full AI Governance</p>
|
||||||
<p class="price-subline">Für alle Mitarbeitenden – gesetzliche Mindestanforderung</p>
|
<ul>
|
||||||
<div class="price-value">€ 9,90 <span>/ jährlich pro Nutzer</span></div>
|
<li>Copyright Deep Dive</li>
|
||||||
|
<li>Security & Missbrauchsprävention</li>
|
||||||
|
<li>Vendor & Tool-Prüfung</li>
|
||||||
|
<li>Individuelle Risikoanalyse & Beratung</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<ul>
|
<section class="steps-section">
|
||||||
<li>Erfüllt die gesetzliche Schulungspflicht (EU AI Act)</li>
|
<h2>So funktioniert Compliance Verification</h2>
|
||||||
<li>5 Pflichtmodule</li>
|
<div class="steps-grid">
|
||||||
<li>AI Governance Basics</li>
|
<div class="step-card">
|
||||||
<li>Ethical AI & Non-Discrimination</li>
|
<h3>Schritt 1</h3>
|
||||||
<li>AI Risk Awareness</li>
|
<p>Sie wählen Module und starten sofort.</p>
|
||||||
<li>Transparency & Disclosure</li>
|
</div>
|
||||||
<li>Documentation & Prozesse (Basic)</li>
|
<div class="step-card">
|
||||||
</ul>
|
<h3>Schritt 2</h3>
|
||||||
|
<p>Ihre Mitarbeitenden absolvieren Schulung und Prüfung.</p>
|
||||||
|
</div>
|
||||||
|
<div class="step-card">
|
||||||
|
<h3>Schritt 3</h3>
|
||||||
|
<p>Sie erhalten ein belastbares Compliance-Zertifikat.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<a href="#" class="btn-primary">Jetzt buchen</a>
|
{% endblock %}
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="price-card featured">
|
|
||||||
<h3>Modul B – Compliance</h3>
|
|
||||||
<p class="price-subline">Für Fachbereiche – rechtssichere KI-Nutzung im Unternehmen</p>
|
|
||||||
<div class="price-value">€ 19,90 <span>/ jährlich pro Nutzer</span></div>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Alle Module aus A</li>
|
|
||||||
<li>10 Module insgesamt</li>
|
|
||||||
<li>Data & Privacy Compliance</li>
|
|
||||||
<li>AI Use Policies & Unternehmensrichtlinien</li>
|
|
||||||
<li>Copyright & AI (Basic)</li>
|
|
||||||
<li>Dokumentation & Audit Readiness</li>
|
|
||||||
<li>Organisation & Verantwortlichkeiten</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<a href="#" class="btn-primary">Jetzt buchen</a>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="price-card">
|
|
||||||
<h3>Modul C – Governance</h3>
|
|
||||||
<p class="price-subline">Für Unternehmen – vollständige Steuerung, Kontrolle und Absicherung</p>
|
|
||||||
<div class="price-value">€ 29,90 <span>/ jährlich pro Nutzer</span></div>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Alle Module aus A & B</li>
|
|
||||||
<li>15 Module insgesamt</li>
|
|
||||||
<li>Advanced Copyright & IP Strategy</li>
|
|
||||||
<li>Security & Misuse Prevention</li>
|
|
||||||
<li>Vendor & Tool Governance</li>
|
|
||||||
<li>Risk Mapping & Governance Framework</li>
|
|
||||||
<li>Umsetzung & individuelle Beratung</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<a href="#" class="btn-primary">Jetzt buchen</a>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p class="price-note">
|
|
||||||
Alle Preise verstehen sich inklusive Mehrwertsteuer.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="overview-section">
|
|
||||||
<h2>Welches Paket ist das richtige für Ihr Unternehmen?</h2>
|
|
||||||
<div class="image-panel">
|
|
||||||
<img src="/images/TabelleUebersicht.png" alt="Paketübersicht">
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
Die meisten Unternehmen starten mit Modul A und erweitern anschließend auf Modul B oder C – je nach Einsatz von KI und Risikoprofil.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="company-section">
|
|
||||||
<div class="two-col">
|
|
||||||
<div>
|
|
||||||
<h2>Für ganze Unternehmen</h2>
|
|
||||||
<p>Sie möchten nicht nur einzelne Mitarbeitende schulen, sondern Ihre gesamte Organisation rechtssicher aufstellen?</p>
|
|
||||||
<ul class="check-list">
|
|
||||||
<li>individuelle Risikoanalyse</li>
|
|
||||||
<li>unternehmensweite Umsetzung</li>
|
|
||||||
<li>rechtssichere Dokumentation</li>
|
|
||||||
<li>kontinuierliche Begleitung</li>
|
|
||||||
</ul>
|
|
||||||
<a href="#" class="btn-secondary">Individuelles Angebot anfragen</a>
|
|
||||||
</div>
|
|
||||||
<div class="image-panel">
|
|
||||||
<img src="/images/Schulung.png" alt="Schulung">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="modules-section">
|
|
||||||
<h2>Module / geprüfte Bereiche</h2>
|
|
||||||
<div class="module-blocks">
|
|
||||||
<div class="module-block">
|
|
||||||
<h3>Basis-Level</h3>
|
|
||||||
<p class="module-result">AI-Safe Workforce</p>
|
|
||||||
<ul>
|
|
||||||
<li>AI Governance Basics</li>
|
|
||||||
<li>Ethical AI & Non-Discrimination</li>
|
|
||||||
<li>AI Risk & Impact Awareness</li>
|
|
||||||
<li>Transparency & Customer Disclosure</li>
|
|
||||||
<li>Documentation & Internal Processes</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="module-block">
|
|
||||||
<h3>Compliance-Level</h3>
|
|
||||||
<p class="module-result">AI Compliance Ready</p>
|
|
||||||
<ul>
|
|
||||||
<li>Datenschutz & KI</li>
|
|
||||||
<li>KI-Nutzung & HR-Policies</li>
|
|
||||||
<li>Urheberrecht & Trainingsdaten</li>
|
|
||||||
<li>Erweiterte Dokumentation & Transparenz</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="module-block">
|
|
||||||
<h3>Governance-Level</h3>
|
|
||||||
<p class="module-result">Full AI Governance</p>
|
|
||||||
<ul>
|
|
||||||
<li>Copyright Deep Dive</li>
|
|
||||||
<li>Security & Missbrauchsprävention</li>
|
|
||||||
<li>Vendor & Tool-Prüfung</li>
|
|
||||||
<li>Individuelle Risikoanalyse & Beratung</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="steps-section">
|
|
||||||
<h2>So funktioniert Compliance Verification</h2>
|
|
||||||
<div class="steps-grid">
|
|
||||||
<div class="step-card">
|
|
||||||
<h3>Schritt 1</h3>
|
|
||||||
<p>Sie wählen Module und starten sofort.</p>
|
|
||||||
</div>
|
|
||||||
<div class="step-card">
|
|
||||||
<h3>Schritt 2</h3>
|
|
||||||
<p>Ihre Mitarbeitenden absolvieren Schulung und Prüfung.</p>
|
|
||||||
</div>
|
|
||||||
<div class="step-card">
|
|
||||||
<h3>Schritt 3</h3>
|
|
||||||
<p>Sie erhalten ein belastbares Compliance-Zertifikat.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue
Block a user