AICertification/app/flask-postgres/app/templates/partials/home_content.html
2026-04-09 16:37:36 +02:00

112 lines
2.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- HERO -->
<section class="hero-box">
<h1>Compliance. Digitalisierung. Zukunftssicher.</h1>
<p>
Wir unterstützen Unternehmen dabei, regulatorische Anforderungen effizient umzusetzen
und gleichzeitig die Chancen moderner Technologien optimal zu nutzen.
</p>
<div class="hero-actions">
<a href="/preise" class="btn-primary">Leistungen ansehen</a>
<a href="/kontakt" class="btn-secondary">Kontakt aufnehmen</a>
</div>
</section>
<!-- LEISTUNGEN -->
<section class="section">
<h2>Unsere Leistungen</h2>
<div class="card-grid">
<div class="card">
<h3>Compliance & Regulierung</h3>
<p>
Umsetzung gesetzlicher Anforderungen wie EU AI Act, Datenschutz und Governance.
</p>
</div>
<div class="card">
<h3>KI & Digitalisierung</h3>
<p>
Strukturierte Einführung von KI-Systemen mit klaren Prozessen und Richtlinien.
</p>
</div>
<div class="card">
<h3>Schulung</h3>
<p>
Aufbau von Wissen im Unternehmen mit Trainings und nachvollziehbarer Dokumentation.
</p>
</div>
</div>
</section>
<!-- WARUM -->
<section class="section alt">
<div class="two-col">
<div>
<h2>Warum Compliance Verification?</h2>
<ul class="check-list">
<li>Rechtssicherheit für Ihr Unternehmen</li>
<li>Klare Dokumentation und Nachweise</li>
<li>Strukturierte Umsetzung von KI-Richtlinien</li>
<li>Effiziente Schulung Ihrer Mitarbeitenden</li>
</ul>
</div>
<div class="image-panel">
<img src="/images/schulung.png" alt="Schulung">
</div>
</div>
</section>
<!-- MODULE -->
<section class="section">
<h2>Unsere Module</h2>
<div class="card-grid">
<div class="card">
<h3>Modul A Basis</h3>
<p>Grundlagen für alle Mitarbeitenden zur sicheren Nutzung von KI.</p>
</div>
<div class="card">
<h3>Modul B Compliance</h3>
<p>Erweiterte Anforderungen für Fachbereiche und Organisation.</p>
</div>
<div class="card">
<h3>Modul C Governance</h3>
<p>Ganzheitliche Steuerung und Absicherung im Unternehmen.</p>
</div>
</div>
</section>
<!-- ABLAUF -->
<section class="section alt">
<h2>So funktioniert es</h2>
<div class="steps-grid">
<div class="step-card">
<h3>Analyse</h3>
<p>Wir analysieren Ihre aktuelle Situation und Anforderungen.</p>
</div>
<div class="step-card">
<h3>Umsetzung</h3>
<p>Einführung von Prozessen, Richtlinien und Schulungen.</p>
</div>
<div class="step-card">
<h3>Verifikation</h3>
<p>Nachweisbare Compliance und nachhaltige Absicherung.</p>
</div>
</div>
</section>
<!-- CTA -->
<section class="section cta-section">
<h2>Bereit für den nächsten Schritt?</h2>
<p>
Starten Sie jetzt mit der strukturierten Umsetzung Ihrer KI-Compliance.
</p>
<a href="/preise" class="btn-primary">Jetzt starten</a>
</section>