NotPika69andClaude Opus 5.5
bec24e5bbc
Akquise-Demo mit Startseite (Tor-Intro, 24-h-Renovierung mit Uhr, Über uns, Fachbetrieb statt Discount), Galerie mit Filter und Großansicht, Kontaktseite mit Anfrageformular sowie Impressum- und Datenschutz-Entwürfen. Statisches HTML/CSS/JS, Seiten und Bilder werden über tools/ erzeugt. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
149 lines
13 KiB
HTML
149 lines
13 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Kontakt – HEB Bauelemente, Wolfgang Haas</title>
|
||
<meta name="description" content="Rufen Sie an unter 08703 1362 oder senden Sie eine Anfrage für Garagentor, Antrieb, Reparatur oder 24-h-Renovierung.">
|
||
<meta name="robots" content="noindex, nofollow">
|
||
<link rel="canonical" href="https://normtor.de/kontakt.html">
|
||
<meta name="theme-color" content="#00569D">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="de_DE">
|
||
<meta property="og:site_name" content="HEB Bauelemente">
|
||
<meta property="og:title" content="Kontakt – HEB Bauelemente, Wolfgang Haas">
|
||
<meta property="og:description" content="Rufen Sie an unter 08703 1362 oder senden Sie eine Anfrage für Garagentor, Antrieb, Reparatur oder 24-h-Renovierung.">
|
||
<meta property="og:url" content="https://normtor.de/kontakt.html">
|
||
<meta property="og:image" content="https://normtor.de/assets/img/og.jpg">
|
||
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
|
||
<link rel="preload" href="assets/fonts/barlow-condensed-latin-700.woff2" as="font" type="font/woff2" crossorigin>
|
||
<link rel="preload" href="assets/fonts/barlow-latin-400.woff2" as="font" type="font/woff2" crossorigin>
|
||
<link rel="stylesheet" href="assets/site.css">
|
||
<script>(function(r){r.classList.add('js');try{if(r.hasAttribute('data-intro')&&!sessionStorage.getItem('heb-intro')&&matchMedia('(prefers-reduced-motion: no-preference)').matches)r.classList.add('has-intro')}catch(e){}setTimeout(function(){if(!r.classList.contains('ready'))r.classList.remove('has-intro')},3500)})(document.documentElement)</script>
|
||
<script src="assets/site.js" defer></script>
|
||
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#inhalt">Zum Inhalt springen</a>
|
||
<header class="site-header">
|
||
<div class="wrap site-header__inner">
|
||
<a class="brand" href="index.html" aria-label="HEB Bauelemente, Wolfgang Haas – Startseite"><svg class="heb" viewBox="0 0 200 100" aria-hidden="true"><g fill="currentColor"><rect x="0" y="0" width="13" height="100"/><rect x="13" y="42" width="27" height="16"/><rect x="40" y="0" width="15" height="100"/><rect x="55" y="0" width="52" height="16"/><rect x="55" y="42" width="42" height="16"/><rect x="55" y="84" width="52" height="16"/><path fill-rule="evenodd" d="M116 0h58c15 0 24 9 24 23 0 11-6 19-14 22 10 3 16 11 16 23 0 19-12 32-30 32h-54zM134 16v26h36c6 0 10-5 10-13s-4-13-10-13zM134 58v26h38c7 0 11-5 11-13s-4-13-11-13z"/></g></svg><span class="brand__text"><b>Bauelemente</b><span>Wolfgang Haas · Essenbach</span></span></a>
|
||
<nav class="nav" aria-label="Hauptnavigation"><a class="nav__link" href="index.html#leistungen">Leistungen</a><a class="nav__link" href="index.html#renovierung">24-h-Renovierung</a><a class="nav__link" href="projekte.html">Tore & Projekte</a><a class="nav__link" href="index.html#ueber-uns">Über uns</a><a class="nav__link" href="kontakt.html" aria-current="page">Kontakt</a></nav>
|
||
<a class="btn btn--blue btn--sm header-call" href="tel:+4987031362"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span>08703 / 13 62</span></a>
|
||
<button class="menu-btn" type="button" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen"><span></span><span></span></button>
|
||
</div>
|
||
<div class="mobile-nav" id="mobile-nav" hidden>
|
||
<ul><li><a href="index.html#leistungen">Leistungen</a></li><li><a href="index.html#renovierung">24-h-Renovierung</a></li><li><a href="projekte.html">Tore & Projekte</a></li><li><a href="index.html#ueber-uns">Über uns</a></li><li><a href="kontakt.html" aria-current="page">Kontakt</a></li></ul>
|
||
<a class="btn btn--blue" href="tel:+4987031362"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span>Anrufen: 08703 / 13 62</span></a>
|
||
</div>
|
||
</header>
|
||
<main id="inhalt">
|
||
|
||
<section class="page-hero">
|
||
<div class="wrap">
|
||
<p class="eyebrow">Wir sind für Sie da</p>
|
||
<h1 class="page-hero__title">Kontakt</h1>
|
||
<p class="page-hero__lead">Am schnellsten geht es per Telefon. Oder Sie schreiben uns kurz, worum es geht, und wir rufen zurück.</p>
|
||
</div>
|
||
</section>
|
||
<section class="section section--tight">
|
||
<div class="wrap contact">
|
||
<aside class="contact__info">
|
||
<a class="contact__phone" href="tel:+4987031362"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span><small>Telefon</small>08703 / 13 62</span></a>
|
||
<div class="contact__block">
|
||
<h2 class="contact__h"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z"/><circle cx="12" cy="9.5" r="2.5"/></svg>Adresse</h2>
|
||
<address>HEB Bauelemente<br>Wolfgang Haas<br>Am Ring 20<br>84051 Essenbach / Mirskofen</address>
|
||
<a class="link" href="https://www.google.com/maps/search/?api=1&query=Am%20Ring%2020%2C%2084051%20Essenbach" rel="noopener" target="_blank">Route planen (Google Maps)</a>
|
||
</div>
|
||
<div class="contact__block">
|
||
<h2 class="contact__h">Einzugsgebiet</h2>
|
||
<p>Großraum Landshut und Rottenburg. Liegen Sie außerhalb, leiten wir Ihre Anfrage gern an die zuständige Vertretung weiter, oder wir kümmern uns selbst darum.</p>
|
||
</div>
|
||
<figure class="contact__person">
|
||
<picture><source type="image/avif" srcset="assets/img/haas-800.avif 800w" sizes="96px"><source type="image/webp" srcset="assets/img/haas-800.webp 800w" sizes="96px"><img src="assets/img/haas-800.webp" width="800" height="960" alt="Wolfgang Haas" loading="lazy" decoding="async"></picture>
|
||
<figcaption><b>Wolfgang Haas</b>Ihr Ansprechpartner</figcaption>
|
||
</figure>
|
||
</aside>
|
||
|
||
<form class="form" id="anfrage" novalidate>
|
||
<h2 class="h3">Anfrage senden</h2>
|
||
<fieldset class="form__group">
|
||
<legend>Worum geht es?</legend>
|
||
<div class="choices">
|
||
<label class="choice"><input type="radio" name="anliegen" value="tor" checked><span>Neues Garagentor</span></label><label class="choice"><input type="radio" name="anliegen" value="antrieb"><span>Antrieb</span></label><label class="choice"><input type="radio" name="anliegen" value="reparatur"><span>Reparatur</span></label><label class="choice"><input type="radio" name="anliegen" value="renovierung"><span>24-h-Renovierung</span></label>
|
||
</div>
|
||
</fieldset>
|
||
<div class="form__row">
|
||
<label class="field"><span>Name *</span><input name="name" autocomplete="name" required></label>
|
||
<label class="field"><span>Telefon *</span><input name="telefon" type="tel" autocomplete="tel" required></label>
|
||
</div>
|
||
<div class="form__row">
|
||
<label class="field"><span>E-Mail</span><input name="email" type="email" autocomplete="email"></label>
|
||
<label class="field"><span>PLZ und Ort *</span><input name="ort" autocomplete="postal-code" required></label>
|
||
</div>
|
||
<label class="field"><span>Ihre Nachricht</span><textarea name="nachricht" rows="5" placeholder="z. B. Doppelgarage, Breite ca. 5 m, Tor soll elektrisch werden"></textarea></label>
|
||
<fieldset class="form__group">
|
||
<legend>Wann dürfen wir zurückrufen?</legend>
|
||
<div class="choices choices--small">
|
||
<label class="choice"><input type="radio" name="rueckruf" value="vormittags"><span>Vormittags</span></label><label class="choice"><input type="radio" name="rueckruf" value="nachmittags"><span>Nachmittags</span></label><label class="choice"><input type="radio" name="rueckruf" value="egal" checked><span>Egal</span></label>
|
||
</div>
|
||
</fieldset>
|
||
<label class="check"><input type="checkbox" name="datenschutz" required><span>Ich bin einverstanden, dass meine Angaben zur Bearbeitung der Anfrage verwendet werden. Mehr dazu in der <a class="link" href="datenschutz.html">Datenschutzerklärung</a>. *</span></label>
|
||
<p class="form__demo">Hinweis: Dies ist ein Entwurf. Das Formular verschickt noch nichts, denn der Versand wird erst beim Launch eingerichtet.</p>
|
||
<button class="btn btn--blue btn--block" type="submit">Anfrage absenden <svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></button>
|
||
<div class="form__done" hidden tabindex="-1">
|
||
<svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="square" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"/></svg>
|
||
<div><b>Danke, Ihre Anfrage ist angekommen.</b><span data-done-text>Wir melden uns so schnell wie möglich.</span></div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<section class="cta-band">
|
||
<div class="wrap cta-band__inner">
|
||
<div>
|
||
<p class="eyebrow eyebrow--light">Fragen kostet nichts</p>
|
||
<h2 class="cta-band__title">Rufen Sie einfach an.</h2>
|
||
<p class="cta-band__text">Ob neues Tor, klemmender Antrieb oder gebrochene Feder: Sie sprechen direkt mit Wolfgang Haas, ganz ohne Warteschleife und Callcenter.</p>
|
||
</div>
|
||
<div class="cta-band__actions">
|
||
<a class="cta-band__phone" href="tel:+4987031362"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span>08703 / 13 62</span></a>
|
||
<a class="btn btn--ghost-light" href="kontakt.html">Lieber schriftlich anfragen <svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="site-footer">
|
||
<div class="wrap site-footer__grid">
|
||
<div class="site-footer__brand">
|
||
<a class="brand" href="index.html" aria-label="HEB Bauelemente, Wolfgang Haas – Startseite"><svg class="heb" viewBox="0 0 200 100" aria-hidden="true"><g fill="currentColor"><rect x="0" y="0" width="13" height="100"/><rect x="13" y="42" width="27" height="16"/><rect x="40" y="0" width="15" height="100"/><rect x="55" y="0" width="52" height="16"/><rect x="55" y="42" width="42" height="16"/><rect x="55" y="84" width="52" height="16"/><path fill-rule="evenodd" d="M116 0h58c15 0 24 9 24 23 0 11-6 19-14 22 10 3 16 11 16 23 0 19-12 32-30 32h-54zM134 16v26h36c6 0 10-5 10-13s-4-13-10-13zM134 58v26h38c7 0 11-5 11-13s-4-13-11-13z"/></g></svg><span class="brand__text"><b>Bauelemente</b><span>Wolfgang Haas · Essenbach</span></span></a>
|
||
<p>Garagentore, Antriebe und Ersatzteilservice im Großraum Landshut und Rottenburg.</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="site-footer__h">Adresse</h3>
|
||
<address>HEB Bauelemente<br>Wolfgang Haas<br>Am Ring 20<br>84051 Essenbach / Mirskofen</address>
|
||
<a class="link" href="https://www.google.com/maps/search/?api=1&query=Am%20Ring%2020%2C%2084051%20Essenbach" rel="noopener" target="_blank">Route planen</a>
|
||
</div>
|
||
<div>
|
||
<h3 class="site-footer__h">Kontakt</h3>
|
||
<p><a class="link" href="tel:+4987031362">08703 / 13 62</a></p>
|
||
<p><a class="link" href="kontakt.html">Anfrageformular</a></p>
|
||
<p><a class="link link--icon" href="https://www.facebook.com/heb.bauelemente" rel="noopener" target="_blank"><svg class="i" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M14 8h3V4h-3a4 4 0 0 0-4 4v2H8v4h2v8h4v-8h3l1-4h-4V8.5c0-.3.2-.5.5-.5z"/></svg>Facebook</a></p>
|
||
</div>
|
||
<div>
|
||
<h3 class="site-footer__h">Seiten</h3>
|
||
<ul class="site-footer__nav"><li><a class="link" href="index.html#leistungen">Leistungen</a></li><li><a class="link" href="index.html#renovierung">24-h-Renovierung</a></li><li><a class="link" href="projekte.html">Tore & Projekte</a></li><li><a class="link" href="index.html#ueber-uns">Über uns</a></li><li><a class="link" href="kontakt.html">Kontakt</a></li></ul>
|
||
</div>
|
||
</div>
|
||
<div class="wrap site-footer__bottom">
|
||
<span>© <span data-year>2026</span> HEB Bauelemente · Wolfgang Haas</span>
|
||
<span><a class="link" href="impressum.html">Impressum</a> · <a class="link" href="datenschutz.html">Datenschutz</a></span>
|
||
<span class="site-footer__credit">Entwurf: <a class="link" href="https://webklar.com" rel="noopener" target="_blank">webklar</a></span>
|
||
</div>
|
||
</footer>
|
||
<nav class="callbar" aria-label="Schnellkontakt">
|
||
<a href="tel:+4987031362"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span>Anrufen</span></a>
|
||
<a href="kontakt.html"><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" aria-hidden="true"><path d="M3 5h18v14H3z"/><path d="M3 6l9 7 9-7"/></svg><span>Anfrage</span></a>
|
||
</nav>
|
||
</body>
|
||
</html>
|