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
@@ -0,0 +1,694 @@
|
||||
<!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="IT-Hilfe für Pflegeunternehmen – Wir vermitteln die digitale Lösung itbuddy.care für Pflegedienste, Pflegeheime und Tagespflegen.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://it-hilfe-sofort.de/">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:title" content="IT-Hilfe Sofort | Digitale Lösung für Pflegeunternehmen">
|
||||
<meta property="og:description" content="Wir vermitteln itbuddy.care – die digitale Komplettlösung für kleine Pflegeunternehmen.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://it-hilfe-sofort.de/">
|
||||
<!-- BILD-PLATZHALTER: OG Image - Datei: images/og-image.webp - Alt-Text: "IT-Hilfe Sofort Logo" -->
|
||||
<meta property="og:image" content="https://it-hilfe-sofort.de/images/og-image.jpg">
|
||||
|
||||
<title>IT-Hilfe Sofort | Digitale Lösung für Pflegeunternehmen</title>
|
||||
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Schema.org Markup -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "LocalBusiness",
|
||||
"name": "IT-Hilfe Sofort",
|
||||
"url": "https://it-hilfe-sofort.de",
|
||||
"description": "Vermittlung von digitalen Lösungen für Pflegeunternehmen",
|
||||
"areaServed": "DE",
|
||||
"serviceType": "IT-Beratung für Pflege"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Modern Hero Styling */
|
||||
.hero {
|
||||
position: relative;
|
||||
background-image: url('../images/hero-bg.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 6rem 0 4rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
max-width: 900px;
|
||||
}
|
||||
.hero-title {
|
||||
font-size: clamp(2rem, 5vw, 3.5rem);
|
||||
font-weight: 800;
|
||||
color: white;
|
||||
margin-bottom: 1.5rem;
|
||||
line-height: 1.1;
|
||||
text-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
||||
}
|
||||
.hero-subtitle {
|
||||
font-size: clamp(1rem, 2vw, 1.25rem);
|
||||
color: rgba(255,255,255,0.95);
|
||||
max-width: 700px;
|
||||
margin: 0 auto 2.5rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.hero-cta-consultation {
|
||||
background: rgba(255,255,255,0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 1rem;
|
||||
padding: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
border: 1px solid rgba(255,255,255,0.2);
|
||||
}
|
||||
.hero-cta-consultation .btn-primary {
|
||||
background: white;
|
||||
color: #667eea;
|
||||
font-weight: 700;
|
||||
box-shadow: 0 4px 14px rgba(0,0,0,0.2);
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.hero-cta-consultation .btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
|
||||
}
|
||||
.consultation-note {
|
||||
color: rgba(255,255,255,0.9);
|
||||
margin-top: 1rem;
|
||||
font-style: italic;
|
||||
}
|
||||
.hero-cta {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.hero-cta .btn-outline {
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
backdrop-filter: blur(5px);
|
||||
transition: background-color 0.3s, transform 0.2s;
|
||||
}
|
||||
.hero-cta .btn-outline:hover {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.affiliate-disclosure {
|
||||
color: rgba(255,255,255,0.8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
/* Modern USP Cards */
|
||||
.usps {
|
||||
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
|
||||
padding: 5rem 0;
|
||||
}
|
||||
.section-title {
|
||||
text-align: center;
|
||||
font-size: clamp(1.75rem, 4vw, 2.5rem);
|
||||
font-weight: 800;
|
||||
color: #1e293b;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.section-intro {
|
||||
text-align: center;
|
||||
color: #64748b;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 3rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.usp-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.usp-card {
|
||||
background: white;
|
||||
padding: 2.5rem 2rem;
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
|
||||
transition: transform 0.3s, box-shadow 0.3s;
|
||||
border: 1px solid #e2e8f0;
|
||||
text-align: center;
|
||||
}
|
||||
.usp-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
|
||||
}
|
||||
.usp-image-container {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 0 auto 1.5rem;
|
||||
border-radius: 1rem;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.usp-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.usp-card h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.usp-card p {
|
||||
color: #64748b;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Services Teaser Modern */
|
||||
.services-teaser {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
.services-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.service-card {
|
||||
background: white;
|
||||
padding: 2rem;
|
||||
border-radius: 1rem;
|
||||
border: 2px solid #e2e8f0;
|
||||
transition: border-color 0.3s, box-shadow 0.3s;
|
||||
}
|
||||
.service-card:hover {
|
||||
border-color: #667eea;
|
||||
box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
|
||||
}
|
||||
.service-card h3 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.service-card p {
|
||||
color: #64748b;
|
||||
margin-bottom: 1.5rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.link-arrow {
|
||||
color: #667eea;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
transition: gap 0.2s;
|
||||
}
|
||||
.link-arrow:hover {
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
/* IT Service Section */
|
||||
.it-service {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
.it-service-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.it-service-card {
|
||||
background: white;
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.75rem;
|
||||
border: 1px solid #e2e8f0;
|
||||
text-align: center;
|
||||
transition: transform 0.3s, box-shadow 0.3s;
|
||||
}
|
||||
.it-service-card:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
|
||||
}
|
||||
.it-service-image-container {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: 0 auto 1rem;
|
||||
border-radius: 0.75rem;
|
||||
overflow: hidden;
|
||||
background: #f1f5f9;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.it-service-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.it-service-card h3 {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.it-service-card p {
|
||||
color: #64748b;
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta {
|
||||
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
||||
padding: 5rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
.cta h2 {
|
||||
color: white;
|
||||
font-size: clamp(1.75rem, 4vw, 2.5rem);
|
||||
font-weight: 800;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.cta p {
|
||||
color: rgba(255,255,255,0.9);
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 2rem;
|
||||
max-width: 600px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.cta-buttons {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 768px) {
|
||||
.hero {
|
||||
padding: 4rem 0 3rem;
|
||||
}
|
||||
.usp-grid, .services-grid, .it-service-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.cta-buttons {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* Module Overview - Issue #8 */
|
||||
.module-roadmap {
|
||||
padding: 5rem 0;
|
||||
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
|
||||
}
|
||||
.module-roadmap .section-title {
|
||||
text-align: center;
|
||||
font-size: clamp(1.75rem, 4vw, 2.5rem);
|
||||
font-weight: 800;
|
||||
color: #1e293b;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.module-roadmap .section-intro {
|
||||
text-align: center;
|
||||
color: #64748b;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 3rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.modules-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.module-block {
|
||||
background: white;
|
||||
border-radius: 1.5rem;
|
||||
padding: 2rem;
|
||||
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
|
||||
border: 2px solid #e2e8f0;
|
||||
transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
|
||||
}
|
||||
.module-block:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
|
||||
border-color: #667eea;
|
||||
}
|
||||
.module-block h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 1.5rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #e2e8f0;
|
||||
text-align: center;
|
||||
}
|
||||
.module-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.module-list li {
|
||||
padding: 0.75rem 0;
|
||||
border-bottom: 1px solid #f1f5f9;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
.module-list li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.module-item-name {
|
||||
color: #334155;
|
||||
font-weight: 500;
|
||||
}
|
||||
.module-badge {
|
||||
padding: 0.25rem 0.75rem;
|
||||
border-radius: 9999px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.badge-available {
|
||||
background: #dcfce7;
|
||||
color: #166534;
|
||||
}
|
||||
.badge-development {
|
||||
background: #fef3c7;
|
||||
color: #92400e;
|
||||
}
|
||||
.badge-planned {
|
||||
background: #dbeafe;
|
||||
color: #1e40af;
|
||||
}
|
||||
.badge-planning {
|
||||
background: #f3e8ff;
|
||||
color: #6b21a8;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Cookie Banner -->
|
||||
<div id="cookie-banner" class="cookie-banner hidden">
|
||||
<div class="cookie-content">
|
||||
<p><strong>Cookie-Einstellungen</strong><br>
|
||||
Wir verwenden Cookies, um Ihnen das beste Erlebnis zu bieten.
|
||||
<strong>Essenzielle Cookies</strong> sind für die Grundfunktionen der Website erforderlich.
|
||||
<strong>Marketing- und Analytics-Cookies</strong> helfen uns, diese Website zu verbessern – Ihre Entscheidung!</p>
|
||||
<div class="cookie-buttons">
|
||||
<button id="cookie-accept" class="btn btn-primary">Alle akzeptieren ✓</button>
|
||||
<button id="cookie-essential" class="btn btn-secondary">Nur essenzielle</button>
|
||||
<button id="cookie-settings" class="btn btn-text">Einstellungen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<nav class="nav container">
|
||||
<a href="/" class="logo">
|
||||
<img src="images/logo.png" alt="IT-HilfeSofort Logo" class="logo-img">
|
||||
</a>
|
||||
<button class="nav-toggle" aria-label="Menü öffnen">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="#home">Start</a></li>
|
||||
<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>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<!-- Hero Section -->
|
||||
<section id="home" class="hero">
|
||||
<div class="container hero-content">
|
||||
<!-- BILD-PLATZHALTER: Hero Background/Image - Datei: images/hero-bg.webp - Alt-Text: "Moderne digitale Pflege mit Tablet" -->
|
||||
<h1 class="hero-title">Digitale Lösungen für <span class="highlight" style="color: #1e3a8a;">Ihr Pflegeunternehmen</span></h1>
|
||||
<p class="hero-subtitle">Wir vermitteln itbuddy.care – die Komplettlösung für Pflegedienste, Pflegeheime und Tagespflegen. Sparen Sie Zeit und reduzieren Sie Verwaltungsaufwand.</p>
|
||||
|
||||
<!-- 15-Minuten-Beratung CTA -->
|
||||
<div class="hero-cta-consultation">
|
||||
<a href="kontakt.html" class="btn btn-primary btn-lg">15 Minuten Beratung – dann wissen Sie, ob es passt</a>
|
||||
<p class="consultation-note"><small>Kein Druck, keine Verpflichtung, nur Klarheit. Inkl. Demo-Termin möglich.</small></p>
|
||||
</div>
|
||||
|
||||
<div class="hero-cta">
|
||||
<a href="https://itbuddy.care" class="btn btn-outline btn-lg" rel="sponsored noopener" target="_blank">Jetzt kostenlos testen</a>
|
||||
<a href="#leistungen" class="btn btn-outline btn-lg">Mehr erfahren</a>
|
||||
</div>
|
||||
<p class="affiliate-disclosure"><small>* Wir vermitteln itbuddy.care-Lizenzen. Bei Kauf über uns erhalten wir eine Provision.</small></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- USPs -->
|
||||
<section class="usps section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Warum itbuddy.care?</h2>
|
||||
<p class="section-intro">Vier überzeugende Gründe für die digitale Transformation Ihres Pflegeunternehmens.</p>
|
||||
<div class="usp-grid">
|
||||
<div class="usp-card">
|
||||
<div class="usp-emoji" style="font-size: 3rem; margin-bottom: 1rem;">⏱️</div>
|
||||
<h3>Zeitersparnis</h3>
|
||||
<p>Bis zu 10 Stunden pro Woche weniger Verwaltungsaufwand durch digitale Dokumentation.</p>
|
||||
</div>
|
||||
<div class="usp-card">
|
||||
<div class="usp-emoji" style="font-size: 3rem; margin-bottom: 1rem;">🔒</div>
|
||||
<h3>DSGVO-konform</h3>
|
||||
<p>Hosting in Deutschland, verschlüsselte Datenübertragung, rechtskonforme Verarbeitung.</p>
|
||||
</div>
|
||||
<div class="usp-card">
|
||||
<div class="usp-emoji" style="font-size: 3rem; margin-bottom: 1rem;">📱</div>
|
||||
<h3>Mobile First</h3>
|
||||
<p>App für iOS und Android – Dokumentation direkt beim Patienten, offline-fähig.</p>
|
||||
</div>
|
||||
<div class="usp-card">
|
||||
<div class="usp-emoji" style="font-size: 3rem; margin-bottom: 1rem;">💰</div>
|
||||
<h3>Kosteneffizient</h3>
|
||||
<p>Faire Preise ohne versteckte Kosten. Keine Einrichtungsgebühr, monatlich kündbar.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Modul-Roadmap -->
|
||||
<section class="module-roadmap section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">✅ Verfügbare Module</h2>
|
||||
<p class="section-intro">Transparenz über den aktuellen Status unserer Module.</p>
|
||||
|
||||
<div class="modules-grid">
|
||||
<!-- Verfügbare Module -->
|
||||
<div class="module-block">
|
||||
<h3>✅ Verfügbar</h3>
|
||||
<ul class="module-list">
|
||||
<li>
|
||||
<span class="module-item-name">Tourenplanung</span>
|
||||
<span class="module-badge badge-available">Verfügbar</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="module-item-name">Zentralisierte Kommunikation</span>
|
||||
<span class="module-badge badge-available">Verfügbar</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- In Entwicklung -->
|
||||
<div class="module-block">
|
||||
<h3>🔧 In Entwicklung</h3>
|
||||
<ul class="module-list">
|
||||
<li>
|
||||
<span class="module-item-name">Schichtpläne</span>
|
||||
<span class="module-badge badge-development">In Entwicklung</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="module-item-name">12.000€ Förderung</span>
|
||||
<span class="module-badge badge-development">In Entwicklung</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Geplant für 2027 -->
|
||||
<div class="module-block">
|
||||
<h3>📅 Geplant für 2027</h3>
|
||||
<ul class="module-list">
|
||||
<li>
|
||||
<span class="module-item-name">Pflegeberichte</span>
|
||||
<span class="module-badge badge-planned">Geplant</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="module-item-name">MDK-Routine</span>
|
||||
<span class="module-badge badge-planned">Geplant</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- In Planung -->
|
||||
<div class="module-block">
|
||||
<h3>📋 In Planung</h3>
|
||||
<ul class="module-list">
|
||||
<li>
|
||||
<span class="module-item-name">IT-Pflichten-Check</span>
|
||||
<span class="module-badge badge-planning">In Planung</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="module-item-name">Erlöse in Echtzeit</span>
|
||||
<span class="module-badge badge-planning">In Planung</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Leistungen Teaser -->
|
||||
<section id="leistungen" class="services-teaser section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Unsere Leistungen</h2>
|
||||
<p class="section-intro">Wir sind Ihr persönlicher Ansprechpartner für die Vermittlung von itbuddy.care-Lizenzen.</p>
|
||||
<div class="services-grid">
|
||||
<div class="service-card">
|
||||
<h3>Für Pflegedienste</h3>
|
||||
<p>Tourenplanung, digitale Dokumentation, Medikationsplan, Abrechnung.</p>
|
||||
<a href="leistungen.html#pflegedienst" class="link-arrow">Details ansehen →</a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<h3>Für Pflegeheime</h3>
|
||||
<p>Bewohnerverwaltung, Pflegeplanung, Dokumentation, Berichtswesen.</p>
|
||||
<a href="leistungen.html#pflegeheim" class="link-arrow">Details ansehen →</a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<h3>Für Tagespflegen</h3>
|
||||
<p>Anwesenheitsdokumentation, Pflegeberichte, Kommunikation mit Angehörigen.</p>
|
||||
<a href="leistungen.html#tagespflege" class="link-arrow">Details ansehen →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-2">
|
||||
<a href="leistungen.html" class="btn btn-primary">Alle Leistungen</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- IT-Service aller Art -->
|
||||
<section class="it-service section" style="background: #f9fafb;">
|
||||
<div class="container">
|
||||
<h2 class="section-title">IT-Service aller Art</h2>
|
||||
<p class="section-intro">Neben itbuddy.care: Ihr IT-Ansprechpartner für alles.</p>
|
||||
<div class="it-service-grid">
|
||||
<div class="it-service-card">
|
||||
<!-- BILD-PLATZHALTER: IT Service Hardware - Datei: images/it-hardware.webp - Alt-Text: "Computer und Hardware" -->
|
||||
<div class="it-service-image-container">
|
||||
<img src="images/it-hardware.webp" alt="Hardware" class="it-service-image" onerror="this.style.display='none'; this.parentElement.innerHTML='🖥️'">
|
||||
</div>
|
||||
<h3>Hardware</h3>
|
||||
<p>Computer, Tablets, Drucker – Beschaffung und Einrichtung.</p>
|
||||
</div>
|
||||
<div class="it-service-card">
|
||||
<!-- BILD-PLATZHALTER: IT Service Netzwerk - Datei: images/it-netzwerk.webp - Alt-Text: "Netzwerk und WLAN" -->
|
||||
<div class="it-service-image-container">
|
||||
<img src="images/it-netzwerk.webp" alt="Netzwerk" class="it-service-image" onerror="this.style.display='none'; this.parentElement.innerHTML='🌐'">
|
||||
</div>
|
||||
<h3>Netzwerk</h3>
|
||||
<p>WLAN, LAN, Router – stabiles Netzwerk für Ihre Praxis.</p>
|
||||
</div>
|
||||
<div class="it-service-card">
|
||||
<!-- BILD-PLATZHALTER: IT Service E-Mail - Datei: images/it-email.webp - Alt-Text: "E-Mail und Kommunikation" -->
|
||||
<div class="it-service-image-container">
|
||||
<img src="images/it-email.webp" alt="E-Mail" class="it-service-image" onerror="this.style.display='none'; this.parentElement.innerHTML='📧'">
|
||||
</div>
|
||||
<h3>E-Mail & Kommunikation</h3>
|
||||
<p>E-Mail-Einrichtung, Telefonanlagen, Videokonferenzen.</p>
|
||||
</div>
|
||||
<div class="it-service-card">
|
||||
<!-- BILD-PLATZHALTER: IT Service Support - Datei: images/it-support.webp - Alt-Text: "Support und Wartung" -->
|
||||
<div class="it-service-image-container">
|
||||
<img src="images/it-support.webp" alt="Support" class="it-service-image" onerror="this.style.display='none'; this.parentElement.innerHTML='🔧'">
|
||||
</div>
|
||||
<h3>Support & Wartung</h3>
|
||||
<p>Laufende Betreuung, Updates, Problembehebung.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-2">
|
||||
<a href="kontakt.html" class="btn btn-outline">IT-Service anfragen</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta section">
|
||||
<div class="container">
|
||||
<h2>Bereit für die digitale Transformation?</h2>
|
||||
<p>Starten Sie jetzt mit itbuddy.care durch. Wir beraten Sie persönlich.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="kontakt.html" class="btn btn-primary btn-lg">15 Minuten Beratung</a>
|
||||
<a href="https://itbuddy.care" class="btn btn-outline btn-lg" rel="sponsored noopener" target="_blank">Kostenlos testen</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<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>
|
||||
<p class="affiliate-note"><small>Affiliate-Partner von itbuddy.care</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 IT-Hilfe Sofort. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user