89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Tischlerei Staffenberger – Möbel & Küchen nach Maß</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
<!-- ========== Header & Widescreen Hero Banner ========== -->
|
||
<header class="site-header">
|
||
<div class="hero-banner">
|
||
<div class="hero-image" aria-hidden="true"></div>
|
||
<div class="hero-overlay" aria-hidden="true"></div>
|
||
<div class="hero-text">
|
||
<img src="stafflogo06.svg" alt="" class="hero-logo" aria-hidden="true">
|
||
<h1>Tischlerei Staffenberger</h1>
|
||
<p class="hero-subtitle">Handwerk mit Tradition</p>
|
||
</div>
|
||
<nav class="main-nav">
|
||
<ul>
|
||
<li><a href="index.html">Start</a></li>
|
||
<li><a href="pictures.html">Bilder</a></li>
|
||
<li><a href="shop.html">Shop</a></li>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="layout">
|
||
<!-- ========== Hero ========== -->
|
||
<section class="hero">
|
||
<h2>Willkommen in meiner Werkstatt</h2>
|
||
<p>Seit Jahren fertige ich in meiner kleinen Tischlerei Möbel, Küchen und Objekte für Haus und Garten. Jedes Stück wird in Handarbeit geplant und umgesetzt – zuverlässig und in Ruhe.</p>
|
||
</section>
|
||
|
||
<!-- ========== About me ========== -->
|
||
<section class="section">
|
||
<h2>Über mich</h2>
|
||
<p>Ich bin gelernter Tischler und arbeite als Ein-Mann-Betrieb in der Region. Ob Reparatur, Einzelmöbel oder komplette Küche: Ich berate Sie unverbindlich und setze Ihre Wünsche fachgerecht um.</p>
|
||
</section>
|
||
|
||
<!-- ========== Services ========== -->
|
||
<section class="section">
|
||
<h2>Leistungen</h2>
|
||
<div class="services-grid">
|
||
<article class="service-card">
|
||
<h3>Möbel nach Maß</h3>
|
||
<p>Regale, Schränke, Tische und Sitzmöbel – maßgefertigt für Ihr Zuhause.</p>
|
||
</article>
|
||
<article class="service-card">
|
||
<h3>Küchen</h3>
|
||
<p>Küchenplanung und -fertigung in Massivholz und mit modernen Oberflächen.</p>
|
||
</article>
|
||
<article class="service-card">
|
||
<h3>Außenbereich</h3>
|
||
<p>Terassenmöbel, Sichtschutz, Carports und alles für Garten und Terrasse.</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ========== CTA ========== -->
|
||
<section class="cta-section">
|
||
<a href="impressum.html#kontakt" class="btn">Kontakt aufnehmen</a>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- ========== Footer ========== -->
|
||
<footer class="site-footer">
|
||
<div class="layout">
|
||
<div class="footer-contact">
|
||
<img src="stafflogo06.svg" alt="" class="footer-logo" aria-hidden="true">
|
||
<p><strong>Tischlerei Staffenberger</strong></p>
|
||
<p>Musterstraße 1 · 12345 Musterort</p>
|
||
<p>Tel.: 01234 / 567890</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="index.html">Start</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|