Über uns
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bensheim Lokal</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
header {
background: #50b3a2;
color: #fff;
padding-top: 30px;
min-height: 70px;
border-bottom: #2980b9 3px solid;
}
header a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
header ul {
padding: 0;
list-style: none;
}
header li {
display: inline;
padding: 0 20px 0 20px;
}
.content {
padding: 20px;
background: #fff;
margin-top: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.content img {
max-width: 100%;
}
footer {
background: #50b3a2;
color: #fff;
text-align: center;
padding: 10px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>Bensheim Lokal</h1>
<nav>
<ul>
<li><a href="#about">Über uns</a></li>
<li><a href="#services">Leistungen</a></li>
<li><a href="#contact">Kontakt</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="content" id="about">
<h2>Über uns</h2>
<p>Willkommen bei Bensheim Lokal! Wir sind Ihre Quelle für alle Neuigkeiten, Veranstaltungen und Geschichten aus Bensheim und Umgebung. Entdecken Sie mit uns die schönsten Ecken unserer Stadt, erfahren Sie mehr über lokale Geschichte und Kultur und bleiben Sie stets auf dem Laufenden.</p>
<img src="https://example.com/image.jpg" alt="Bensheim Panorama">
</div>
<div class="content" id="services">
<h2>Leistungen</h2>
<ul>
<li>Reiseberichte</li>
<li>Fotografie</li>
<li>Stadtgeschichte</li>
<li>Wandern</li>
<li>Weinproben</li>
<li>Lokaljournalismus</li>
<li>Kulturveranstaltungen</li>
<li>Geheimtipps</li>
<li>Sehenswürdigkeiten</li>
</ul>
</div>
<div class="content" id="contact">
<h2>Kontakt</h2>
<p>Haben Sie Fragen oder Anregungen? Kontaktieren Sie uns gerne:</p>
<p>Email: <a href="mailto:info@bensheim-lokal.de">info@bensheim-lokal.de</a></p>
</div>
</div>
<footer>
<p>Bensheim Lokal © 2024. Alle Rechte vorbehalten.</p>
</footer>
</body>
</html>