diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss index 6bd582e..dca3954 100644 --- a/assets/scss/_common.scss +++ b/assets/scss/_common.scss @@ -677,18 +677,20 @@ span.cloaked-e-mail:before { } /* copy from here */ .scrolldown { - --color: white; --sizeX: 30px; --sizeY: 50px; position: relative; width: var(--sizeX); height: var(--sizeY); - margin-left: calc(50% - var(--sizeX) / 2); /* Korrigiert für Zentrierung */ + margin-left: calc(50% - var(--sizeX) / 2); margin-top: 100px; - border: calc(var(--sizeX) / 10) solid var(--color); + border: calc(var(--sizeX) / 10) solid currentColor; border-radius: 50px; box-sizing: border-box; margin-bottom: 16px; + + color: white; /* Anfangsfarbe */ + transition: color 0.3s; } .scrolldown::before { @@ -699,13 +701,17 @@ span.cloaked-e-mail:before { width: 6px; height: 6px; margin-left: -3px; - background-color: var(--color); + background-color: currentColor; border-radius: 100%; animation: scrolldown-anim 2s infinite; box-sizing: border-box; box-shadow: 0px -5px 3px 1px #ffffff66; } +.scrolldown:hover { + color: #F5A623; /* Neue Farbe beim Hover */ +} + @keyframes scrolldown-anim { 0% { opacity: 0; @@ -739,15 +745,20 @@ span.cloaked-e-mail:before { .chevrondown { margin-top: -6px; position: relative; - border: solid var(--color); + border: solid currentColor; border-width: 0 3px 3px 0; display: inline-block; - padding: 0; /* Stellt sicher, dass kein zusätzliches Padding hinzugefügt wird */ width: 10px; height: 10px; transform: rotate(45deg); + } +.chevrondown:hover { + color: #F5A623; +} + + .chevrondown:nth-child(odd) { animation: pulse 500ms ease infinite alternate; } @@ -756,6 +767,16 @@ span.cloaked-e-mail:before { animation: pulse 500ms ease infinite alternate 250ms; } + +.scrolldown { + color: rgb(0, 0, 0); + transition: color 0.3s; +} + +.scrolldown:hover { + color: #F5A623; +} + @keyframes pulse { from { opacity: 0; diff --git a/assets/scss/style.scss b/assets/scss/style.scss index f4a8a4e..8493ef3 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -186,3 +186,78 @@ html { } } +.custom-container { + max-width: 1800px; /* oder was du möchtest */ + margin: 0 auto; + padding-left: 30px; + padding-right: 30px; +} + + +body { + font-family: Arial, sans-serif; + text-align: center; + background-color: #ffffff; + margin: 0; + padding: 20px; +} + +.services-title { + margin-top: 50px; + color: #046e6e; +} + +.services-description { + color: black; + margin-bottom: 50px; +} + +/* Standard-Desktop-Layout */ +.services-section { + background-color: #f1f1f1; /* Hintergrundfarbe der Sektion auf Schwarz setzen */ + padding: 40px 0; /* Padding für die Sektion */ + width: 100%; /* Volle Breite */ + box-sizing: border-box; /* Padding in der Breite berücksichtigen */ +} + +.services-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); /* Drei Spalten für Desktop */ + gap: 20px; + max-width: 1200px; + margin: 0 auto; /* Zentriert das Raster */ + padding: 0 20px; /* Optional: Padding für kleinere Bildschirme */ +} + +.service-card { + background-color: #f1f1f1; /* Hintergrundfarbe der Boxen auf Schwarz setzen */ + color: white; /* Textfarbe auf Weiß setzen für bessere Lesbarkeit */ + + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0); + padding: 20px; + box-sizing: border-box; +} + +.service-icon { + width: 60px; + height: 60px; + margin-bottom: 15px; +} + +.service-card-title { + color: black; /* Titel-Textfarbe auf Weiß setzen */ + margin-bottom: 10px; +} + +.service-card-description { + color: black; /* Hellgraue Farbe für den Beschreibungstext */ + font-size: 14px; +} + +/* Anpassungen für Mobilgeräte */ +@media (max-width: 768px) { + .services-grid { + grid-template-columns: 1fr; /* Eine Spalte für Mobilgeräte */ + } +} diff --git a/assets/scss/templates/_navigation.scss b/assets/scss/templates/_navigation.scss index 2b77cd0..5d3c559 100644 --- a/assets/scss/templates/_navigation.scss +++ b/assets/scss/templates/_navigation.scss @@ -20,7 +20,7 @@ padding-bottom: 5px; a { - color: #7b7b7b; + color: $black; padding: 10px 15px; font : { @@ -32,7 +32,7 @@ &:hover, &:focus { - color: $black; + color: #f5a623; background: transparent; } } diff --git a/assets/scss/templates/_service.scss b/assets/scss/templates/_service.scss index df90a1a..e654ac0 100644 --- a/assets/scss/templates/_service.scss +++ b/assets/scss/templates/_service.scss @@ -1,6 +1,6 @@ .service { text-align: center; - padding: 90px 0; + padding: 30px 0; @include tablet { padding-top: 20px; @@ -8,7 +8,7 @@ } .service-item { - padding-bottom: 30px; + padding-bottom: 10px; i { font-size: 50px; diff --git a/config/_default/menus.de.toml b/config/_default/menus.de.toml index 8521845..5ab2a6f 100644 --- a/config/_default/menus.de.toml +++ b/config/_default/menus.de.toml @@ -2,20 +2,16 @@ # main menu -[[main]] -name = "Home" -url = "/" -weight = 1 [[main]] name = "Leistungen" url = "service/" -weight = 2 +weight = 1 identifier = "service" [[main]] -name = "Energiekonzepte & Digitale Lösungen" -url = "service/energiekonzepte/" +name = "Planung" +url = "service/planung/" weight = 1 parent = "service" @@ -26,28 +22,38 @@ weight = 2 parent = "service" [[main]] -name = "E-Mobilität" -url = "service/emobilitaet/" +name = "Consulting" +url = "service/consulting/" weight = 3 parent = "service" + + [[main]] -name = "Photovoltaik & Speicherlösungen" +name = "Fokusthemen" +url = "fokusthemen/" +weight = 2 +identifier = "fokusthemen" + +[[main]] +name = "Photovoltaik" url = "service/photovoltaik/" -weight = 4 -parent = "service" +weight = 1 +parent = "fokusthemen" [[main]] -name = "Digitale Lösungen & IKT" -url = "service/dig_loes_ikt/" -weight = 5 -parent = "service" +name = "Energiespeicher" +url = "service/energierspeicher/" +weight = 2 +parent = "fokusthemen" [[main]] -name = "Elektrotechnik" -url = "service/elektrotechnik/" -weight = 6 -parent = "service" +name = "E-Mobilität" +url = "service/emobilität/" +weight = 3 +parent = "fokusthemen" + + [[main]] name = "Über AMPERION" @@ -59,6 +65,11 @@ name = "Kontakt" url = "contact/" weight = 4 +[[main]] +name = "Karriere" +url = "contact/" +weight = 5 + # footer menu diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml index d2b8509..f79969f 100644 --- a/config/_default/menus.en.toml +++ b/config/_default/menus.en.toml @@ -2,30 +2,80 @@ # main menu + [[main]] name = "Services" -url = "contact/" +url = "service/" weight = 1 +identifier = "service" + +[[main]] +name = "Planning" +url = "service/planung/" +weight = 1 +parent = "service" + +[[main]] +name = "Project Management" +url = "service/projektmanagement/" +weight = 2 +parent = "service" + +[[main]] +name = "Consulting" +url = "service/consulting/" +weight = 3 +parent = "service" + + + +[[main]] +name = "Focus Topics" +url = "fokusthemen/" +weight = 2 +identifier = "fokusthemen" + +[[main]] +name = "Photovoltaic" +url = "service/photovoltaik/" +weight = 1 +parent = "fokusthemen" + +[[main]] +name = "Energy storage" +url = "service/energierspeicher/" +weight = 2 +parent = "fokusthemen" + +[[main]] +name = "E-mobility" +url = "service/emobilität/" +weight = 3 +parent = "fokusthemen" + + + +[[main]] +name = "About AMPERION" +url = "about/" +weight = 3 [[main]] name = "Contact" url = "contact/" -weight = 2 - -[[main]] -name = "About AMPERION" -url = "contact/" -weight = 3 - -[[main]] -name = "Carreer" -url = "contact/" weight = 4 +[[main]] +name = "Career" +url = "contact/" +weight = 5 + + + # footer menu [[footer]] name = "Services" -url = "contact/" +url = "service/" weight = 1 [[footer]] @@ -35,20 +85,20 @@ weight = 2 [[footer]] name = "About AMPERION" -url = "contact/" +url = "about/" weight = 3 [[footer]] -name = "Carreer" -url = "contact/" +name = "Impressum" +url = "impressum/" weight = 4 -[[footer]] -name = "Imprint" -url = "service/" -weight = 5 - [[footer]] name = "GTC" url = "agb/" -weight = 6 +weight = 5 + +[[footer]] +name = "Data protection" +url = "datenschutz/" +weight = 6 \ No newline at end of file diff --git a/config/_default/params.toml b/config/_default/params.toml index 816706d..4dc8e2e 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -32,11 +32,11 @@ custom_script= "" [contact.form] -enable = false +enable = true # Whether to use [Netlify Forms](https://docs.netlify.com/forms/setup/) use_netlify = false # Whether to use recaptch v3 in form -use_recaptcha = false +use_recaptcha = true # Form action ## Fill in your Form ID URL for Formspree.io, e.g. `https://formspree.io/f/{form_id}` ## Ignored if `use_netlify = true` (custom [success page](https://docs.netlify.com/forms/setup/#success-messages) is already included) diff --git a/content/german/_index.md b/content/german/_index.md index c012bf4..a09d001 100644 --- a/content/german/_index.md +++ b/content/german/_index.md @@ -23,7 +23,7 @@ banner: about: enable: true title: "ÜBER AMPERION" - description: "Know-How ist unser Werkzeug. Präzision ist unser Anspruch. Flexibilität ist unser Vorteil." + description: "Technik mit Verantwortung. Planung mit Weitblick." content: "
AMPERION ist ein staatlich geprüftes Ingenieurbüro und konzessionierter Elektrotechnikbetrieb mit Sitz in Niederösterreich.

Wir haben uns darauf spezialisiert, Green-Tech-Projekte so zu gestalten, dass sie in der Praxis halten, was sie am Papier versprechen. Ob für Unternehmen, Gemeinden oder private Auftraggeber:innen.

Wir bringen Struktur in komplexe Anforderungen, klären Schnittstellen und denken wirtschaftlich wie technisch voraus. Von der ersten Idee bis zur Umsetzung begleiten wir Energieprojekte mit Weitblick, Präzision und Umsetzungsstärke. Netzanschluss, Einreichung, Wirtschaftlichkeit, Normen, Schnittstellen und alles, was später entscheidend wird, berücksichtigen wir von Anfang an.

Dabei verbinden wir klassische Ingenieursdisziplin mit systemischem Denken, technischer Planung, Koordination, digitale Lösungen und Erfahrung aus realen Projekten.

AMPERION arbeitet unabhängig, strukturiert und mit dem Anspruch, Verantwortung zu übernehmen, damit Energieprojekte gelingen.

" image: "images/ingenieurbuero.webp" @@ -63,7 +63,7 @@ service: #########c################### call to action ########################### cta: enable: true - bg_image: "images/amperionteam1.webp" + bg_image: "images/module_reflection_2.webp" title: "Jetzt kostenlos Projektanfrage stellen
+43 677 620 90 426" content: "" button: diff --git a/content/german/focustopic.md b/content/german/focustopic.md new file mode 100644 index 0000000..ec96908 --- /dev/null +++ b/content/german/focustopic.md @@ -0,0 +1,120 @@ +--- +title: "Fokusthemen" +description: "" +bg_image: "images/module_reflection_2.webp" +layout: "service" +draft: false + +########################### about service ############################# +about: + enable : true + title : "Als führendes Ingenieurbüro bieten wir eine breite Palette von Dienstleistungen an, die darauf abzielen, die Effizienz, Nachhaltigkeit und Rentabilität Ihrer Energieinfrastruktur zu verbessern." + + + + +########################## featured service ############################ + + +featured_service: + enable: true + service_item: + + + + - name: "Consulting" + icon: "fas fa-cogs" + color : "service1" + content: "Unser Expertenteam bietet umfassende Beratungsdienstleistungen, die auf Ihre individuellen Bedürfnisse zugeschnitten sind. Von der strategischen Planung bis zur praktischen Umsetzung stehen wir Ihnen mit unserer Erfahrung und unserem Fachwissen zur Seite, um optimale Lösungen für Ihre Herausforderungen zu entwickeln." + image: "images/services/consulting.png" + + + + # featured service item loop + - name : "Anlagenkonzepte" + icon : "fas fa-leaf" + color : "service2" + content : "Mit unserem maßgeschneiderten Ansatz entwickeln wir Anlagenkonzepte, die optimal auf Ihre individuellen Anforderungen und die örtlichen Gegebenheiten zugeschnitten sind. Von der ersten Idee bis zur Umsetzung stehen wir Ihnen mit unserer Fachkompetenz zur Seite." + image: "images/services/anlagenkonzept.png" + + # featured service item loop + - name : "Ertragssimulationen" + icon : "fas fa-lightbulb" + color : "service3" + content : "Mit unseren präzisen Ertragssimulationen bieten wir Ihnen verlässliche Prognosen über die Wirtschaftlichkeit Ihrer Projekte. Unsere Analysen berücksichtigen alle relevanten Faktoren, sodass Sie fundierte Entscheidungen treffen und Ihre Investitionen optimal planen können." + image: "images/services/anlagensimulation.png" + + # featured service item loop + - name : "Einreichplanungen" + icon : "fas fa-lightbulb" + color : "service4" + content : "Wir unterstützen Sie bei der Erstellung umfassender Einreichplanungen für die behördliche Anlagengenehmigung. Unsere Experten kennen die rechtlichen Anforderungen und sorgen dafür, dass Ihr Projekt reibungslos genehmigt wird." + image: "images/services/einreichplanung.png" + + + # featured service item loop + - name : "Ausführungsplanung" + icon : "fas fa-flask" + color : "service5" + content : "Mit unserer präzisen Ausführungsplanung stellen wir sicher, dass Ihr Projekt effizient umgesetzt wird. Wir erstellen detaillierte Pläne, die alle technischen Anforderungen erfüllen und die Grundlage für eine erfolgreiche Umsetzung bilden." + image: "images/services/ausführungsplanung.png" + + # featured service item loop + - name : "Projektbetreuung" + icon : "fas fa-leaf" + color : "service6" + content : "Unsere umfassende Projektbetreuung gewährleistet, dass Ihr Vorhaben von der Planung bis zur Fertigstellung reibungslos verläuft. Wir koordinieren alle Beteiligten und sorgen dafür, dass Zeitpläne und Budgets eingehalten werden, sodass Ihr Projekt erfolgreich abgeschlossen wird." + image: "images/services/projektbetreuung.png" + + # featured service item loop + - name : "Behördenwege" + icon : "fas fa-lightbulb" + color : "service7" + content : "Wir begleiten Sie durch alle behördlichen Prozesse und stellen sicher, dass alle notwendigen Genehmigungen rechtzeitig eingeholt werden. Unsere Experten kennen die gesetzlichen Vorgaben und sorgen dafür, dass Ihr Projekt ohne Verzögerungen vorankommt." + image: "images/services/behördenwege.png" + + # featured service item loop + - name : "Energiekonzepte" + icon : "fas fa-lightbulb" + color : "service8" + content : "Unsere Energiekonzepte zielen darauf ab, die optimale Nutzung erneuerbarer Energien zu ermöglichen und gleichzeitig den Energieverbrauch zu optimieren. Wir entwickeln ganzheitliche Strategien, die sowohl ökologische als auch wirtschaftliche Vorteile bieten." + image: "images/services/energiekonzepte.png" + +############################# Service ############################### +service: + enable : true + title : "Unsere Fokusthemen für die Energiewende" + description : "Sektorenübergreifend. Innovativ. Erneuerbar." + service_item: + # service item loop + - picture: "images/services_main/photovoltaik.webp" + name: Photovoltaik + link: "/service/photovoltaik" + + # service item loop + - picture: "images/services_main/energiespeicher.webp" + name: Energiespeicher + link: "/service/energiespeicher" + + # service item loop + - picture: "images/services_main/e-mobilitaet.webp" + name: E-Mobilität + link: "/service/elektromobilitaet" + + + + # service item loop + #- icon: "images/einreichplanung.svg" + # name: Behördenwege + # content: "Wir unterstützen Sie bei allen behördlichen Prozessen und sorgen dafür, dass Ihre Projekte reibungslos und ohne Verzögerungen vorankommen. Vertrauen Sie auf unsere #Erfahrung und Expertise." + + # service item loop + #- icon: "images/energiekonzepte.svg" + # name: Energiekonzepte + # content: "Wir erstellen innovative Energiekonzepte, die sowohl ökologisch als auch ökonomisch nachhaltig sind. Profitieren Sie von unseren zukunftsweisenden Lösungen für Ihre #Energieprojekte." + +############################# call to action ################################# +cta: + enable : true + # call to action content comes from "_index.md" +--- diff --git a/content/german/service.md b/content/german/service.md index f82521b..5c0f19f 100644 --- a/content/german/service.md +++ b/content/german/service.md @@ -83,38 +83,24 @@ featured_service: ############################# Service ############################### service: enable : true - title : "UNSERE SERVICES" - description : "Wir entwickeln Energielösungen für die Zukunft" + title : "UNSERE LEISTUNGEN IM ÜBERBLICK" + description : "Technisch fundiert. Unabhängig. Zukunftsorientiert." service_item: # service item loop - - picture: "images/services_main/energiekonzepte.webp" - name: Energiekonzepte + - picture: "images/services_main/planung.webp" + name: Planung link: "/service/energiekonzepte" # service item loop - - picture: "images/services_main/projektmanagement.webp" + - picture: "images/services_main/projektmanagment.webp" name: Projektmanagement link: "/service/projektmanagement" # service item loop - - picture: "images/services_main/elektromobilitaet.webp" - name: Elektromobilität + - picture: "images/services_main/consulting.webp" + name: Consulting link: "/service/elektromobilitaet" - # service item loop - - picture: "images/services_main/photovoltaik.webp" - name: Photovoltaik - link: "/service/photovoltaik" - - # service item loop - - picture: "images/services_main/dig_loes_ikt.webp" - name: Digitale Lösungen & IKT - link: "/service/dig_loes_ikt" - - # service item loop - - picture: "images/services_main/elektrotechnik.webp" - name: Elektrotechnik - link: "/service/elektrotechnik" # service item loop #- icon: "images/einreichplanung.svg" diff --git a/content/german/why-amperion.md b/content/german/why-amperion.md index 5085ff4..44c440d 100644 --- a/content/german/why-amperion.md +++ b/content/german/why-amperion.md @@ -1,48 +1,67 @@ --- -title: "WARUM AMPERION ?" -subtitle: "Ihr Projekt in besten Händen
Technik trifft Verantwortung" +title: "Leistungen" +description: "Beschreibung der angebotenen Dienstleistungen" +bg_image: "images/module_reflection_2.webp" +layout: "service" +draft: false -params: - # Linke Spalte: drei Blöcke - left_blocks: - - icon: "/icons/file-badge.svg" - heading: "Erfahrung" - content: | - Technische Planungskompetenz - Jahrelange Erfahrung in der Elektroplanung, Photovoltaiksystemen und Energieoptimierung... +########################### About Service ############################# +about: + enable: true + title: "Als führendes Ingenieurbüro bieten wir eine breite Palette von Dienstleistungen an, die darauf abzielen, die Effizienz, Nachhaltigkeit und Rentabilität Ihrer Energieinfrastruktur zu verbessern." - - icon: "/icons/plug-zap.svg" - heading: "Energielösungen" - content: | - Photovoltaik & Eigenverbrauchsoptimierung - Wir konzipieren PV-Anlagen mit Fokus auf Eigenverbrauch, Batteriespeicher und Netzintegration... +########################## Featured Service ############################ +featured_service: + enable: true + service_item: + - name: "Technische Planungskompetenz" + image: "icons/file-badge.svg" - - icon: "/icons/circuit-board.svg" - heading: "Elektroplanung" - content: | - Normgerechte Auslegung & Systemintegration - Ob Elektroinstallation, Ladeinfrastruktur oder Steuerungstechnik... + content: "Langjährige Erfahrung mit komplexer Energieplanung – normgerecht, effizient & zukunftssicher." - # Mitte: Logo - middle_image: "/images/amperion_logo_color.webp" + - name: "Intelligente Energiesysteme" + image: "icons/plug-zap.svg" - # Rechte Spalte: drei Blöcke - right_blocks: - - icon: "/icons/hard-hat.svg" - heading: "Umsetzung" - content: | - Begleitung & Schnittstellenkoordination - Als Partner auf Bauherrenseite koordinieren wir technische Dienstleister... + content: "Von PV bis Speicher und Lastmanagement – für maximale Eigenversorgung und Netzverträglichkeit." - - icon: "/icons/network.svg" - heading: "Systemdenken" - content: | - Ganzheitlicher Ansatz & Zukunftssicherheit - Wir verbinden Planung, Technik und Energiefluss zu einem vernetzten System... + - name: "Persönliche Betreuung" + image: "icons/headset.svg" - - icon: "/icons/headset.svg" - heading: "Support" - content: | - Persönliche Betreuung & direkter Draht - Feste Ansprechpartner, schnelle Reaktionszeiten und individuelle Betreuung... ---- \ No newline at end of file + content: "Kurze Wege, schnelle Antworten, direkte Ansprechpartner – auch nach Projektabschluss." + + - name: " Reibungslose Projektabwicklung" + image: "icons/hard-hat.svg" + + content: "Wir übernehmen die technische Koordination – von Einreichung bis Ausschreibung." + + - name: " Vernetzte Energiezukunft" + image: "icons/network.svg" + + content: "Wir denken Energie ganzheitlich – modular, digital und wachstumsfähig geplant." + + - name: "Präzise Systemplanung" + image: "icons/circuit-board.svg" + + content: "Alle Komponenten exakt aufeinander abgestimmt – wirtschaftlich und regelkonform." + +############################# Service ############################### +service: + title: "Darum AMPERION" + description: "Kompetenz, auf die Sie bauen können – von der Idee bis zur Inbetriebnahme." + service_item: + - picture: "images/services_main/energiekonzepte.webp" + name: "Energiekonzepte" + link: "/service/energiekonzepte" + + - picture: "images/services_main/projektmanagement.webp" + name: "Projektmanagement" + link: "/service/projektmanagement" + + - picture: "images/services_main/elektromobilitaet.webp" + name: "Elektromobilität" + link: "/service/elektromobilitaet" + +############################# Call to Action ################################# +cta: + enable: true +--- diff --git a/layouts/_default/about.html b/layouts/_default/about.html index e32a8d5..b9cb90b 100644 --- a/layouts/_default/about.html +++ b/layouts/_default/about.html @@ -5,9 +5,9 @@ {{ with .Params.about }} {{ if .enable }}
-
+
-
+
{{ with .left_person }} {{ with .name }}

{{ . | markdownify }}

{{ end }} @@ -15,13 +15,13 @@ {{ end }}
-
+
Standard Image Hover Image
-
+
{{ with .right_person }} {{ with .name }}

{{ . | markdownify }}

{{ end }} diff --git a/layouts/_default/contact.html b/layouts/_default/contact.html index aa25424..e48151e 100644 --- a/layouts/_default/contact.html +++ b/layouts/_default/contact.html @@ -4,31 +4,72 @@
- - -
+ {{ with site.Params.contact.form }}{{ if .enable -}} +
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ {{ if .use_netlify -}} +
+ +
+ {{- end }} + {{ if .use_recaptcha -}} +
+ +
+ {{- end }} +
+
+
+
+
+ + +
+ +
+
+
+
+ {{- end }}{{ end }} +
{{ with site.Params.contact -}} -
-
+
+

{{ i18n "address_title" }}

    {{ $add_address_descriptors := .address_descriptors }} {{ with site.Params.location }}
  • {{ if $add_address_descriptors }}{{ i18n "location" | printf "%s: " }}{{ end }}
    {{ . | markdownify }}
    • {{ end }} {{ with site.Params.email }}
  • {{ if $add_address_descriptors }}{{ i18n "email" | printf "%s: " }}{{ end }}{{ partial "cloak_email" . }}
    • {{ end }} - {{ with site.Params.phone }}
  • {{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}
    {{ . | markdownify }}
    • {{ end }} + {{ with site.Params.phone }}
  • {{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}{{ . }}
    • {{ end }} +
+
-
-
-

{{ i18n "social_media" }}

- + {{- end }} + {{ if site.Params.gmap.enable -}} +
+
+
+
+
{{- end }} @@ -36,9 +77,4 @@
- -{{ if .Params.cta.enable }} -{{ partial "cta.html" . }} -{{ end }} - {{ end }} diff --git a/layouts/index.html b/layouts/index.html index 6393767..fd95f28 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -29,6 +29,8 @@
+ +
{{ with .title }} @@ -62,38 +64,59 @@ +
+ {{ if .Params.whyamperion.enable }} {{ partial "whyamperion.html" . }} {{ end }} + + + + {{ with site.GetPage "/service" }} {{ with .Params.service }}
- -
+
{{ with .title }}

{{ . | markdownify }}

{{ end }} +
+
{{ with .description }}

{{ . | markdownify }}

{{ end }}
-
- {{ range first 9 .service_item }} + {{ range first 3 .service_item }}
@@ -107,83 +130,77 @@
{{ end }}
-
{{ end }} {{ end }} -
- -{{ with site.GetPage "/why-amperion" }} -
-
- -
- {{ with .Params.icon }} - Icon - {{ end }} - {{ with .Title }} -

{{ . | markdownify }}

+ + +{{ with site.GetPage "/focustopic" }} +{{ with .Params.service }} +
+
+
+ {{ with .title }}

{{ . | markdownify }}

{{ end }} +
+
+ {{ with .description }}

{{ . | markdownify }}

{{ end }} +
+
+ {{ range first 3 .service_item }} +
+
+ + {{ .name }} +
+ {{ .name }} +
+
+ +
+
{{ end }}
- - {{ with .Params.subtitle }} -

{{ . | markdownify }}

- {{ end }} - -
- - -
- -
- {{ range .Params.left_blocks }} -
- -
-
-

{{ .heading | markdownify }}

-
-
- {{ .heading }} -
-
-

{{ .content | markdownify }}

-
- {{ end }} -
- - -
- -
- - -
- {{ range .Params.right_blocks }} -
- -
-
- {{ .heading }} -
-
-

{{ .heading | markdownify }}

-
-
-

{{ .content | markdownify }}

-
- {{ end }} -
-
-
+
{{ end }} - +{{ end }} +
+ + +{{ with site.GetPage "/why-amperion" }} +
+

{{ .Params.service.title | default "OUR SERVICES" }}

+

{{ .Params.service.description | default "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts." | markdownify }}

+
+ {{ range first 6 .Params.featured_service.service_item }} +
+ {{ .name }} +

{{ .name }}

+

{{ .content1 | markdownify }} {{ .content | markdownify }}

+
+ {{ end }} +
+
+{{ end }} + + + +
+ + + +{{ if .Params.contact.enable }} +{{ partial "cta.html" . }} +{{ end }} + + + + {{ with .Params.about }} {{ if .enable }} @@ -191,10 +208,13 @@
-
+
{{ with .title }}

{{ . | markdownify }}

{{ end }} +
+
{{ with .description }}

{{ . | markdownify }}

{{ end }}
+
@@ -296,9 +316,4 @@ - - - - - {{ end }} \ No newline at end of file diff --git a/layouts/partials/serviceneu.html b/layouts/partials/serviceneu.html new file mode 100644 index 0000000..6a8d55e --- /dev/null +++ b/layouts/partials/serviceneu.html @@ -0,0 +1,47 @@ +{{ define "main" }} + +{{ partial "page-title.html" . }} + +{{ with .Params.about }} +{{ if .enable }} +
+
+
+
+ {{ with .title }}

{{ . | markdownify }}

{{ end }} + {{ with .content }}
{{ . | $.Page.RenderString (dict "display" "block") }}
{{ end }} +
+ {{ with .image -}} +
+ +
+ {{- end }} +
+
+
+{{ end }} +{{ end }} + +{{ with .Params.featured_service }} +{{ if .enable }} +
+
+
+ {{ range .service_item }} +
+
+ + {{ with .name }}

{{ . | markdownify }}

{{ end }} + {{ with .content }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }} +
+
+ {{ end }} +
+
+
+{{ end }} +{{ end }} + + + +{{ end }} diff --git a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content index fb6ce12..257a648 100644 --- a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content +++ b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content @@ -525,19 +525,20 @@ span.cloaked-e-mail:before { /* copy from here */ .scrolldown { - --color: white; --sizeX: 30px; --sizeY: 50px; position: relative; width: var(--sizeX); height: var(--sizeY); margin-left: calc(50% - var(--sizeX) / 2); - /* Korrigiert für Zentrierung */ margin-top: 100px; - border: calc(var(--sizeX) / 10) solid var(--color); + border: calc(var(--sizeX) / 10) solid currentColor; border-radius: 50px; box-sizing: border-box; - margin-bottom: 16px; } + margin-bottom: 16px; + color: white; + /* Anfangsfarbe */ + transition: color 0.3s; } .scrolldown::before { content: ""; @@ -547,12 +548,16 @@ span.cloaked-e-mail:before { width: 6px; height: 6px; margin-left: -3px; - background-color: var(--color); + background-color: currentColor; border-radius: 100%; animation: scrolldown-anim 2s infinite; box-sizing: border-box; box-shadow: 0px -5px 3px 1px #ffffff66; } +.scrolldown:hover { + color: #F5A623; + /* Neue Farbe beim Hover */ } + @keyframes scrolldown-anim { 0% { opacity: 0; @@ -581,21 +586,29 @@ span.cloaked-e-mail:before { .chevrondown { margin-top: -6px; position: relative; - border: solid var(--color); + border: solid currentColor; border-width: 0 3px 3px 0; display: inline-block; - padding: 0; - /* Stellt sicher, dass kein zusätzliches Padding hinzugefügt wird */ width: 10px; height: 10px; transform: rotate(45deg); } +.chevrondown:hover { + color: #F5A623; } + .chevrondown:nth-child(odd) { animation: pulse 500ms ease infinite alternate; } .chevrondown:nth-child(even) { animation: pulse 500ms ease infinite alternate 250ms; } +.scrolldown { + color: black; + transition: color 0.3s; } + +.scrolldown:hover { + color: #F5A623; } + @keyframes pulse { from { opacity: 0; } @@ -720,13 +733,13 @@ header .navbar-default .navbar-nav li a:hover { padding-top: 5px; padding-bottom: 5px; } .navigation .navbar .navbar-nav a { - color: #7b7b7b; + color: #000000; padding: 10px 15px; font-weight: 500; font-size: 14px; text-transform: uppercase; } .navigation .navbar .navbar-nav a:hover, .navigation .navbar .navbar-nav a:focus { - color: #000000; + color: #f5a623; background: transparent; } .navigation .navbar .navbar-nav a.current { color: #000000; @@ -917,13 +930,13 @@ header .navbar-default .navbar-nav li a:hover { .service { text-align: center; - padding: 90px 0; } + padding: 30px 0; } @media (max-width: 768px) { .service { padding-top: 20px; padding-bottom: 20px; } } .service .service-item { - padding-bottom: 30px; } + padding-bottom: 10px; } .service .service-item i { font-size: 50px; color: #185b63; } @@ -2884,3 +2897,78 @@ html { flex: 0 0 auto; width: 100%; margin-bottom: 20px; } } + +.custom-container { + max-width: 1800px; + /* oder was du möchtest */ + margin: 0 auto; + padding-left: 30px; + padding-right: 30px; } + +body { + font-family: Arial, sans-serif; + text-align: center; + background-color: #ffffff; + margin: 0; + padding: 20px; } + +.services-title { + margin-top: 50px; + color: #046e6e; } + +.services-description { + color: black; + margin-bottom: 50px; } + +/* Standard-Desktop-Layout */ +.services-section { + background-color: #f1f1f1; + /* Hintergrundfarbe der Sektion auf Schwarz setzen */ + padding: 40px 0; + /* Padding für die Sektion */ + width: 100%; + /* Volle Breite */ + box-sizing: border-box; + /* Padding in der Breite berücksichtigen */ } + +.services-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + /* Drei Spalten für Desktop */ + gap: 20px; + max-width: 1200px; + margin: 0 auto; + /* Zentriert das Raster */ + padding: 0 20px; + /* Optional: Padding für kleinere Bildschirme */ } + +.service-card { + background-color: #f1f1f1; + /* Hintergrundfarbe der Boxen auf Schwarz setzen */ + color: white; + /* Textfarbe auf Weiß setzen für bessere Lesbarkeit */ + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0); + padding: 20px; + box-sizing: border-box; } + +.service-icon { + width: 60px; + height: 60px; + margin-bottom: 15px; } + +.service-card-title { + color: black; + /* Titel-Textfarbe auf Weiß setzen */ + margin-bottom: 10px; } + +.service-card-description { + color: black; + /* Hellgraue Farbe für den Beschreibungstext */ + font-size: 14px; } + +/* Anpassungen für Mobilgeräte */ +@media (max-width: 768px) { + .services-grid { + grid-template-columns: 1fr; + /* Eine Spalte für Mobilgeräte */ } } diff --git a/static/icons/circuit-board.svg b/static/icons/circuit-board.svg index bde7846..d0c2e54 100644 --- a/static/icons/circuit-board.svg +++ b/static/icons/circuit-board.svg @@ -1 +1,68 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/static/icons/file-badge.svg b/static/icons/file-badge.svg index d0bdf0e..1932246 100644 --- a/static/icons/file-badge.svg +++ b/static/icons/file-badge.svg @@ -1 +1,56 @@ - \ No newline at end of file + + + + + + + + + diff --git a/static/icons/hard-hat.svg b/static/icons/hard-hat.svg index 8067e52..591f6c6 100644 --- a/static/icons/hard-hat.svg +++ b/static/icons/hard-hat.svg @@ -1 +1,60 @@ - \ No newline at end of file + + + + + + + + + diff --git a/static/icons/headset.svg b/static/icons/headset.svg index 863e6d5..62ac40f 100644 --- a/static/icons/headset.svg +++ b/static/icons/headset.svg @@ -1 +1,48 @@ - \ No newline at end of file + + + + + + + diff --git a/static/icons/network.svg b/static/icons/network.svg index bb5edb6..a4fe5e8 100644 --- a/static/icons/network.svg +++ b/static/icons/network.svg @@ -1 +1,72 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/static/icons/plug-zap.svg b/static/icons/plug-zap.svg index 2bae44c..e253916 100644 --- a/static/icons/plug-zap.svg +++ b/static/icons/plug-zap.svg @@ -1 +1,61 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/static/images/services_main/Elektrotechnik.jpg b/static/images/services_main/Elektrotechnik.jpg deleted file mode 100644 index c5192ec..0000000 Binary files a/static/images/services_main/Elektrotechnik.jpg and /dev/null differ diff --git a/static/images/services_main/consulting.webp b/static/images/services_main/consulting.webp new file mode 100644 index 0000000..96cc1e9 Binary files /dev/null and b/static/images/services_main/consulting.webp differ diff --git a/static/images/services_main/dig_loes_ikt.webp b/static/images/services_main/dig_loes_ikt.webp deleted file mode 100644 index 93856d2..0000000 Binary files a/static/images/services_main/dig_loes_ikt.webp and /dev/null differ diff --git a/static/images/services_main/e-mobilitaet.webp b/static/images/services_main/e-mobilitaet.webp new file mode 100644 index 0000000..dce509c Binary files /dev/null and b/static/images/services_main/e-mobilitaet.webp differ diff --git a/static/images/services_main/elektromobilitaet.webp b/static/images/services_main/elektromobilitaet.webp deleted file mode 100644 index f05ce4d..0000000 Binary files a/static/images/services_main/elektromobilitaet.webp and /dev/null differ diff --git a/static/images/services_main/elektrotechnik.webp b/static/images/services_main/elektrotechnik.webp deleted file mode 100644 index 7e13fc0..0000000 Binary files a/static/images/services_main/elektrotechnik.webp and /dev/null differ diff --git a/static/images/services_main/energiespeicher.webp b/static/images/services_main/energiespeicher.webp new file mode 100644 index 0000000..99ca0a9 Binary files /dev/null and b/static/images/services_main/energiespeicher.webp differ diff --git a/static/images/services_main/photovoltaik.webp b/static/images/services_main/photovoltaik.webp index 45b38fd..c4f3ba4 100644 Binary files a/static/images/services_main/photovoltaik.webp and b/static/images/services_main/photovoltaik.webp differ diff --git a/static/images/services_main/planung.webp b/static/images/services_main/planung.webp new file mode 100644 index 0000000..2629678 Binary files /dev/null and b/static/images/services_main/planung.webp differ diff --git a/static/images/services_main/projektmanagement.webp b/static/images/services_main/projektmanagement.webp deleted file mode 100644 index 513e5c1..0000000 Binary files a/static/images/services_main/projektmanagement.webp and /dev/null differ diff --git a/static/images/services_main/projektmanagment.webp b/static/images/services_main/projektmanagment.webp new file mode 100644 index 0000000..1ccaa99 Binary files /dev/null and b/static/images/services_main/projektmanagment.webp differ