Erstelle modernen Onepager für Versicherungsfachmann Andreas Guttenberger
- Responsive HTML/CSS Onepager ohne Framework - Hero-Section mit Portrait und AXA-Logo - Service-Karten und Kontaktbereich - Vollständige Favicon-Suite für alle Geräte - Web App Manifest für PWA-Support
This commit is contained in:
144
index.html
Normal file
144
index.html
Normal file
@@ -0,0 +1,144 @@
|
||||
<!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="Andreas Guttenberger - Ihr Versicherungsfachmann (IHK) in Kallmünz. Persönliche Beratung für alle Versicherungsfragen.">
|
||||
<title>Andreas Guttenberger - Versicherungsfachmann (IHK)</title>
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<meta name="theme-color" content="#213683">
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Hero Section -->
|
||||
<header class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<div class="hero-image">
|
||||
<img src="img/Andreas_Guttenberger.jpg" alt="Andreas Guttenberger" class="portrait">
|
||||
</div>
|
||||
<div class="hero-text">
|
||||
<img src="img/axa_logo.svg" alt="AXA" class="logo">
|
||||
<h1>Andreas Guttenberger</h1>
|
||||
<p class="subtitle">Versicherungsfachmann (IHK)</p>
|
||||
<p class="tagline">Ihre persönliche Beratung für alle Versicherungsfragen</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#kontakt" class="btn btn-primary">Kontakt aufnehmen</a>
|
||||
<a href="tel:+4915174483560" class="btn btn-secondary">Jetzt anrufen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Services Section -->
|
||||
<section class="services">
|
||||
<div class="container">
|
||||
<h2>Meine Leistungen</h2>
|
||||
<div class="services-grid">
|
||||
<div class="service-card">
|
||||
<div class="icon">🏠</div>
|
||||
<h3>Privatkunden</h3>
|
||||
<p>Individuelle Absicherung für Sie und Ihre Familie - von Kranken- bis Lebensversicherung</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">🏢</div>
|
||||
<h3>Gewerbekunden</h3>
|
||||
<p>Maßgeschneiderte Lösungen für Ihr Unternehmen und Ihre betrieblichen Risiken</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">💼</div>
|
||||
<h3>Altersvorsorge</h3>
|
||||
<p>Sichere Planung Ihrer finanziellen Zukunft mit passenden Vorsorgelösungen</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">🤝</div>
|
||||
<h3>Beratung vor Ort</h3>
|
||||
<p>Persönliche Betreuung in Kallmünz und Umgebung - kompetent und zuverlässig</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Section -->
|
||||
<section class="about">
|
||||
<div class="container">
|
||||
<h2>Warum ich?</h2>
|
||||
<div class="about-content">
|
||||
<div class="about-item">
|
||||
<h3>✓ Kompetenz</h3>
|
||||
<p>Als geprüfter Versicherungsfachmann (IHK) verfüge ich über fundiertes Fachwissen</p>
|
||||
</div>
|
||||
<div class="about-item">
|
||||
<h3>✓ Nähe</h3>
|
||||
<p>Persönlicher Ansprechpartner in Ihrer Region mit schneller Erreichbarkeit</p>
|
||||
</div>
|
||||
<div class="about-item">
|
||||
<h3>✓ AXA Partner</h3>
|
||||
<p>Starke Produkte eines der führenden Versicherungsunternehmen weltweit</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="kontakt" class="contact">
|
||||
<div class="container">
|
||||
<h2>Kontakt</h2>
|
||||
<div class="contact-grid">
|
||||
<div class="contact-info">
|
||||
<h3>Andreas Guttenberger</h3>
|
||||
<p class="contact-title">Versicherungsfachmann (IHK)</p>
|
||||
|
||||
<div class="contact-item">
|
||||
<strong>📍 Adresse</strong>
|
||||
<p>Am Fallgatter 6<br>93183 Kallmünz / Traidendorf</p>
|
||||
</div>
|
||||
|
||||
<div class="contact-item">
|
||||
<strong>📧 E-Mail</strong>
|
||||
<p><a href="mailto:andreas.guttenberger@axa.de">andreas.guttenberger@axa.de</a></p>
|
||||
</div>
|
||||
|
||||
<div class="contact-item">
|
||||
<strong>📞 Telefon</strong>
|
||||
<p>
|
||||
Festnetz: <a href="tel:+4994717184">+49 9471 7184</a><br>
|
||||
Mobil: <a href="tel:+4915174483560">+49 151 74483560</a><br>
|
||||
Fax: +49 9471 8795
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-cta">
|
||||
<h3>Vereinbaren Sie einen Termin</h3>
|
||||
<p>Gerne berate ich Sie persönlich zu Ihren Versicherungsfragen. Kontaktieren Sie mich für ein unverbindliches Gespräch.</p>
|
||||
<div class="contact-buttons">
|
||||
<a href="mailto:andreas.guttenberger@axa.de" class="btn btn-primary">E-Mail schreiben</a>
|
||||
<a href="tel:+4915174483560" class="btn btn-secondary">Anrufen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>© 2026 Andreas Guttenberger - Versicherungsfachmann (IHK)</p>
|
||||
<p class="legal">
|
||||
<a href="https://www.axa-betreuer.de/martin_goetz/ueber-uns/filialen-und-team#overlayNotification-XTOOZB" target="_blank" rel="noopener">Informationen gemäß Versicherungsvermittlungsverordnung</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user