163 lines
6.9 KiB
HTML
163 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Haus Schleusingen - Ihr Zuhause in bester Lage</title>
|
||
<link rel="stylesheet" href="css/haus-schleusingen.css">
|
||
<link rel="stylesheet" href="fonts/fonts.css">
|
||
</head>
|
||
<body>
|
||
<header class="hero">
|
||
<nav class="main-nav">
|
||
<div class="nav-brand">Haus Schleusingen</div>
|
||
<ul class="nav-links">
|
||
<li><a href="#about">Über uns</a></li>
|
||
<li><a href="#features">Vorteile</a></li>
|
||
<li><a href="#gallery">Galerie</a></li>
|
||
<li><a href="#contact">Kontakt</a></li>
|
||
</ul>
|
||
<button class="nav-toggle" aria-label="Menü öffnen">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</nav>
|
||
<div class="hero-content">
|
||
<h1>Willkommen in Haus Schleusingen</h1>
|
||
<p>Ihr Zuhause in bester Lage – modern, komfortabel, zentral.</p>
|
||
<a href="#contact" class="btn btn-primary">Jetzt anfragen</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section id="about" class="section about">
|
||
<div class="container">
|
||
<h2>Über Haus Schleusingen</h2>
|
||
<p>Haus Schleusingen bietet Ihnen modernen Wohnkomfort in zentraler Lage. Mit durchdachten Grundrissen, hochwertigen Materialien und einer hervorragenden Infrastruktur schaffen wir ein Zuhause, das alle Ansprüche erfüllt.</p>
|
||
<div class="about-grid">
|
||
<div class="about-card">
|
||
<h3>Modern</h3>
|
||
<p>Zeitgemäße Architektur und Ausstattung für Ihren Lebenskomfort.</p>
|
||
</div>
|
||
<div class="about-card">
|
||
<h3>Komfortabel</h3>
|
||
<p> Durchdachte Grundrisse und hochwertige Materialien für ein angenehmes Wohngefühl.</p>
|
||
</div>
|
||
<div class="about-card">
|
||
<h3>Zentral</h3>
|
||
<p>Optimal angebunden an Verkehr, Einkauf und Freizeitangebote.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="features" class="section features">
|
||
<div class="container">
|
||
<h2>Unsere Vorteile</h2>
|
||
<div class="features-grid">
|
||
<div class="feature-item">
|
||
<div class="feature-icon">🏠</div>
|
||
<h3>Hochwertige Ausstattung</h3>
|
||
<p>Unsere Wohnungen sind mit modernster Technik und hochwertigen Materialien ausgestattet.</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<div class="feature-icon">🌳</div>
|
||
<h3>Grünflächen</h3>
|
||
<p>Geräumige Gartenanlagen und naturnahe Erholungsgebiete direkt vor der Tür.</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<div class="feature-icon">🚗</div>
|
||
<h3>Gute Anbindung</h3>
|
||
<p>Schnell erreichbare Verkehrsanbindungen und nahegelegene Einkaufsmöglichkeiten.</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<div class="feature-icon">🔒</div>
|
||
<h3>Sicheres Wohnumfeld</h3>
|
||
<p>Ein sicheres und familienfreundliches Umfeld für alle Bewohner.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="gallery" class="section gallery">
|
||
<div class="container">
|
||
<h2>Galerie</h2>
|
||
<div class="gallery-grid">
|
||
<div class="gallery-item gallery-item--wide">
|
||
<img src="https://picsum.photos/seed/haus1/800/400" alt="Haus Schleusingen Außenansicht">
|
||
</div>
|
||
<div class="gallery-item">
|
||
<img src="https://picsum.photos/seed/haus2/400/400" alt="Wohnbereich">
|
||
</div>
|
||
<div class="gallery-item">
|
||
<img src="https://picsum.photos/seed/haus3/400/400" alt="Küche">
|
||
</div>
|
||
<div class="gallery-item">
|
||
<img src="https://picsum.photos/seed/haus4/400/400" alt="Schlafzimmer">
|
||
</div>
|
||
<div class="gallery-item gallery-item--wide">
|
||
<img src="https://picsum.photos/seed/haus5/800/400" alt="Garten">
|
||
</div>
|
||
<div class="gallery-item">
|
||
<img src="https://picsum.photos/seed/haus6/400/400" alt="Badezimmer">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="section contact">
|
||
<div class="container">
|
||
<h2>Kontakt</h2>
|
||
<p>Haben Sie Fragen oder möchten Sie einen Besichtigungstermin vereinbaren? Wir freuen uns auf Ihre Nachricht.</p>
|
||
<form class="contact-form" id="contactForm">
|
||
<div class="form-group">
|
||
<label for="name">Name</label>
|
||
<input type="text" id="name" name="name" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">E-Mail</label>
|
||
<input type="email" id="email" name="email" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="message">Nachricht</label>
|
||
<textarea id="message" name="message" rows="5" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Nachricht senden</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="main-footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-brand">
|
||
<h3>Haus Schleusingen</h3>
|
||
<p>Musterstraße 1, 98553 Schleusingen</p>
|
||
<p><a href="tel:+4917645853923">0176-45853923</a></p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<h3>Navigation</h3>
|
||
<ul>
|
||
<li><a href="#about">Über uns</a></li>
|
||
<li><a href="#features">Vorteile</a></li>
|
||
<li><a href="#gallery">Galerie</a></li>
|
||
<li><a href="#contact">Kontakt</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-legal">
|
||
<h3>Rechtliches</h3>
|
||
<ul>
|
||
<li><a href="#">Impressum</a></li>
|
||
<li><a href="#">Datenschutz</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 Haus Schleusingen. Alle Rechte vorbehalten.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/haus-schleusingen.js"></script>
|
||
</body>
|
||
</html> |