preise ins Template gebracht
This commit is contained in:
parent
23c29356db
commit
44792dc98f
@ -239,7 +239,12 @@ def home():
|
||||
@app.route("/preise")
|
||||
@login_required
|
||||
def preise():
|
||||
return render_page("preise", "Preise")
|
||||
return render_template(
|
||||
"preise.html",
|
||||
page_title="Preise",
|
||||
active_page="preise",
|
||||
**get_current_user()
|
||||
)
|
||||
|
||||
|
||||
@app.route("/allgemein")
|
||||
|
||||
@ -1,190 +1,160 @@
|
||||
<!DOCTYPE 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>
|
||||
{% extends "base.html" %}
|
||||
|
||||
<nav class="top-nav">
|
||||
<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>
|
||||
{% block content %}
|
||||
|
||||
{% if is_logged_in %}
|
||||
<span class="user-box">{{ user_name }}</span>
|
||||
<a href="/logout">Logout</a>
|
||||
{% else %}
|
||||
<a href="/login">Login</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
<section class="hero-box">
|
||||
<h1>Klare Preise für Ihre KI-Compliance</h1>
|
||||
<p>Wählen Sie zwischen sofort buchbaren Modulen und individueller Unternehmenslösung.</p>
|
||||
</section>
|
||||
|
||||
<section class="pricing-section">
|
||||
<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>
|
||||
</header>
|
||||
<div class="image-panel">
|
||||
<img src="/images/Schulung.png" alt="Schulung">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<main class="content-area">
|
||||
<section class="hero-box">
|
||||
<h1>Klare Preise für Ihre KI-Compliance</h1>
|
||||
<p>Wählen Sie zwischen sofort buchbaren Modulen und individueller Unternehmenslösung.</p>
|
||||
</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>
|
||||
|
||||
<section class="pricing-section">
|
||||
<h2>Leistungen und Preise</h2>
|
||||
<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="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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<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 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>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user