61 lines
1.9 KiB
HTML
61 lines
1.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</title>
|
|
<link rel="stylesheet" href="css/haus-schleusingen.css">
|
|
<link rel="stylesheet" href="fonts/fonts.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<a href="/" class="logo">Haus Schleusingen</a>
|
|
<ul>
|
|
<li><a href="#about">Über uns</a></li>
|
|
<li><a href="#gallery">Galerie</a></li>
|
|
<li><a href="#contact">Kontakt</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="hero">
|
|
<h1>Willkommen in Haus Schleusingen</h1>
|
|
<p>Ihr Zuhaus in der Natur</p>
|
|
</section>
|
|
|
|
<section id="about">
|
|
<h2>Über uns</h2>
|
|
<p>Entdecken Sie die Schönheit des Thüringer Waldes.</p>
|
|
</section>
|
|
|
|
<section id="gallery">
|
|
<h2>Galerie</h2>
|
|
<div class="masonry">
|
|
<div class="masonry-item"><img src="images/gallery-01.jpg" alt="Impression 1"></div>
|
|
<div class="masonry-item"><img src="images/gallery-02.jpg" alt="Impression 2"></div>
|
|
<div class="masonry-item"><img src="images/gallery-03.jpg" alt="Impression 3"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Kontakt</h2>
|
|
<p>Kontaktieren Sie uns für weitere Informationen.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="footer-content">
|
|
<p>© 2025 Haus Schleusingen. Alle Rechte vorbehalten.</p>
|
|
<ul class="footer-links">
|
|
<li><a href="/impressum">Impressum</a></li>
|
|
<li><a href="/datenschutz" target="_blank">Datenschutz</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/masonry.pkgd.min.js"></script>
|
|
<script src="js/haus-schleusingen.js"></script>
|
|
</body>
|
|
</html> |