feat: Quellmaterial vom Live-Server — Seiten, Blog, CSS, Bilder

- _live_*.html: index, faq, ueber-uns, leistungen, kontakt (existierende Inhalte)
- _quelle/blog/: 10 Blog-Artikel der bisherigen Seite
- _quelle/legal/: Impressum, Datenschutz, Affiliate
- _quelle/css/: styles.css (375 Design-Regeln)
- _quelle/images/: 6 Bilder (Hero, Logo, DSGVO, Mobile, Kosten, Zeitersparnis)
- ftp-creds via bsn-secrets gesichert
This commit is contained in:
Hermes Agent
2026-06-25 17:05:16 +02:00
parent b700f989b9
commit a4e6a2e83e
26 changed files with 5441 additions and 0 deletions
+142
View File
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Über IT-Hilfe Sofort Ihr vertrauensvoller Partner für die Vermittlung von itbuddy.care-Lizenzen an Pflegeunternehmen.">
<link rel="canonical" href="https://it-hilfe-sofort.de/ueber-uns.html">
<meta property="og:title" content="Über uns | IT-Hilfe Sofort">
<meta property="og:description" content="Ihr Partner für digitale Pflegelösungen persönlich, kompetent, pragmatisch">
<!-- BILD-PLATZHALTER: OG Image Über uns - Datei: images/ueber-uns-og.webp - Alt-Text: "IT-Hilfe Sofort Beratung" -->
<meta property="og:image" content="https://it-hilfe-sofort.de/images/ueber-uns-og.webp">
<title>Über uns | IT-Hilfe Sofort</title>
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
.about-hero { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); padding: 4rem 0; text-align: center; }
.about-content { max-width: 800px; margin: 0 auto; }
.values-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin: 2rem 0; }
.value-card { padding: 1.5rem; background: #f9fafb; border-left: 4px solid #2563eb; border-radius: 0.5rem; }
.mission-box { background: white; padding: 2rem; border-radius: 0.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin: 2rem 0; }
@media (min-width: 768px) {
.values-grid { grid-template-columns: repeat(2, 1fr); }
}
</style>
</head>
<body>
<header class="header">
<nav class="nav container">
<button class="nav-toggle" aria-label="Menü öffnen">
<span></span>
<span></span>
<span></span>
</button>
<a href="/" class="logo"><img src="images/logo.png" alt="IT-HilfeSofort Logo" class="logo-img"></a>
<ul class="nav-menu">
<li><a href="index.html">Start</a></li>
<li><a href="ueber-uns.html" class="active">Über uns</a></li>
<li><a href="leistungen.html">Leistungen</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="blog/">Blog</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
</header>
<main>
<section class="about-hero">
<div class="container about-content">
<!-- BILD-PLATZHALTER: Hero Image Über uns - Datei: images/ueber-uns-hero.webp - Alt-Text: "IT-Hilfe Sofort Beratung" -->
<h1>Über IT-Hilfe Sofort</h1>
<p class="hero-subtitle">Ihr persönlicher Partner für digitale Lösungen in der Pflege</p>
</div>
</section>
<section class="section">
<div class="container">
<h2>Unsere Geschichte</h2>
<p>IT-Hilfe Sofort wurde mit einem klaren Ziel gegründet: kleinen und mittleren Pflegeunternehmen den Einstieg in die digitale Transformation zu erleichtern.</p>
<p class="mt-2">Wir haben aus erster Hand erlebt, wie viel Zeit Pflegekräfte mit papierbasierter Dokumentation verbringen Zeit, die eigentlich den Patienten gehören sollte. Deshalb haben wir uns dafür entschieden, als Vermittler für itbuddy.care tätig zu werden: eine Software, die genau diese Probleme löst.</p>
<p class="mt-2">Unser Team besteht aus Experten mit langjähriger Erfahrung im Gesundheitswesen und in der IT-Beratung. Wir verstehen sowohl die Herausforderungen der Pflege als auch die Möglichkeiten der Digitalisierung.</p>
</div>
</section>
<section class="section" style="background: #f9fafb;">
<div class="container">
<h2>Was wir bieten</h2>
<div class="mission-box">
<h3>Persönliche Beratung statt anonymem Callcenter</h3>
<p>Wir nehmen uns Zeit für Sie. In einem kostenlosen 15-Minuten-Gespräch lernen wir Ihre Situation kennen und zeigen Ihnen, wie itbuddy.care Ihnen im Pflegealltag helfen kann.</p>
</div>
<div class="mission-box">
<h3>Unabhängige Vermittlung</h3>
<p>Als Vermittler von itbuddy.care sind wir nicht an einen Anbieter gebunden. Wir empfehlen nur Software, die wir selbst geprüft haben und die im Pflegealltag wirklich funktioniert.</p>
</div>
<div class="mission-box">
<h3>Vollständige Begleitung</h3>
<p>Vom ersten Gespräch über die Lizenzvermittlung bis zum erfolgreichen Onboarding wir lassen Sie nicht allein. Unser Support ist persönlich, schnell und kompetent.</p>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2>Unsere Werte</h2>
<div class="values-grid">
<div class="value-card">
<h3>Vertrauen</h3>
<p>Wir bauen langfristige Beziehungen auf Basis von Transparenz und Ehrlichkeit.</p>
</div>
<div class="value-card">
<h3>Kompetenz</h3>
<p>Unser Team verfügt über tiefgreifendes Wissen in Pflege und Digitalisierung.</p>
</div>
<div class="value-card">
<h3>Pragmatismus</h3>
<p>Wir empfehlen nur Lösungen, die im Pflegealltag wirklich funktionieren.</p>
</div>
<div class="value-card">
<h3>Datenschutz</h3>
<p>DSGVO-Konformität ist für uns keine Option, sondern Grundvoraussetzung.</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2>Unser Versprechen</h2>
<ul style="max-width: 600px; margin: 1.5rem auto; line-height: 2;">
<li>✅ Wir empfehlen nur Software, die wir selbst geprüft haben</li>
<li>✅ Transparente Preise ohne versteckte Kosten</li>
<li>✅ Persönliche Beratung statt anonymem Callcenter</li>
<li>✅ Unterstützung während des gesamten Onboarding-Prozesses</li>
<li>✅ Klare Affiliate-Kennzeichnung (§6 TMG)</li>
</ul>
<p class="mt-3 text-center" style="color: #6b7280; font-size: 0.875rem;">
<strong>Wichtiger Hinweis:</strong> Wir sind Affiliate-Partner von itbuddy.care und vermitteln Lizenzen. Der Vertrag kommt direkt zwischen Ihnen und itbuddy.care zustande.
</p>
</div>
</section>
<section class="cta section">
<div class="container">
<h2>Lernen Sie uns kennen</h2>
<p>Wir freuen uns auf ein persönliches Gespräch mit Ihnen kostenlos und unverbindlich.</p>
<a href="kontakt.html" class="btn btn-primary btn-lg">Kostenloses 15-Minuten-Gespräch vereinbaren</a>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-grid">
<div class="footer-col"><img src="images/logo.png" alt="IT-HilfeSofort Logo" class="logo-img" style="max-height: 40px; margin-bottom: 0.5rem;"><p>Ihr Partner für digitale Lösungen im Pflegebereich.</p></div>
<div class="footer-col"><h4>Navigation</h4><ul><li><a href="ueber-uns.html">Über uns</a></li><li><a href="leistungen.html">Leistungen</a></li><li><a href="faq.html">FAQ</a></li><li><a href="blog/">Blog</a></li></ul></div>
<div class="footer-col"><h4>Rechtliches</h4><ul><li><a href="legal/impressum.html">Impressum</a></li><li><a href="legal/datenschutz.html">Datenschutz</a></li><li><a href="legal/affiliate.html">Affiliate-Kennzeichnung</a></li></ul></div>
<div class="footer-col"><h4>Kontakt</h4><p><a href="kontakt.html">Kontaktformular</a></p></div>
</div>
<div class="footer-bottom"><p>&copy; 2026 IT-Hilfe Sofort. Alle Rechte vorbehalten.</p></div>
</footer>
<script src="js/main.js" defer></script>
</body>
</html>