Website-Entwurf für HEB Bauelemente (normtor.de)
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>
This commit is contained in:
commit
bec24e5bbc
148 files changed
+2261
No files matched your search
+277
@@ -0,0 +1,277 @@
|
||||
<!doctype html>
|
||||
<html lang="de" data-intro>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>HEB Bauelemente – Garagentore & Antriebe in Essenbach | Wolfgang Haas</title>
|
||||
<meta name="description" content="Normstahl-Garagentore, Sommer-Antriebe, Reparatur und Garagen-Renovierung in 24 Stunden zum Festpreis. Ihr Fachbetrieb im Raum Landshut und Rottenburg.">
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<link rel="canonical" href="https://normtor.de/">
|
||||
<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="HEB Bauelemente – Garagentore & Antriebe in Essenbach | Wolfgang Haas">
|
||||
<meta property="og:description" content="Normstahl-Garagentore, Sommer-Antriebe, Reparatur und Garagen-Renovierung in 24 Stunden zum Festpreis. Ihr Fachbetrieb im Raum Landshut und Rottenburg.">
|
||||
<meta property="og:url" content="https://normtor.de/">
|
||||
<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>
|
||||
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "HomeAndConstructionBusiness", "name": "HEB Bauelemente – Wolfgang Haas", "description": "Garagentore, Torantriebe, Reparatur und Garagen-Renovierung in 24 Stunden im Raum Landshut und Rottenburg.", "url": "https://normtor.de/", "telephone": "+49 8703 1362", "founder": {"@type": "Person", "name": "Wolfgang Haas"}, "address": {"@type": "PostalAddress", "streetAddress": "Am Ring 20", "postalCode": "84051", "addressLocality": "Essenbach", "addressRegion": "Bayern", "addressCountry": "DE"}, "areaServed": ["Landshut", "Rottenburg an der Laaber", "Essenbach"], "brand": ["Normstahl", "Sommer", "Aperto"], "image": "https://normtor.de/assets/img/og.jpg", "sameAs": ["https://www.facebook.com/heb.bauelemente"]}</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">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">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="hero">
|
||||
<picture class="hero__img"><source type="image/avif" srcset="assets/img/hero-800.avif 800w, assets/img/hero-1200.avif 1200w" sizes="100vw"><source type="image/webp" srcset="assets/img/hero-800.webp 800w, assets/img/hero-1200.webp 1200w" sizes="100vw"><img src="assets/img/hero-1200.webp" width="1200" height="800" alt="Weißes Einfamilienhaus mit anthrazitfarbenem Normstahl-Sektionaltor in der Doppelgarage" fetchpriority="high"></picture>
|
||||
<div class="gate" aria-hidden="true"><div class="gate__panel"></div><div class="gate__panel"></div><div class="gate__panel"></div><div class="gate__panel"></div><div class="gate__panel"></div><div class="gate__panel"></div><div class="gate__plate"><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>normtor.de</span></div><div class="gate__light"></div></div>
|
||||
<div class="wrap hero__inner">
|
||||
<p class="eyebrow eyebrow--light hero__eyebrow">Normstahl-Fachbetrieb in Essenbach</p>
|
||||
<h1 class="hero__title"><span>Ihr Garagentor.</span> <span>In guten Händen.</span></h1>
|
||||
<p class="hero__lead">Beratung, Aufmaß, Montage und Reparatur aus einer Hand, seit über 25 Jahren im Großraum Landshut und Rottenburg.</p>
|
||||
<div class="hero__actions">
|
||||
<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>08703 / 13 62</span></a>
|
||||
<a class="btn btn--ghost-light" href="kontakt.html">Angebot 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>
|
||||
|
||||
<section class="trust" aria-label="Darauf können Sie sich verlassen">
|
||||
<ul class="wrap trust__list">
|
||||
<li><b>25+ Jahre</b><span>Erfahrung mit Normstahl</span></li>
|
||||
<li><b>Ein Ansprechpartner</b><span>von der Beratung bis zur Montage</span></li>
|
||||
<li><b>Sommer-Servicepartner</b><span>mit regelmäßigen Schulungen</span></li>
|
||||
<li><b>Festpreis</b><span>bei der Garagen-Renovierung</span></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="section" id="leistungen">
|
||||
<div class="wrap">
|
||||
<div class="section__head reveal">
|
||||
<p class="eyebrow">Leistungen</p>
|
||||
<h2 class="h2">Alles rund ums Garagentor.</h2>
|
||||
<p class="lead">Wir verkaufen Tore nicht nur, wir bauen sie auch ein und sind danach weiter für Sie da.</p>
|
||||
</div>
|
||||
<div class="cards">
|
||||
|
||||
<article class="card reveal">
|
||||
<div class="card__img"><picture><source type="image/avif" srcset="assets/img/superior-linea-800.avif 800w, assets/img/superior-linea-1200.avif 1200w" sizes="(min-width: 960px) 30vw, 100vw"><source type="image/webp" srcset="assets/img/superior-linea-800.webp 800w, assets/img/superior-linea-1200.webp 1200w" sizes="(min-width: 960px) 30vw, 100vw"><img src="assets/img/superior-linea-1200.webp" width="1200" height="775" alt="Neue Garagentore" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="card__body">
|
||||
<span class="card__num">01</span>
|
||||
<h3 class="card__title">Neue Garagentore</h3>
|
||||
<p>Schwing-, Deckensektional- und Seitensektionaltore von Normstahl, dazu Industrietore. Wir beraten bei Ihnen vor Ort, nehmen Maß und montieren selbst.</p>
|
||||
<ul class="tags"><li>Schwingtore</li><li>Sektionaltore</li><li>Industrietore</li></ul>
|
||||
</div>
|
||||
</article>
|
||||
<article class="card reveal">
|
||||
<div class="card__img"><picture><source type="image/avif" srcset="assets/img/sst-style-800.avif 800w, assets/img/sst-style-1200.avif 1200w" sizes="(min-width: 960px) 30vw, 100vw"><source type="image/webp" srcset="assets/img/sst-style-800.webp 800w, assets/img/sst-style-1200.webp 1200w" sizes="(min-width: 960px) 30vw, 100vw"><img src="assets/img/sst-style-1200.webp" width="1200" height="800" alt="Torantriebe" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="card__body">
|
||||
<span class="card__num">02</span>
|
||||
<h3 class="card__title">Torantriebe</h3>
|
||||
<p>Antriebe von Sommer und Aperto für Garagen- und Hoftore. Für Reihengaragen ohne Stromanschluss gibt es Akku-Antriebe mit Wechselakku, auf Wunsch mit Solarmodul.</p>
|
||||
<ul class="tags"><li>Garagentor</li><li>Hoftor</li><li>Akku & Solar</li></ul>
|
||||
</div>
|
||||
</article>
|
||||
<article class="card reveal">
|
||||
<div class="card__img"><picture><source type="image/avif" srcset="assets/img/flair-2-800.avif 800w, assets/img/flair-2-1200.avif 1200w" sizes="(min-width: 960px) 30vw, 100vw"><source type="image/webp" srcset="assets/img/flair-2-800.webp 800w, assets/img/flair-2-1200.webp 1200w" sizes="(min-width: 960px) 30vw, 100vw"><img src="assets/img/flair-2-1200.webp" width="1200" height="900" alt="Reparatur & Wartung" loading="lazy" decoding="async"></picture></div>
|
||||
<div class="card__body">
|
||||
<span class="card__num">03</span>
|
||||
<h3 class="card__title">Reparatur & Wartung</h3>
|
||||
<p>Das Tor klemmt, eine Feder ist gebrochen oder der Antrieb streikt? Wir haben alle gängigen Ersatzteile und bringen auch ältere Tore wieder in Gang.</p>
|
||||
<ul class="tags"><li>Ersatzteile</li><li>Federn</li><li>Instandhaltung</li></ul>
|
||||
</div>
|
||||
</article>
|
||||
<a class="card card--feature reveal" href="#renovierung">
|
||||
<span class="card__num">04</span>
|
||||
<span class="card__big">24 h</span>
|
||||
<h3 class="card__title">Garagen-Renovierung</h3>
|
||||
<p>Altes Tor raus, neues Tor rein, alles verputzt, in nur einem Tag und zum Festpreis.</p>
|
||||
<span class="card__more">So läuft es ab <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></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--dark renovation" id="renovierung">
|
||||
<div class="wrap renovation__grid">
|
||||
<div class="renovation__sticky">
|
||||
<p class="eyebrow eyebrow--light">Unser Serviceangebot</p>
|
||||
<h2 class="h2">Alt raus. Neu rein.<br>In 24 Stunden.</h2>
|
||||
<p class="lead">Wir renovieren Ihre Garage innerhalb eines Tages, zum vorher vereinbarten Festpreis. Danach ist alles sauber, und das Tor läuft.</p>
|
||||
<div class="clock" aria-hidden="true">
|
||||
<svg viewBox="0 0 120 120"><circle class="clock__track" cx="60" cy="60" r="52"/><circle class="clock__bar" cx="60" cy="60" r="52" pathLength="100"/></svg>
|
||||
<div class="clock__label"><b data-clock>0</b><span>von 24 h</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="steps">
|
||||
|
||||
<li class="step" data-hours="6">
|
||||
<span class="step__num">1</span>
|
||||
<div><h3 class="step__title">Altes Tor ausbauen</h3><p>Wir demontieren Ihr altes Garagentor fachgerecht.</p></div>
|
||||
</li>
|
||||
<li class="step" data-hours="12">
|
||||
<span class="step__num">2</span>
|
||||
<div><h3 class="step__title">Neues Tor einbauen</h3><p>Das neue Normstahl-Tor wird passgenau montiert, auf Wunsch gleich mit Antrieb.</p></div>
|
||||
</li>
|
||||
<li class="step" data-hours="19">
|
||||
<span class="step__num">3</span>
|
||||
<div><h3 class="step__title">Beiputzen & Estrich</h3><p>Sturz und Laibung werden beigeputzt, fehlender Estrich wird eingebracht.</p></div>
|
||||
</li>
|
||||
<li class="step" data-hours="24">
|
||||
<span class="step__num">4</span>
|
||||
<div><h3 class="step__title">Besenrein übergeben</h3><p>Sie bekommen Ihre Garage besenrein und voll funktionsfähig zurück.</p></div>
|
||||
</li>
|
||||
<li class="step step--photo">
|
||||
<figure class="renovation__photo">
|
||||
<picture><source type="image/avif" srcset="assets/img/garagenhof-800.avif 800w, assets/img/garagenhof-1200.avif 1200w" sizes="(min-width: 960px) 50vw, 100vw"><source type="image/webp" srcset="assets/img/garagenhof-800.webp 800w, assets/img/garagenhof-1200.webp 1200w" sizes="(min-width: 960px) 50vw, 100vw"><img src="assets/img/garagenhof-1200.webp" width="1200" height="882" alt="Garagenhof mit drei Toren: links ein altes Schwingtor, daneben zwei neue Sektionaltore" loading="lazy" decoding="async"></picture>
|
||||
<figcaption>Alt neben neu: ein Garagenhof aus unseren Projekten.</figcaption>
|
||||
</figure>
|
||||
<a class="btn btn--blue" href="kontakt.html?anliegen=renovierung">Festpreis 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>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="wrap">
|
||||
<div class="section__head section__head--row reveal">
|
||||
<div>
|
||||
<p class="eyebrow">Tore & Projekte</p>
|
||||
<h2 class="h2">Aus Essenbach, Rottenburg und Umgebung.</h2>
|
||||
</div>
|
||||
<a class="btn btn--outline" href="projekte.html">Alle 27 Projekte ansehen <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>
|
||||
<div class="strip reveal" tabindex="0" aria-label="Ausgewählte Projekte, horizontal scrollbar">
|
||||
<a class="strip__item" href="projekte.html#flair-1"><picture><source type="image/avif" srcset="assets/img/flair-1-800.avif 800w, assets/img/flair-1-1200.avif 1200w" sizes="(min-width: 960px) 34vw, 80vw"><source type="image/webp" srcset="assets/img/flair-1-800.webp 800w, assets/img/flair-1-1200.webp 1200w" sizes="(min-width: 960px) 34vw, 80vw"><img src="assets/img/flair-1-1200.webp" width="1200" height="900" alt="Normstahl Flair, Farbe DB 703" loading="lazy" decoding="async"></picture><span class="strip__cap"><b>Normstahl Flair</b>Farbe DB 703</span></a><a class="strip__item" href="projekte.html#anthrazit-iso"><picture><source type="image/avif" srcset="assets/img/anthrazit-iso-800.avif 800w, assets/img/anthrazit-iso-1200.avif 1200w" sizes="(min-width: 960px) 34vw, 80vw"><source type="image/webp" srcset="assets/img/anthrazit-iso-800.webp 800w, assets/img/anthrazit-iso-1200.webp 1200w" sizes="(min-width: 960px) 34vw, 80vw"><img src="assets/img/anthrazit-iso-1200.webp" width="1165" height="1000" alt="Normstahl Style für Fertiggaragen, Anthrazit, glatt" loading="lazy" decoding="async"></picture><span class="strip__cap"><b>Normstahl Style für Fertiggaragen</b>Anthrazit, glatt</span></a><a class="strip__item" href="projekte.html#doppelgarage-hell"><picture><source type="image/avif" srcset="assets/img/doppelgarage-hell-800.avif 800w, assets/img/doppelgarage-hell-1200.avif 1200w" sizes="(min-width: 960px) 34vw, 80vw"><source type="image/webp" srcset="assets/img/doppelgarage-hell-800.webp 800w, assets/img/doppelgarage-hell-1200.webp 1200w" sizes="(min-width: 960px) 34vw, 80vw"><img src="assets/img/doppelgarage-hell-1200.webp" width="1200" height="926" alt="Doppelgarage, Zwei helle Sektionaltore" loading="lazy" decoding="async"></picture><span class="strip__cap"><b>Doppelgarage</b>Zwei helle Sektionaltore</span></a><a class="strip__item" href="projekte.html#condor-granit"><picture><source type="image/avif" srcset="assets/img/condor-granit-800.avif 800w, assets/img/condor-granit-1200.avif 1200w" sizes="(min-width: 960px) 34vw, 80vw"><source type="image/webp" srcset="assets/img/condor-granit-800.webp 800w, assets/img/condor-granit-1200.webp 1200w" sizes="(min-width: 960px) 34vw, 80vw"><img src="assets/img/condor-granit-1200.webp" width="1200" height="672" alt="Condor Granit, Sektionaltor, glatt" loading="lazy" decoding="async"></picture><span class="strip__cap"><b>Condor Granit</b>Sektionaltor, glatt</span></a><a class="strip__item" href="projekte.html#doppelgarage-beige"><picture><source type="image/avif" srcset="assets/img/doppelgarage-beige-800.avif 800w, assets/img/doppelgarage-beige-1200.avif 1200w" sizes="(min-width: 960px) 34vw, 80vw"><source type="image/webp" srcset="assets/img/doppelgarage-beige-800.webp 800w, assets/img/doppelgarage-beige-1200.webp 1200w" sizes="(min-width: 960px) 34vw, 80vw"><img src="assets/img/doppelgarage-beige-1200.webp" width="1200" height="873" alt="Doppelgarage, Zwei Sektionaltore" loading="lazy" decoding="async"></picture><span class="strip__cap"><b>Doppelgarage</b>Zwei Sektionaltore</span></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--paper" id="ueber-uns">
|
||||
<div class="wrap about">
|
||||
<figure class="about__photo reveal">
|
||||
<picture><source type="image/avif" srcset="assets/img/haas-800.avif 800w" sizes="(min-width: 960px) 40vw, 100vw"><source type="image/webp" srcset="assets/img/haas-800.webp 800w" sizes="(min-width: 960px) 40vw, 100vw"><img src="assets/img/haas-800.webp" width="800" height="960" alt="Porträt von Wolfgang Haas, Inhaber von HEB Bauelemente" loading="lazy" decoding="async"></picture>
|
||||
<figcaption><b>Wolfgang Haas</b>Inhaber · Essenbach-Mirskofen</figcaption>
|
||||
</figure>
|
||||
<div class="about__text reveal">
|
||||
<p class="eyebrow">Über uns</p>
|
||||
<h2 class="h2">Bei uns sprechen Sie mit dem Chef.</h2>
|
||||
<blockquote class="quote">
|
||||
<p>„Seit mehr als 25 Jahren befasse ich mich mit Normstahl-Toren. Von der Planung bis zur Beratung, vom Aufmaß bis zur Montage bekommen Sie bei mir alles aus einer Hand.“</p>
|
||||
</blockquote>
|
||||
<p>Weil nicht immer alles passt, setze ich bei Antrieben auf Sommer Antriebs- und Funktechnik aus Deutschland. Auch die können keinen Kreis gerade biegen, aber sie bieten Lösungen, wo andere aufgeben müssen.</p>
|
||||
<p>Damit wir technisch auf dem neuesten Stand bleiben, besuchen wir regelmäßig die Servicepartner-Schulungen unserer Lieferanten.</p>
|
||||
<p class="signature">Ihr Wolfgang Haas</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="wrap">
|
||||
<div class="section__head reveal">
|
||||
<p class="eyebrow">Fachbetrieb statt Discount</p>
|
||||
<h2 class="h2">Warum nicht einfach online bestellen?</h2>
|
||||
<p class="lead">Ein Tor aus dem Internet ist schnell gekauft. Spätestens bei der ersten Störung zeigt sich, ob jemand in der Nähe ist, der hilft.</p>
|
||||
</div>
|
||||
<div class="compare reveal">
|
||||
<div class="compare__col">
|
||||
<h3 class="compare__h">Tor aus dem Internet</h3>
|
||||
<ul>
|
||||
<li><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="square" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>Maße nehmen Sie selbst und hoffen, dass sie stimmen</li>
|
||||
<li><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="square" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>Den Einbau übernehmen Sie oder jemand anderes</li>
|
||||
<li><svg class="i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="square" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>Bei Störungen hilft nur eine Hotline in der Ferne</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="compare__col compare__col--us">
|
||||
<h3 class="compare__h">HEB Bauelemente vor Ort</h3>
|
||||
<ul>
|
||||
<li><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>Beratung und Aufmaß bei Ihnen zu Hause</li>
|
||||
<li><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>Fachgerechte Montage aus einer Hand</li>
|
||||
<li><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>Im Ernstfall schnell da, mit allen gängigen Ersatzteilen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p class="compare__quote reveal">Die Freude an der richtigen Entscheidung währt länger als die Freude am billigen Einkauf.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--paper partners">
|
||||
<div class="wrap partners__grid reveal">
|
||||
<div>
|
||||
<p class="eyebrow">Unsere Partner</p>
|
||||
<h2 class="h3">Marken, auf die wir uns verlassen.</h2>
|
||||
<p>Wir sind Komplettanbieter für Normstahl-Tore samt Ersatzteilen und Zubehör. Bei Antrieben arbeiten wir mit Sommer und der Fachhandelsmarke Aperto. Auf Wunsch leiten wir Ihre Anfrage auch an die Vertretung weiter, die für Ihre Postleitzahl zuständig ist.</p>
|
||||
</div>
|
||||
<ul class="partners__list">
|
||||
<li><b>Normstahl</b><span>Garagen- und Industrietore</span></li>
|
||||
<li><b>Sommer</b><span>Antriebs- und Funktechnik</span></li>
|
||||
<li><b>Aperto</b><span>Garagen- und Hoftorantriebe</span></li>
|
||||
</ul>
|
||||
</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>
|
||||
Reference in new issue
Block a user