Hermes Agent
a4e6a2e83e
- _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
137 lines
7.7 KiB
HTML
137 lines
7.7 KiB
HTML
<!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="Kontaktieren Sie IT-Hilfe Sofort für eine persönliche Beratung zu itbuddy.care-Lizenzen für Ihr Pflegeunternehmen.">
|
|
<link rel="canonical" href="https://it-hilfe-sofort.de/kontakt.html">
|
|
<meta property="og:title" content="Kontakt | IT-Hilfe Sofort">
|
|
<title>Kontakt | 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>
|
|
.contact-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
|
|
.contact-info { background: #f9fafb; padding: 2rem; border-radius: 0.5rem; }
|
|
.contact-item { margin-bottom: 1.5rem; }
|
|
.contact-item h3 { font-size: 1rem; color: #6b7280; margin-bottom: 0.25rem; }
|
|
.contact-item p { font-size: 1.125rem; }
|
|
.form-group { margin-bottom: 1.5rem; }
|
|
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; }
|
|
.form-group input, .form-group textarea, .form-group select {
|
|
width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;
|
|
font-family: inherit; font-size: 1rem; transition: border-color 0.2s;
|
|
}
|
|
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
|
|
outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
|
|
}
|
|
.form-group textarea { min-height: 150px; resize: vertical; }
|
|
.checkbox-group { display: flex; align-items: flex-start; gap: 0.75rem; }
|
|
.checkbox-group input { width: auto; margin-top: 0.25rem; }
|
|
.checkbox-group label { font-weight: 400; font-size: 0.875rem; color: #4b5563; }
|
|
@media (min-width: 768px) {
|
|
.contact-grid { grid-template-columns: 1fr 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">Ü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" class="active">Kontakt</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="section" style="background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); text-align: center;">
|
|
<div class="container">
|
|
<h1>Kontakt</h1>
|
|
<p class="section-intro">Wir freuen uns auf Ihre Anfrage. Melden Sie sich gerne bei uns.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="contact-grid">
|
|
<!-- Kontaktinformationen -->
|
|
<div class="contact-info">
|
|
<h2>Kontaktinformationen</h2>
|
|
<p class="mb-3">Wir sind für Sie da und beraten Sie gerne persönlich.</p>
|
|
|
|
<div class="contact-item">
|
|
<h3>📧 E-Mail</h3>
|
|
<p><a href="mailto:info@it-hilfe-sofort.de">info@it-hilfe-sofort.de</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kontaktformular -->
|
|
<div class="contact-form">
|
|
<h2>Nachricht senden</h2>
|
|
<!-- CompanyHub CRM Widget -->
|
|
<div style="max-width: 600px; margin: 0 auto;">
|
|
<iframe src="https://crm.companyhub.io/widget/form/iEDHWbU9iII32UkhXj2b"
|
|
style="width: 100%; height: 700px; border: none; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);"
|
|
title="Kontaktformular"
|
|
loading="lazy">
|
|
</iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Newsletter Section -->
|
|
<section class="section" style="background: #f9fafb;">
|
|
<div class="container" style="max-width: 600px; text-align: center;">
|
|
<h2>Newsletter abonnieren</h2>
|
|
<p class="mb-3">Erhalten Sie Tipps zur Digitalisierung in der Pflege und News zu itbuddy.care.</p>
|
|
|
|
<!-- FORMSPREE: Newsletter Formular - ID hier einfügen (kostenlos unter formspree.io) -->
|
|
<!-- Kostenloser Plan: 50 submissions/Monat, Double-Opt-In inklusive -->
|
|
<form class="newsletter-form" data-validate action="https://formspree.io/f/DEINE_NEWSLETTER_FORMSPREE_ID" method="POST" style="display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center;">
|
|
<input type="email" name="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" placeholder="Ihre E-Mail-Adresse"
|
|
style="flex: 1; min-width: 250px; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;">
|
|
<button type="submit" class="btn btn-primary">Abonnieren</button>
|
|
<!-- Hidden field to identify this as newsletter signup -->
|
|
<input type="hidden" name="_subject" value="Neue Newsletter-Anmeldung">
|
|
<input type="hidden" name="_cc" value="info@it-hilfe-sofort.de">
|
|
</form>
|
|
|
|
<div class="checkbox-group" style="justify-content: center; margin-top: 1rem;">
|
|
<input type="checkbox" id="newsletter-ds" name="datenschutz" required>
|
|
<label for="newsletter-ds">
|
|
Ich habe die <a href="legal/datenschutz.html" target="_blank">Datenschutzerklärung</a> gelesen und stimme zu. *
|
|
</label>
|
|
</div>
|
|
|
|
<p style="font-size: 0.75rem; color: #6b7280; margin-top: 0.5rem;">
|
|
🔒 Double-Opt-In: Nach dem Absenden erhalten Sie eine Bestätigungs-E-Mail.
|
|
</p>
|
|
</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>© 2026 IT-Hilfe Sofort. Alle Rechte vorbehalten.</p></div>
|
|
</footer>
|
|
<script src="js/main.js" defer></script>
|
|
</body>
|
|
</html>
|