astosic/AMPERION_Webpage
1
0
Fork 0
forked from markus/AMPERION_Webpage
Code Pull requests Activity

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

30
layouts/_default/about.html
View file

@ -5,7 +5,7 @@
{{ with .Params.intro_section }}
{{ if .enable }}
<section id="about-intro" class="section" style="background-color:#ffffff; margin-top:-24px; padding-top:16px;">
<h2>Ihr Partner für nachhaltige Energielösungen</h2>
<h3>Ihr Partner für nachhaltige Energielösungen</h3>
<div class="my-container">
<div class="row align-items-center gx-5 gy-4">
@ -77,8 +77,8 @@ document.addEventListener("DOMContentLoaded", () => {
<div>
<!-- Headings -->
<div class="text-center mb-3">
<h1>Mission · Vision · Ziel</h1>
<h2>Die Grundpfeiler unserer Arbeit.</h2>
<h2>Mission · Vision · Ziel</h2>
<h3>Die Grundpfeiler unserer Arbeit.</h3>
</div>
<div class="mission-tabs-wrapper">
@ -127,8 +127,8 @@ document.addEventListener("DOMContentLoaded", () => {
<div class="my-container">
<div class="row">
<div class="text-center" data-aos="fade-up" data-aos-delay="50">
<h1>Was uns auszeichnet</h1>
<h2><em>AMPERION liefert echte Mehrwerte für Ihr Projekt.</em></h2>
<h2>Was uns auszeichnet</h2>
<h3><em>AMPERION liefert echte Mehrwerte für Ihr Projekt.</em></h3>
</div>
</div>
@ -143,7 +143,7 @@ document.addEventListener("DOMContentLoaded", () => {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/stamp.svg" alt="Staatlich geprüft" class="service-icon mb-3" style="filter: invert(74%) sepia(39%) saturate(2198%) hue-rotate(344deg) brightness(101%) contrast(92%);">
<h3 class="service-card-title">Staatlich geprüft & konessioniert</h3>
<h4 class="service-card-title">Staatlich geprüft & konessioniert</h4>
<p class="service-card-description">
<strong>Ingenieurbüro und Elektrotechnikbetrieb –</strong> Planung und Prüfung mit Qualität &amp; Sicherheit.
</p>
@ -151,7 +151,7 @@ document.addEventListener("DOMContentLoaded", () => {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/brain.svg" alt="Erfahrung & Innovation" class="service-icon mb-3" style="filter: invert(57%) sepia(94%) saturate(602%) hue-rotate(359deg) brightness(101%) contrast(103%);">
<h3 class="service-card-title">Erfahrung &amp; Innovation</h3>
<h4 class="service-card-title">Erfahrung &amp; Innovation</h4>
<p class="service-card-description">
<strong>Über 10 Jahre Praxis –</strong> kombiniert mit modernen Methoden und Tools.
</p>
@ -159,7 +159,7 @@ document.addEventListener("DOMContentLoaded", () => {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/earth.svg" alt="Ganzheitlicher Ansatz" class="service-icon mb-3" style="filter: invert(57%) sepia(94%) saturate(602%) hue-rotate(359deg) brightness(101%) contrast(103%);">
<h3 class="service-card-title">Ganzheitlicher Ansatz</h3>
<h4 class="service-card-title">Ganzheitlicher Ansatz</h4>
<p class="service-card-description">
<strong>Technik, Wirtschaft & Umwelt –</strong> von Beginn an zukunftssicher gedacht.
</p>
@ -167,7 +167,7 @@ document.addEventListener("DOMContentLoaded", () => {
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/briefcase-business.svg" alt="Unabhängige Beratung" class="service-icon mb-3" style="filter: invert(57%) sepia(94%) saturate(602%) hue-rotate(359deg) brightness(101%) contrast(103%);">
<h3 class="service-card-title">Unabhängige Beratung</h3>
<h4 class="service-card-title">Unabhängige Beratung</h4>
<p class="service-card-description">
<strong>Herstellerneutral –</strong> wir empfehlen, was zu Ihrem Projekt wirklich passt.
</p>
@ -186,7 +186,7 @@ document.addEventListener("DOMContentLoaded", () => {
<!-- Header -->
<div class="text-center mb-5" data-aos="fade-up">
<h1>Das AMPERION Gründerteam</h1>
<h2>Das AMPERION Gründerteam</h2>
<div class="row gx-5 gy-5 align-items-center">
@ -194,7 +194,7 @@ document.addEventListener("DOMContentLoaded", () => {
<div class="col-lg-4 col-md-12 order-lg-1 order-2" data-aos="fade-right" data-aos-delay="100">
<div class="founder-card">
{{ with .left_person }}
<h4 class="founder-name">{{ .name | markdownify }}</h4>
<h5 class="founder-name">{{ .name | markdownify }}</h5>
<div class="founder-description">
{{ .description | $.Page.RenderString (dict "display" "block") }}
</div>
@ -215,7 +215,7 @@ document.addEventListener("DOMContentLoaded", () => {
<div class="col-lg-4 col-md-12 order-lg-3 order-3" data-aos="fade-left" data-aos-delay="300">
<div class="founder-card">
{{ with .right_person }}
<h4 class="founder-name">{{ .name | markdownify }}</h4>
<h5 class="founder-name">{{ .name | markdownify }}</h5>
<div class="founder-description">
{{ .description | $.Page.RenderString (dict "display" "block") }}
</div>
@ -237,10 +237,10 @@ document.addEventListener("DOMContentLoaded", () => {
<div class="cta__bg" aria-hidden="true">
<div class="cta__grid"></div>
<div class="cta__energy-lines">
<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>
<div class="energy-line-h energy-line-h4"></div>
<div class="energy-line-h energy-line-h5"></div>
<div class="energy-line-v energy-line-v1"></div>
<div class="energy-line-v energy-line-v2"></div>
<div class="energy-line-v energy-line-v3"></div>
@ -258,9 +258,9 @@ document.addEventListener("DOMContentLoaded", () => {
<div class="my-container">
<div class="cta__wrap">
<h2 class="cta__title">
<h3 class="cta__title">
Mehr Energie - Mit UNS!
</h2>
</h3>
<p class="cta__lead">
Ihr Weg zu nachhaltiger Energie beginnt hier.
<span class="cta__accent">Lassen Sie uns starten!</span>