markus/AMPERION_Webpage
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SEO Optimierung + Leistungsscroll

Browse source
This commit is contained in:
astosic 2025-08-14 22:28:22 +02:00
parent 2ae734e906
commit e77017c70a
17 changed files with 259 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

28
layouts/index.html
View file

@ -21,7 +21,7 @@
<!-- Haupttitel + Button -->
<div class="hero-section" style="margin-top: 10rem;">
{{ with .title }}
<h1 class="hero-title fade-in-title">{{ . | markdownify }}</h1>
<h2 class="hero-title fade-in-title">{{ . | markdownify }}</h2>
{{ end }}
{{ with .button }}
{{ if .enable }}
@ -148,8 +148,8 @@ document.addEventListener('DOMContentLoaded', function () {
<!-- Titelblock -->
<div class="row">
<div class="text-center" data-aos="fade-up" data-aos-delay="100">
<h1>Darum AMPERION</h1>
<h2><em>Kompetenz, auf die Sie bauen können – von der Idee bis zur Inbetriebnahme.</em></h2>
<h2>Darum AMPERION</h2>
<h3><em>Kompetenz, auf die Sie bauen können – von der Idee bis zur Inbetriebnahme.</em></h3>
</div>
</div>
@ -160,7 +160,7 @@ document.addEventListener('DOMContentLoaded', function () {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/file-badge.svg" alt="Technische Planungskompetenz Icon" class="service-icon mb-3">
<h3 class="service-card-title">Technische Planungskompetenz</h3>
<h4 class="service-card-title">Technische Planungskompetenz</h4>
<p class="service-card-description">
<strong>Langjährige Erfahrung mit komplexer Energieplanung –</strong> normgerecht, effizient &amp; zukunftssicher.
</p>
@ -168,7 +168,7 @@ document.addEventListener('DOMContentLoaded', function () {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/plug-zap.svg" alt="Intelligente Energiesysteme Icon" class="service-icon mb-3">
<h3 class="service-card-title">Intelligente Energiesysteme</h3>
<h4 class="service-card-title">Intelligente Energiesysteme</h4>
<p class="service-card-description">
<strong>Von PV bis Speicher und Lastmanagement –</strong> für maximale Eigenversorgung und Netzverträglichkeit.
</p>
@ -176,7 +176,7 @@ document.addEventListener('DOMContentLoaded', function () {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/headset.svg" alt="Persönliche Betreuung Icon" class="service-icon mb-3">
<h3 class="service-card-title">Persönliche Betreuung</h3>
<h4 class="service-card-title">Persönliche Betreuung</h4>
<p class="service-card-description">
<strong>Kurze Wege, schnelle Antworten –</strong> direkte Ansprechpartner, auch nach Projektabschluss.
</p>
@ -184,7 +184,7 @@ document.addEventListener('DOMContentLoaded', function () {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/hard-hat.svg" alt="Reibungslose Projektabwicklung Icon" class="service-icon mb-3">
<h3 class="service-card-title">Reibungslose Projektabwicklung</h3>
<h4 class="service-card-title">Reibungslose Projektabwicklung</h4>
<p class="service-card-description">
<strong>Wir übernehmen die technische Koordination –</strong> von Einreichung bis Ausschreibung.
</p>
@ -192,7 +192,7 @@ document.addEventListener('DOMContentLoaded', function () {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/network.svg" alt="Vernetzte Energiezukunft Icon" class="service-icon mb-3">
<h3 class="service-card-title">Vernetzte Energiezukunft</h3>
<h4 class="service-card-title">Vernetzte Energiezukunft</h4>
<p class="service-card-description">
<strong>Wir denken Energie ganzheitlich –</strong> modular, digital und wachstumsfähig geplant.
</p>
@ -200,7 +200,7 @@ document.addEventListener('DOMContentLoaded', function () {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/circuit-board.svg" alt="Präzise Systemplanung Icon" class="service-icon mb-3">
<h3 class="service-card-title">Präzise Systemplanung</h3>
<h4 class="service-card-title">Präzise Systemplanung</h4>
<p class="service-card-description">
<strong>Alle Komponenten exakt abgestimmt –</strong> wirtschaftlich und regelkonform.
</p>
@ -250,8 +250,8 @@ document.addEventListener('DOMContentLoaded', function () {
<!-- Titelbereich -->
<div class="row">
<div class="col-12 text-center" data-aos="fade-up" data-aos-delay="100">
<h1>Über AMPERION</h1>
{{ with .description }}<h2>{{ . | markdownify }}</h2>{{ end }}
<h2>Über AMPERION</h2>
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
</div>
</div>
@ -296,8 +296,8 @@ document.addEventListener('DOMContentLoaded', function () {
<!-- Energie-Linien -->
<div class="cta__energy-lines">
<!-- Horizontale Linien -->
<div class="energy-line-h energy-line-h1"></div>
<div class="energy-line-h energy-line-h2"></div>
<div class="energy-line-h energy-line-h3"></div>
<!-- Vertikale Linien -->
@ -319,9 +319,9 @@ document.addEventListener('DOMContentLoaded', function () {
<!-- Content -->
<div class="my-container">
<div class="cta__wrap">
<h2 class="cta__title">
<h3 class="cta__title">
Lassen Sie uns Ihre Vision mit unserer Expertise zur Realität machen.
</h2>
</h3>
<p class="cta__lead">
Bereit für Ihr Energieprojekt?
<span class="cta__accent">Kostenfreie Erstberatung sichern!</span>