juli25
This commit is contained in:
parent
861bb178f1
commit
9df489d983
33 changed files with 1067 additions and 240 deletions
|
|
@ -5,9 +5,9 @@
|
|||
{{ with .Params.about }}
|
||||
{{ if .enable }}
|
||||
<section class="about section">
|
||||
<div class="container">
|
||||
<div class="custom-container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 text-right">
|
||||
<div class="col-md-4">
|
||||
<div class="person-info">
|
||||
{{ with .left_person }}
|
||||
{{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
|
||||
|
|
@ -15,13 +15,13 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 text-center">
|
||||
<div class="col-md-4">
|
||||
<div class="about-img">
|
||||
<img src="{{ .image | relURL }}" alt="Standard Image">
|
||||
<img src="{{ .hover_image | relURL }}" alt="Hover Image" class="hover-img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 text-left">
|
||||
<div class="col-md-4">
|
||||
<div class="person-info">
|
||||
{{ with .right_person }}
|
||||
{{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
|
||||
|
|
|
|||
|
|
@ -4,31 +4,72 @@
|
|||
|
||||
<section class="contact-form">
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="contact-box row justify-content-center">
|
||||
{{ with site.Params.contact.form }}{{ if .enable -}}
|
||||
<div class="row">
|
||||
<form method="POST" {{ if .use_netlify }}name="{{ printf "contact_%s" $.Language.Lang }}" action="{{ "/message_sent" | relLangURL }}" netlify netlify-honeypot="nhp"{{ else }}name="contact" action="{{ .action | safeURL }}"{{ end }}>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<div class="form-group">
|
||||
<label for="name" hidden>{{ i18n "contact_form_name" }}</label>
|
||||
<input id="name" name="name" type="text" class="form-control" placeholder="{{ i18n "contact_form_name" }}" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email" hidden>{{ i18n "contact_form_email" }}</label>
|
||||
<input id="email" name="email" type="email" autocomplete="email" class="form-control" placeholder="{{ i18n "contact_form_email" }}" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="subject" hidden>{{ i18n "contact_form_subject" }}</label>
|
||||
<input id="subject" name="subject" type="text" class="form-control" placeholder="{{ i18n "contact_form_subject" }}" required>
|
||||
</div>
|
||||
{{ if .use_netlify -}}
|
||||
<div class="form-group-h">
|
||||
<input name="nhp" type="text" class="form-control" placeholder="Are you made of flesh and bone?">
|
||||
</div>
|
||||
{{- end }}
|
||||
{{ if .use_recaptcha -}}
|
||||
<div class="form-group-h">
|
||||
<input type="hidden" id="captchaResponse" name="g-recaptcha-response">
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<div class="form-group-2">
|
||||
<label for="message" hidden>{{ i18n "contact_form_message" }}</label>
|
||||
<textarea id="message" name="message" class="form-control" rows="4" placeholder="{{ i18n "contact_form_message" }}" required></textarea>
|
||||
</div>
|
||||
<button class="btn btn-default" type="submit">{{ i18n "submit" }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{- end }}{{ end }}
|
||||
<div class="contact-box row">
|
||||
{{ with site.Params.contact -}}
|
||||
<div class="col-md-4 col-sm-12">
|
||||
<div class="block text-left">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<h2>{{ i18n "address_title" }}</h2>
|
||||
<ul class="address-block">
|
||||
{{ $add_address_descriptors := .address_descriptors }}
|
||||
{{ with site.Params.location }}<li><i class="fas fa-map-marker-alt"></i>{{ if $add_address_descriptors }}{{ i18n "location" | printf "%s: " }}{{ end }}<div>{{ . | markdownify }}</div></li>{{ end }}
|
||||
{{ with site.Params.email }}<li><i class="fas fa-envelope"></i>{{ if $add_address_descriptors }}{{ i18n "email" | printf "%s: " }}{{ end }}{{ partial "cloak_email" . }}</li>{{ end }}
|
||||
{{ with site.Params.phone }}<li><i class="fas fa-tty"></i>{{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}<div>{{ . | markdownify }}</div></li>{{ end }}
|
||||
{{ with site.Params.phone }}<li><i class="fas fa-tty"></i>{{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}{{ . }}</li>{{ end }}
|
||||
</ul>
|
||||
<ul class="social-icons">
|
||||
{{ range site.Params.social -}}
|
||||
<li><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12">
|
||||
<div class="block text-center">
|
||||
<h2>{{ i18n "social_media" }}</h2>
|
||||
<ul class="social-icons">
|
||||
{{ range site.Params.social -}}
|
||||
<li><a href="{{ .link | safeURL }}" target="_blank" rel="noopener noreferrer" class="social-icon">
|
||||
<img src="{{ .image | relURL }}" alt="{{ .title }}" style="height: 40px;">
|
||||
</a></li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
{{- end }}
|
||||
{{ if site.Params.gmap.enable -}}
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<div class="google-map">
|
||||
<div class="map" id="map" data-latitude="{{ site.Params.gmap.map_latitude }}" data-longitude="{{ site.Params.gmap.map_longitude }}" data-marker="{{ site.Params.gmap.map_marker | relURL }}" data-marker-name="{{ site.Title }}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
|
|
@ -36,9 +77,4 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Call to action -->
|
||||
{{ if .Params.cta.enable }}
|
||||
{{ partial "cta.html" . }}
|
||||
{{ end }}
|
||||
<!-- /Call to action -->
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -29,6 +29,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Titel / Content / Button -->
|
||||
<div class="block" style="display: flex; flex-direction: column; justify-content: flex-end; min-height: 10vh; padding: 1rem; box-sizing: border-box; overflow-wrap: break-word;">
|
||||
{{ with .title }}
|
||||
|
|
@ -62,38 +64,59 @@
|
|||
|
||||
|
||||
<script>
|
||||
document.addEventListener("scroll", function() {
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var scrolldown = document.querySelector('.scrolldown');
|
||||
if (window.scrollY > 100) { // Adjust this value based on when you want to hide the icon
|
||||
scrolldown.classList.add('hide');
|
||||
} else {
|
||||
scrolldown.classList.remove('hide');
|
||||
}
|
||||
scrolldown.addEventListener('click', function() {
|
||||
const serviceSection = document.getElementById('service');
|
||||
const offset = 100; // Der Offset in Pixeln
|
||||
|
||||
// Berechne die Position, zu der gescrollt werden soll
|
||||
const targetPosition = serviceSection.getBoundingClientRect().top + window.pageYOffset - offset;
|
||||
|
||||
window.scrollTo({
|
||||
top: targetPosition,
|
||||
behavior: 'smooth' // Sanftes Scrollen
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener("scroll", function() {
|
||||
if (window.scrollY > 100) {
|
||||
scrolldown.classList.add('hide');
|
||||
} else {
|
||||
scrolldown.classList.remove('hide');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div style="height: 200px;"></div>
|
||||
|
||||
<!-- whyamperion -->
|
||||
{{ if .Params.whyamperion.enable }}
|
||||
{{ partial "whyamperion.html" . }}
|
||||
{{ end }}
|
||||
<!-- /whyamperion -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- service -->
|
||||
{{ with site.GetPage "/service" }}
|
||||
{{ with .Params.service }}
|
||||
<section id="service" class="service">
|
||||
<!-- container-fluid + my-container => um beides kombinieren zu können -->
|
||||
<div class="container-fluid my-container">
|
||||
|
||||
<!-- Block mit Titel und Beschreibung -->
|
||||
<div class="service-header">
|
||||
<div class="services-title">
|
||||
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
|
||||
</div>
|
||||
<div class="services-description">
|
||||
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
|
||||
</div>
|
||||
|
||||
<!-- CSS-Grid/Flexbox-Bereich mit den Bildern -->
|
||||
<div class="service-grid">
|
||||
{{ range first 9 .service_item }}
|
||||
{{ range first 3 .service_item }} <!-- Hier nur die ersten 3 Elemente nehmen -->
|
||||
<div class="service-item-fixed">
|
||||
<div class="zoom-wrap">
|
||||
<a href="{{ .link | relURL }}">
|
||||
|
|
@ -107,83 +130,77 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
</div><!-- /service-grid -->
|
||||
|
||||
</div><!-- /container-fluid.my-container -->
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /service -->
|
||||
<div style="height: 100px;"></div>
|
||||
<!-- why-amperion -->
|
||||
{{ with site.GetPage "/why-amperion" }}
|
||||
<section id="why-amperion" class="why-amperion">
|
||||
<div class="my-container">
|
||||
<!-- Überschriften (zentriert) -->
|
||||
<div class="section-title1 text-center">
|
||||
{{ with .Params.icon }}
|
||||
<img src="{{ . | relURL }}" alt="Icon" class="title-icon1">
|
||||
{{ end }}
|
||||
{{ with .Title }}
|
||||
<h2 class="why-title1">{{ . | markdownify }}</h2>
|
||||
|
||||
<!-- service -->
|
||||
{{ with site.GetPage "/focustopic" }} <!-- Hier den Pfad zur service2.md anpassen -->
|
||||
{{ with .Params.service }}
|
||||
<section id="service" class="service">
|
||||
<div class="container-fluid my-container">
|
||||
<div class="services-title">
|
||||
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
|
||||
</div>
|
||||
<div class="services-description">
|
||||
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
|
||||
</div>
|
||||
<div class="service-grid">
|
||||
{{ range first 3 .service_item }}
|
||||
<div class="service-item-fixed">
|
||||
<div class="zoom-wrap">
|
||||
<a href="{{ .link | relURL }}">
|
||||
<img src="{{ .picture | relURL }}" alt="{{ .name }}">
|
||||
<div class="overlay-text">
|
||||
{{ .name }}
|
||||
</div>
|
||||
<div class="overlay"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{ with .Params.subtitle }}
|
||||
<h3 class="why-subtitle text-center">{{ . | markdownify }}</h3>
|
||||
{{ end }}
|
||||
|
||||
<div style="height: 50px;"></div>
|
||||
|
||||
|
||||
<div class="row align-items-center">
|
||||
<!-- Linke Spalte: drei Themen-Blocks -->
|
||||
<div class="col-md-4">
|
||||
{{ range .Params.left_blocks }}
|
||||
<div class="why-block text-right">
|
||||
|
||||
<div class="row icon-heading">
|
||||
<div class="col-md-10">
|
||||
<h4 class="text-right">{{ .heading | markdownify }}</h4>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="{{ .icon | relURL }}" alt="{{ .heading }}" class="why-icon1">
|
||||
</div>
|
||||
</div>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<!-- Mittlere Spalte: Logo -->
|
||||
<div class="col-md-4 text-center">
|
||||
<img src="{{ .Params.middle_image | relURL }}" alt="Amperion Logo" class="why-logo">
|
||||
</div>
|
||||
|
||||
<!-- Rechte Spalte: drei Themen-Blocks -->
|
||||
<div class="col-md-4 text-left">
|
||||
{{ range .Params.right_blocks }}
|
||||
<div class="why-block text-left">
|
||||
|
||||
<div class="row icon-heading">
|
||||
<div class="col-md-2">
|
||||
<img src="{{ .icon | relURL }}" alt="{{ .heading }}" class="why-icon1">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<h4 class="text-left">{{ .heading | markdownify }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div> <!-- /row -->
|
||||
</div> <!-- /my-container -->
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
<!-- /why-amperion -->
|
||||
{{ end }}
|
||||
<!-- /service -->
|
||||
|
||||
<div style="height: 100px;"></div>
|
||||
|
||||
<!-- Include the new services section -->
|
||||
|
||||
{{ with site.GetPage "/why-amperion" }}
|
||||
<section class="services-section">
|
||||
<h2 class="services-title">{{ .Params.service.title | default "OUR SERVICES" }}</h2>
|
||||
<h3 class="services-description">{{ .Params.service.description | default "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts." | markdownify }}</h3>
|
||||
<div class="services-grid">
|
||||
{{ range first 6 .Params.featured_service.service_item }}
|
||||
<div class="service-card">
|
||||
<img src="{{ .image | relURL }}" alt="{{ .name }}" class="service-icon">
|
||||
<h3 class="service-card-title">{{ .name }}</h3>
|
||||
<p class="service-card-description"><strong>{{ .content1 | markdownify }}</strong> {{ .content | markdownify }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
||||
<div style="height: 100px;"></div>
|
||||
|
||||
|
||||
|
||||
{{ if .Params.contact.enable }}
|
||||
{{ partial "cta.html" . }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- about -->
|
||||
{{ with .Params.about }}
|
||||
{{ if .enable }}
|
||||
|
|
@ -191,10 +208,13 @@
|
|||
<div class="my-container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<div class="section-title">
|
||||
<div class="services-title">
|
||||
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
|
||||
</div>
|
||||
<div class="services-description">
|
||||
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
|
||||
</div>
|
||||
|
||||
<div style="height: 20px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -296,9 +316,4 @@
|
|||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{{ end }}
|
||||
47
layouts/partials/serviceneu.html
Normal file
47
layouts/partials/serviceneu.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
{{ with .Params.about }}
|
||||
{{ if .enable }}
|
||||
<section class="service-about section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
|
||||
{{ with .content }}<div class="mt-30">{{ . | $.Page.RenderString (dict "display" "block") }}</div>{{ end }}
|
||||
</div>
|
||||
{{ with .image -}}
|
||||
<div class="col-md-6">
|
||||
<img class="img-responsive" src="{{ . | relURL }}">
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ with .Params.featured_service }}
|
||||
{{ if .enable }}
|
||||
<section class="service-arrow">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
{{ range .service_item }}
|
||||
<div class="col-md-4 bg-primary bg-{{ .color }} no-float">
|
||||
<div class="block">
|
||||
<i class="{{ .icon }}"></i>
|
||||
{{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
|
||||
{{ with .content }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
||||
{{ end }}
|
||||
Loading…
Add table
Add a link
Reference in a new issue