Init
This commit is contained in:
95
themes/agico-hugo/layouts/_default/about.html
Normal file
95
themes/agico-hugo/layouts/_default/about.html
Normal file
@@ -0,0 +1,95 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{"<!-- overons -->" | safeHTML }}
|
||||
{{ with .Params.about }}
|
||||
{{ if .enable }}
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- <div class="col-md-6 pe-lg-4 mb-4 mb-md-0">
|
||||
<div class="position-relative" data-aos="fade-right">
|
||||
{{ partial "image.html" (dict "Src" .video_bg_image "Alt" "videoThumbBg" "Class" `rounded-sm` ) }}
|
||||
{{ if and .video_thumbnail }}
|
||||
<div class="floating-video {{ if .video_link }}overlay{{end}} rounded-sm">
|
||||
{{ partial "image.html" (dict "Src" .video_thumbnail "Alt" "video-thumb" "Class" `rounded-sm` ) }}
|
||||
{{ if .video_link }}
|
||||
<div class="pulse-container">
|
||||
<div class="pulse-box">
|
||||
<button class="play-icon icon-center" video-url="{{.video_link}}" data-bs-toggle="modal"
|
||||
data-bs-target="#videoModal" aria-label="open video modal">
|
||||
<i class="fa fa-play text-secondary fs-5"></i>
|
||||
<svg class="pulse-svg icon-center" viewBox="0 0 50 50" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<circle class="circle first-circle" fill="#fff" cx="25" cy="25" r="25"></circle>
|
||||
<circle class="circle second-circle" fill="#fff" cx="25" cy="25" r="25"></circle>
|
||||
<circle class="circle third-circle" fill="#fff" cx="25" cy="25" r="25"></circle>
|
||||
<circle class="circle" fill="#fff" cx="25" cy="25" r="25"></circle>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="col-md-6 align-self-center ps-lg-4">
|
||||
<h2 class="section-title" data-aos="fade-up" data-aos-delay="200">{{ .title }}</h2>
|
||||
<p class="subtitle" data-aos="fade-up" data-aos-delay="400">{{ .subtitle }}</p>
|
||||
<p data-aos="fade-up" data-aos-delay="600">{{ .content | markdownify }}</p>
|
||||
{{ if .button.enable }}
|
||||
{{ with .button }}
|
||||
<a class="btn btn-primary btn-dark" href="{{ .link | absLangURL }}" data-aos="fade-up" data-aos-delay="800">{{
|
||||
.label
|
||||
}}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" tabindex="-1" id="videoModal">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<button class="modal-close" data-bs-dismiss="modal" aria-label="close modal"><i class="fa fa-times"></i></button>
|
||||
<iframe class="" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" type="text/html"
|
||||
src="">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{"<!-- overons -->" | safeHTML }}
|
||||
|
||||
{{"<!-- counter -->" | safeHTML }}
|
||||
{{ with .Params.funfacts }}
|
||||
{{ if .enable }}
|
||||
<section class="bg-light py-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-around gy-4">
|
||||
{{ range .funfact_item }}
|
||||
<div class="col-sm-6 col-md-4 col-lg-3 mb-4 mb-md-0 text-center">
|
||||
<p class="h2 fw-light text-dark"><span class="counter" data-counter-time="2500">{{ .count }}</span>+</p>
|
||||
<h6 class="text-dark fw-normal">{{ .name }}</h6>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{"<!-- counter -->" | safeHTML }}
|
||||
|
||||
{{ if .Params.service.enable }}
|
||||
{{ with site.GetPage (string .Params.service.section)}}
|
||||
{{ partial "components/services.html" . }}
|
||||
<div class="section pt-0"></div>
|
||||
{{ end }}
|
||||
{{else}}
|
||||
<div class="section-lg-bottom"></div>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
54
themes/agico-hugo/layouts/_default/baseof.html
Executable file
54
themes/agico-hugo/layouts/_default/baseof.html
Executable file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.LanguageCode | default `en-US` }}"
|
||||
lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}" itemscope itemtype=" http://schema.org/WebPage">
|
||||
|
||||
<head>
|
||||
<!-- head (don't cache it) -->
|
||||
{{ partial "essential/head.html" . }}
|
||||
|
||||
|
||||
<!-- cache partial only in production -->
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ partialCached "essential/style.html" . }}
|
||||
{{ else }}
|
||||
{{ partial "essential/style.html" . }}
|
||||
{{ end }}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ partial "page-transition.html" . }}
|
||||
|
||||
<!-- cache partial only in production -->
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ partialCached "preloader.html" . }}
|
||||
{{ else }}
|
||||
{{ partial "preloader.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if not .IsHome }}
|
||||
{{ partial "components/page-header.html" . }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<!-- header (don't cache it) -->
|
||||
{{ partial "essential/header.html" . }}
|
||||
|
||||
|
||||
<main>
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
|
||||
<!-- cache partial only in production -->
|
||||
{{ if hugo.IsProduction }}
|
||||
|
||||
{{ partialCached "components/subscription.html" . }}
|
||||
{{ partialCached "essential/footer.html" . }}
|
||||
{{ partialCached "essential/script.html" . }}
|
||||
{{ else }}
|
||||
{{ partial "components/subscription.html" . }}
|
||||
{{ partial "essential/footer.html" . }}
|
||||
{{ partial "essential/script.html" . }}
|
||||
{{ end }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
100
themes/agico-hugo/layouts/_default/contact.html
Normal file
100
themes/agico-hugo/layouts/_default/contact.html
Normal file
@@ -0,0 +1,100 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<!--
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
{{ with site.Params.google_map }}
|
||||
{{ if .enable }}
|
||||
<div class="col-lg-8 mb-5 mb-lg-0 overflow-hidden">
|
||||
<iframe class="rounded-3" style="min-height:100%;width:100%;" frameborder="0" src="{{.embed_url}}"></iframe>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="p-5 rounded-xs shadow">
|
||||
<h3 class="text-dark border-bottom mb-5 pb-4">{{ i18n "keep_in_touch" }}</h3>
|
||||
<ul class="list-unstyled">
|
||||
{{ with site.Params.contact_info.mobile }}
|
||||
<li class="d-flex mb-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<i class="fa fa-phone icon-primary"></i>
|
||||
<div class="ps-3">
|
||||
<h6 class="text-dark">Mobile</h6>
|
||||
<p>{{ . | markdownify }}</p>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ with site.Params.contact_info.email }}
|
||||
<li class="d-flex mb-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<i class="fas fa-envelope icon-primary"></i>
|
||||
<div class="ps-3">
|
||||
<h6 class="text-dark">Email</h6>
|
||||
<div class="content">{{ . | markdownify }}</div>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ with site.Params.contact_info.address }}
|
||||
<li class="d-flex mb-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<i class="fas fa-map icon-primary"></i>
|
||||
<div class="ps-3">
|
||||
<h6 class="text-dark">Address</h6>
|
||||
<p>{{ . | markdownify }}</p>
|
||||
</div>
|
||||
</li>
|
||||
{{end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
-->
|
||||
|
||||
<section class="section section-lg-bottom bg-light">
|
||||
<div class="container text-center">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<form id="leadcapture-form" class="row">
|
||||
<div class="col-lg-6">
|
||||
<input type="text" name="firstName" class="form-control mb-4" placeholder="Voornaam">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="text" name="lastName" class="form-control mb-4" placeholder="Achternaam *" required>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="email" name="emailAddress" class="form-control mb-4" placeholder="E-mail *" required>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="text" name="phoneNumber" class="form-control mb-4" placeholder="Telefoon">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<textarea name="description" class="form-control mb-4" placeholder="Bericht *" required></textarea>
|
||||
</div>
|
||||
|
||||
<div style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;">
|
||||
<label for="company">Bedrijfsnaam</label>
|
||||
<input type="text" id="company" name="company" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">{{ i18n "submit_now"}}</button>
|
||||
</div>
|
||||
|
||||
<div class="col-12 mt-2">
|
||||
<p id="leadcapture-status" class="text-success" hidden>Bedankt! We nemen zo spoedig mogelijk contact op.</p>
|
||||
<p id="leadcapture-error" class="text-danger" hidden>Er ging iets mis. Probeer het opnieuw.</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ if site.Params.google_map.enable }}
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key={{site.Params.google_map.gmap_api}}&libraries=places"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
6
themes/agico-hugo/layouts/_default/index.json
Executable file
6
themes/agico-hugo/layouts/_default/index.json
Executable file
@@ -0,0 +1,6 @@
|
||||
{{- $.Scratch.Add "index" slice -}}
|
||||
{{- range where site.RegularPages "Section" "in" site.Params.mainSections -}}
|
||||
{{ $date:= .PublishDate.Format "02"}}
|
||||
{{- $.Scratch.Add "index" (dict "title" .Title "date" $date "tags" .Params.tags "image" .Params.image "categories" .Params.categories "contents" .Plain "permalink" .Permalink) -}}
|
||||
{{- end -}}
|
||||
{{- $.Scratch.Get "index" | jsonify -}}
|
||||
151
themes/agico-hugo/layouts/_default/list.html
Executable file
151
themes/agico-hugo/layouts/_default/list.html
Executable file
@@ -0,0 +1,151 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<!-- checking blog -->
|
||||
{{ if or (eq .Section "post") (eq .Section "posts") (eq .Section "blog") (eq .Section "blogs") (eq .Section "nieuws") (eq .Section "categories") (eq .Section "tags") }}
|
||||
<section class="section section-lg-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="row">
|
||||
{{ $paginator := .Paginate .Data.Pages }}
|
||||
{{ range $paginator.Pages }}
|
||||
{{ "<!-- blog post -->" | safeHTML }}
|
||||
<div class="col-md-6 mb-4">
|
||||
<article class="card border-0 shadow px-2 rounded-lg">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ partial "image.html" (dict "Src" .Params.Image "Alt" "post thumb" "Class" `card-img-top rounded-top-lg`) }}
|
||||
</a>
|
||||
|
||||
<div class="card-body px-4">
|
||||
<p>{{ .PublishDate.Format "Jan 02, 2006" }}</p>
|
||||
<h5 class="lh-base">
|
||||
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h5>
|
||||
|
||||
{{/* Description met fallback naar Summary */}}
|
||||
{{ $desc := .Description }}
|
||||
{{ if not $desc }}
|
||||
{{ $desc = .Summary }}
|
||||
{{ end }}
|
||||
{{ with $desc }}
|
||||
<p class="card-text text-muted mb-0">
|
||||
{{ . | plainify | truncate 160 }}
|
||||
</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{"<!-- pagination -->" | safeHTML }}
|
||||
<div class="col-12 mt-5">
|
||||
{{ $paginator := .Paginator }}
|
||||
<!-- Number of links either side of the current page. -->
|
||||
{{ $adjacent_links := 2 }}
|
||||
<!-- $max_links = ($adjacent_links * 2) + 1 -->
|
||||
{{ $max_links := (add (mul $adjacent_links 2) 1) }}
|
||||
<!-- $lower_limit = $adjacent_links + 1 -->
|
||||
{{ $lower_limit := (add $adjacent_links 1) }}
|
||||
<!-- $upper_limit = $paginator.TotalPages - $adjacent_links -->
|
||||
{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
|
||||
<!-- If there's more than one page. -->
|
||||
{{ if gt $paginator.TotalPages 1 }}
|
||||
<nav aria-label="Page navigation">
|
||||
<ul class="pagination justify-content-center">
|
||||
<!-- First page. -->
|
||||
{{ if ne $paginator.PageNumber 1 }}
|
||||
<li class="page-item">
|
||||
<a class="page-link hover-ripple" href="{{ $paginator.First.URL }}">
|
||||
««
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
<!-- Previous page. -->
|
||||
{{ if $paginator.HasPrev }}
|
||||
<li class="page-item">
|
||||
<a href="{{ $paginator.Prev.URL }}" class="page-link hover-ripple">
|
||||
«
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
<!-- Page numbers. -->
|
||||
{{ range $paginator.Pagers }}
|
||||
{{ $.Scratch.Set "page_number_flag" false }}
|
||||
<!-- Advanced page numbers. -->
|
||||
{{ if gt $paginator.TotalPages $max_links }}
|
||||
<!-- Lower limit pages. -->
|
||||
<!-- If the user is on a page which is in the lower limit. -->
|
||||
{{ if le $paginator.PageNumber $lower_limit }}
|
||||
<!-- If the current loop page is less than max_links. -->
|
||||
{{ if le .PageNumber $max_links }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
<!-- Upper limit pages. -->
|
||||
<!-- If the user is on a page which is in the upper limit. -->
|
||||
{{ else if ge $paginator.PageNumber $upper_limit }}
|
||||
<!-- If the current loop page is greater than total pages minus $max_links -->
|
||||
{{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
<!-- Middle pages. -->
|
||||
{{ else }}
|
||||
{{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Simple page numbers. -->
|
||||
{{ else }}
|
||||
{{ $.Scratch.Set "page_number_flag" true }}
|
||||
{{ end }}
|
||||
<!-- Output page numbers. -->
|
||||
{{ if eq ($.Scratch.Get "page_number_flag") true }}
|
||||
<li class="page-item{{ if eq . $paginator }} page-item active {{ end }}">
|
||||
<a href="{{ .URL }}" class="page-link hover-ripple">
|
||||
{{ .PageNumber }}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- Next page. -->
|
||||
{{ if $paginator.HasNext }}
|
||||
<li class="page-item">
|
||||
<a href="{{ $paginator.Next.URL }}" class="page-link hover-ripple">
|
||||
»
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
<!-- Last page. -->
|
||||
{{ if ne $paginator.PageNumber $paginator.TotalPages }}
|
||||
<li class="page-item">
|
||||
<a class="page-link hover-ripple" href="{{ $paginator.Last.URL }}">
|
||||
»»
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{"<!-- /pagination -->" | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
{{ partial "components/sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ else }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
{{.Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
36
themes/agico-hugo/layouts/_default/pricing.html
Normal file
36
themes/agico-hugo/layouts/_default/pricing.html
Normal file
@@ -0,0 +1,36 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{"<!-- pricing -->"| safeHTML}}
|
||||
<section class="section section-lg-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ with .Params.pricing }}
|
||||
<!-- <div class="col-lg-12 text-center">
|
||||
<h2 class="section-title" data-aos="fade-up" data-aos-delay="100">{{ .title }}</h2>
|
||||
<p class="subtitle" data-aos="fade-up">{{ .subtitle }}</p>
|
||||
</div> -->
|
||||
{{ end }}
|
||||
|
||||
{{ range $index, $element:= .Params.pricing.pricing_table }}
|
||||
{{ $delay := mul $index 200}}
|
||||
<div class="col-lg-6 col-md-6 mb-lg-0 mb-4 px-4" data-aos="fade-up" data-aos-delay="{{$delay}}">
|
||||
<div class="pricing-table position-relative text-left px-4 py-5 rounded-lg shadow transition bg-white">
|
||||
<h3 class="mb-4 fw-normal"><b>{{ .title }}</b></h3>
|
||||
<div class="h4">{{ .price }}<span class="paragraph text-lowercase"> {{ .unit }}</span></div>
|
||||
<span class="badge badge-pill badge-light fw-medium mb-3 py-1 rounded-4 px-4 mb-4 d-inline-block">{{ .description }}</span>
|
||||
<hr>
|
||||
<ul class="list-unstyled my-4">
|
||||
{{ range .services }}
|
||||
<li class="my-3">{{ . | markdownify }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<a href="{{ .link | safeURL }}" class="btn btn-primary">Meer informatie</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{"<!-- pricing -->"| safeHTML}}
|
||||
|
||||
{{ end }}
|
||||
86
themes/agico-hugo/layouts/_default/product.html
Normal file
86
themes/agico-hugo/layouts/_default/product.html
Normal file
@@ -0,0 +1,86 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section section-lg-bottom">
|
||||
<div class="container">
|
||||
|
||||
{{ range $idx, $tbl := .Params.pricing_tables }}
|
||||
|
||||
{{ $odd := eq (mod $idx 2) 1 }}
|
||||
{{ $textOrderLg := cond $odd "order-lg-1" "order-lg-2" }}
|
||||
{{ $tableOrderLg := cond $odd "order-lg-2" "order-lg-1" }}
|
||||
{{ $delay := mul (add $idx 1) 100 }}
|
||||
{{ $textAOS := cond $odd "fade-right" "fade-left" }}
|
||||
{{ $tableAOS := "fade-up" }}
|
||||
|
||||
<div class="row justify-content-center align-items-start mb-5 g-8">
|
||||
|
||||
{{/* --------- TEKSTKOLOM (altijd boven op mobiel) --------- */}}
|
||||
<div class="col-lg-7 col-md-12 col-sm-12 p-sm-4 px-lg-6 order-1 {{ $textOrderLg }}"
|
||||
data-aos="{{ $textAOS }}" data-aos-delay="{{ $delay }}">
|
||||
{{ range $tbl.pricing_table_info }}
|
||||
{{ with .header }}
|
||||
{{ partial "image.html" (dict
|
||||
"Src" .
|
||||
"Alt" (printf "Logo %s" $.Page.Title)
|
||||
"Class" "img-fluid mb-3 logo-header img-product"
|
||||
) }}
|
||||
{{ end }}
|
||||
{{ with .subheader }}
|
||||
<h4 class="mt-2 {{ $textOrderLg }}" data-aos="{{ $textAOS }}" data-aos-delay="{{ $delay }}">{{ . }}</h4>
|
||||
{{ end }}
|
||||
|
||||
{{ with .text }}
|
||||
<p class="{{ $textOrderLg }}" data-aos="{{ $textAOS }}" data-aos-delay="{{ $delay }}">{{ . | markdownify }}</p>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
{{/* --------- TABELKOLOM (altijd onder op mobiel) --------- */}}
|
||||
<div class="col-lg-5 col-md-12 col-sm-12 my-4 order-2 {{ $tableOrderLg }}" data-aos="{{ $tableAOS }}" data-aos-delay="{{ $delay }}">
|
||||
<table class="pricing-table shadow-lg" style="width: 100%;">
|
||||
<tbody>
|
||||
|
||||
{{/* PRIJS-REEKS (bovenste rij met kolommen) */}}
|
||||
<tr>
|
||||
{{ range $tbl.pricing_table_info }}
|
||||
<td>
|
||||
{{ with .price }}<h6>{{ . | markdownify }}</h6>{{ end }}
|
||||
{{ with .content }}<h6>{{ . | markdownify }}</h6>{{ end }}
|
||||
{{ with .info }}<small>{{ . | markdownify }}</small>{{ end }}
|
||||
</td>
|
||||
{{ end }}
|
||||
</tr>
|
||||
|
||||
{{/* BODY-REEKSEN */}}
|
||||
{{ range $tbl.pricing_table_data }}
|
||||
<tr>
|
||||
{{ range .table_row }}
|
||||
<td style="width:60%;">
|
||||
<div>
|
||||
{{ with .icon }}<i class="{{ . }}"></i>{{ end }}
|
||||
{{ with .price }}<span class="d-flex align-items-center">{{ . }}</span>{{ end }}
|
||||
<p><b>{{ .product | markdownify }}</b></p>
|
||||
{{ with .info }}<small>{{ . | markdownify }}</small>{{ end }}
|
||||
</div>
|
||||
</td>
|
||||
{{ end }}
|
||||
</tr>
|
||||
{{ end }}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<!-- <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="col-lg-8 col-md-8 col-sm-12 mb-40">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
145
themes/agico-hugo/layouts/_default/quote.html
Normal file
145
themes/agico-hugo/layouts/_default/quote.html
Normal file
@@ -0,0 +1,145 @@
|
||||
{{ define "main" }}
|
||||
<section class="section section-lg-bottom bg-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 mx-auto">
|
||||
<form id="leadcapture-form" class="row">
|
||||
<div class="col-lg-6">
|
||||
<input type="text" name="firstName" class="form-control mb-4" placeholder="Voornaam">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="text" name="lastName" class="form-control mb-4" placeholder="Achternaam *" required>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="email" name="emailAddress" class="form-control mb-4" placeholder="E-mail *" required>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="text" name="phoneNumber" class="form-control mb-4" placeholder="Telefoon">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<textarea name="description" class="form-control mb-4" placeholder="Bericht *" required></textarea>
|
||||
</div>
|
||||
|
||||
<div style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;">
|
||||
<label for="company">Bedrijfsnaam</label>
|
||||
<input type="text" id="company" name="company" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<hr>
|
||||
<h5>Prijsberekening (schatting)</h5>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<label for="pages" class="form-label">Aantal pagina's</label>
|
||||
<input type="number" id="pages" name="pages" class="form-control mb-3" value="1" min="0" step="1">
|
||||
<small class="text-muted">Prijs per pagina: €50</small>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<label for="websiteType" class="form-label">Website type</label>
|
||||
<select id="websiteType" name="websiteType" class="form-select mb-3">
|
||||
<option value="800">HUGO — €800</option>
|
||||
<option value="1150" selected>Wordpress — €1150</option>
|
||||
<option value="2350">Shopify — €2350</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<label class="form-label d-block">Extra modules</label>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input calc-extra" type="checkbox" value="300" id="extraBlog" name="extraBlog">
|
||||
<label class="form-check-label" for="extraBlog">Blog — €100</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input calc-extra" type="checkbox" value="100" id="extraContact" name="extraContact">
|
||||
<label class="form-check-label" for="extraContact">Extra contactformulier — €100</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input calc-extra" type="checkbox" value="400" id="extraWebshopPayment" name="extraWebshopPayment">
|
||||
<label class="form-check-label" for="extraWebshopPayment">Webshop — €400</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 mt-3 d-flex">
|
||||
<button type="button" id="calculate" class="btn btn-outline-primary me-3">Bereken totaal</button>
|
||||
<p class="mb-0">Totaal: <strong>€<span id="total">0</span></strong></p>
|
||||
</div>
|
||||
|
||||
<!-- Verborgen input zodat backend het totaal krijgt bij submit -->
|
||||
<input type="hidden" name="estimatedTotal" id="estimatedTotal" value="0">
|
||||
|
||||
<!-- -------- einde calculator -------- -->
|
||||
|
||||
<div class="col-12 mt-4">
|
||||
<button type="submit" class="btn btn-primary">{{ i18n "submit_now"}}</button>
|
||||
</div>
|
||||
|
||||
<div class="col-12 mt-2">
|
||||
<p id="leadcapture-status" class="text-success" hidden>Bedankt! We nemen zo spoedig mogelijk contact op.</p>
|
||||
<p id="leadcapture-error" class="text-danger" hidden>Er ging iets mis. Probeer het opnieuw.</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
const pagesEl = document.getElementById('pages');
|
||||
const websiteTypeEl = document.getElementById('websiteType');
|
||||
const extrasEls = document.querySelectorAll('.calc-extra');
|
||||
const totalEl = document.getElementById('total');
|
||||
const hiddenTotalEl = document.getElementById('estimatedTotal');
|
||||
const calculateBtn = document.getElementById('calculate');
|
||||
const form = document.getElementById('leadcapture-form');
|
||||
|
||||
function toIntSafe(value) {
|
||||
const s = String(value).replace(/[^\d\-]/g, '');
|
||||
const n = parseInt(s, 10);
|
||||
return Number.isNaN(n) ? 0 : n;
|
||||
}
|
||||
|
||||
function computeTotal() {
|
||||
const pages = toIntSafe(pagesEl.value);
|
||||
const websiteBase = toIntSafe(websiteTypeEl.value);
|
||||
|
||||
let extrasSum = 0;
|
||||
extrasEls.forEach(el => {
|
||||
if (el.checked) {
|
||||
extrasSum += toIntSafe(el.value);
|
||||
}
|
||||
});
|
||||
|
||||
const total = websiteBase + (pages * pricePerPage) + extrasSum;
|
||||
return total;
|
||||
}
|
||||
|
||||
function updateUI(total) {
|
||||
totalEl.textContent = total;
|
||||
hiddenTotalEl.value = total;
|
||||
}
|
||||
|
||||
[pagesEl, websiteTypeEl].forEach(el => el.addEventListener('input', () => updateUI(computeTotal())));
|
||||
extrasEls.forEach(el => el.addEventListener('change', () => updateUI(computeTotal())));
|
||||
calculateBtn.addEventListener('click', () => updateUI(computeTotal()));
|
||||
|
||||
// Initial render
|
||||
updateUI(computeTotal());
|
||||
|
||||
form.addEventListener('submit', function (ev) {
|
||||
const honeypot = document.getElementById('company').value;
|
||||
if (honeypot && honeypot.trim() !== '') {
|
||||
// vermoedelijke bot — blokkeer submit
|
||||
ev.preventDefault();
|
||||
// toon fout (optioneel)
|
||||
document.getElementById('leadcapture-error').hidden = false;
|
||||
document.getElementById('leadcapture-status').hidden = true;
|
||||
return;
|
||||
}
|
||||
hiddenTotalEl.value = computeTotal();
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
{{ end }}
|
||||
31
themes/agico-hugo/layouts/_default/search.html
Normal file
31
themes/agico-hugo/layouts/_default/search.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{{ define "main" }}
|
||||
<section class="section section-lg-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="row" id="search-results"></div>
|
||||
<script id="search-result-template" type="text/x-js-template">
|
||||
<div class="col-md-6 mb-4">
|
||||
<article class="card border-0 p-3 shadow rounded-lg" id="summary-${key}">
|
||||
<div class="card-body">
|
||||
<h4><a class="text-dark" href="${link}">${title}</a></h4>
|
||||
<p class="card-date">{{ .PublishDate.Format "Jan 02, 2006" }}</p>
|
||||
<p>${snippet}</p>
|
||||
${ isset tags }<p class="mb-1">Tags: ${tags}</p>${ end }
|
||||
${ isset categories }<p class="mb-0">Categories: ${categories}</p>${ end }
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
|
||||
{{ partial "components/sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Search index -->
|
||||
<script>
|
||||
var indexURL = {{ "index.json" | relLangURL}}
|
||||
</script>
|
||||
{{ end }}
|
||||
36
themes/agico-hugo/layouts/_default/service.html
Normal file
36
themes/agico-hugo/layouts/_default/service.html
Normal file
@@ -0,0 +1,36 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "components/services.html" . }}
|
||||
|
||||
{{"<!-- features -->"| safeHTML}}
|
||||
{{ if .Params.feature.enable }}
|
||||
{{ with .Params.feature }}
|
||||
<section class="bg-light section section-lg-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<p class="subtitle" data-aos="fade-up">{{ .subtitle }}</p>
|
||||
<h2 class="section-title" data-aos="fade-up" data-aos-delay="200">{{ .title }}</h2>
|
||||
</div>
|
||||
{{ range $index, $element:= .feature_item }}
|
||||
{{ $delay := mul $index 100}}
|
||||
<div class="col-lg-4 col-md-6 mb-4 mb-lg-0" data-aos="fade-up" data-aos-delay="{{$delay}}">
|
||||
<div class="text-center shadow card py-3 border-0 rounded-sm">
|
||||
<div class="card-body">
|
||||
<i class="icon-lg icon-bg-square mb-3 d-inline-block icon-{{.icon_color}}">
|
||||
<i class="{{ .icon }}"></i>
|
||||
</i>
|
||||
<h4 class="mb-3">{{ .title }}</h4>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{"<!-- /features -->"| safeHTML}}
|
||||
|
||||
{{ end }}
|
||||
55
themes/agico-hugo/layouts/_default/single.html
Executable file
55
themes/agico-hugo/layouts/_default/single.html
Executable file
@@ -0,0 +1,55 @@
|
||||
{{ define "main" }}
|
||||
|
||||
|
||||
<!-- checking blog -->
|
||||
{{ if or (eq .Section "post") (eq .Section "posts") (eq .Section "blog") (eq .Section "blogs") (eq .Section "nieuws") (eq .Section "categories") (eq .Section "tags") }}
|
||||
<section class="section section-lg-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 rounded-sm pe-5">
|
||||
<!-- {{ partial "image.html" (dict "Src" .Params.Image "Alt" "post-thumb" "Class" "rounded-sm w-100 mb-2" "Size" "990x") }} -->
|
||||
<p class="text-color position-relative d-inline-block"><span
|
||||
class="text fw-bold">{{ .Params.Author }}</span> / <span
|
||||
class="text fw-bold">{{ .PublishDate.Format "Jan 02, 2006" }}</span></p>
|
||||
<div class="content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<!--
|
||||
<div class="my-5">
|
||||
<h5 class="d-inline-block me-3">Deel bericht:</h5>
|
||||
<ul class="list-inline d-inline-block">
|
||||
{{ $url := printf "%s" .Permalink | absLangURL }}
|
||||
<li class="list-inline-item"><a href="https://facebook.com/sharer/sharer.php?u={{ $url }}" class="text-color lead"><i class="fab fa-facebook "></i></a></li>
|
||||
<li class="list-inline-item"><a href="https://twitter.com/intent/tweet/?text={{ .Title }}&url={{ $url }}" class="text-color lead"><i class="fab fa-twitter "></i></a></li>
|
||||
<li class="list-inline-item"><a href="https://reddit.com/submit/?url={{ $url }}&resubmit=true&title={{ .Title }}" class="text-color lead"><i class="fab fa-reddit "></i></a></li>
|
||||
<li class="list-inline-item"><a href="whatsapp://send?text={{ .Title }}%20{{ $url }}" class="text-color lead"><i class="fab fa-whatsapp "></i></a></li>
|
||||
<li class="list-inline-item"><a href="https://telegram.me/share/url?text={{ .Title }}&url={{ $url }}" class="text-color lead"><i class="fab fa-telegram "></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
-->
|
||||
<!-- comments -->
|
||||
<!-- {{ if site.Config.Services.Disqus.Shortname }}
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
{{ end }} -->
|
||||
</div>
|
||||
{{ partial "components/sidebar.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ else }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
{{.Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
30
themes/agico-hugo/layouts/_default/team.html
Normal file
30
themes/agico-hugo/layouts/_default/team.html
Normal file
@@ -0,0 +1,30 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{"<!-- team -->" | safeHTML}}
|
||||
<section class="section section-lg-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range $index, $element:= .Params.team_member }}
|
||||
{{ $delay := mul $index 200}}
|
||||
{{"<!-- team member -->" | safeHTML}}
|
||||
<div class="col-lg-4 col-md-6 mb-5" data-aos="fade-up" data-aos-delay="{{$delay}}">
|
||||
<div class="team-member text-center">
|
||||
{{ partial "image.html" (dict "Src" .image "Alt" .name "Class" "w-100 rounded-sm" "Size" "450x") }}
|
||||
<div class="team-member-content p-4">
|
||||
<h5 class="team-member-name text-white">{{.name}}</h5>
|
||||
<p class="team-member-designation text-light">{{ .designation }}</p>
|
||||
<ul class="list-inline team-member-social">
|
||||
{{ range .social }}
|
||||
<li class="list-inline-item"><a href="{{.link | safeURL }}" class="p-2"><i class="{{ .icon }} text-white"></i></a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{"<!-- /team -->" | safeHTML}}
|
||||
|
||||
{{ end }}
|
||||
2
themes/agico-hugo/layouts/_default/terms.html
Normal file
2
themes/agico-hugo/layouts/_default/terms.html
Normal file
@@ -0,0 +1,2 @@
|
||||
<!-- Redirect to homepage -->
|
||||
<script>window.location.replace("{{ site.BaseURL | relLangURL }}");</script>
|
||||
Reference in New Issue
Block a user