section und columns shortcodes implementiert

This commit is contained in:
Andreas Hnida 2024-02-19 11:50:55 +00:00
commit 75f3cc4b06
11 changed files with 121 additions and 105 deletions

View file

@ -1,5 +1,6 @@
{{/* Home Template File */}}
{{ define "main" }}
{{ .Content }}
<!-- Hero Slider -->
<section class="hero-slider h-screen md:h-[750px]">
<div class="verua-slider-wrapper">
@ -55,7 +56,7 @@
<section class="lg:container lg:mx-auto relative flex flex-col justify-between items-center lg:flex-row lg:items-center lg:-mt-[250px]">
{{ range $i, $e:= .Params.keyfeatures }}
<div class="w-full flex-1 lg:mt-8 p-8 lg:m-4 shadow-xl lg:rounded-3xl {{ with .color }} bg-{{ . }} {{ end }} {{ with .textcolor }} text-{{ . }} {{ end }}">
<div class="w-full flex-1 lg:mt-8 p-8 lg:m-4 lg:shadow-xl lg:rounded-3xl {{ with .color }} bg-{{ . }} {{ end }} {{ with .textcolor }} text-{{ . }} {{ end }}">
{{/* <div class="flex-shrink-0 relative {{ with .color }} bg-{{ . }} {{ end }} m-6 {{ with .textcolor }} text-{{ . }} {{ end }} -mt-[250px] overflow-hidden rounded-lg max-w-96 shadow-lg p-8"> */}}
{{ with .icon }}
@ -74,15 +75,35 @@
</section>
<!-- /Key Features -->
<!-- Features -->
{{ with .Params.featureslead }}
<div class="lg:container items-center grid grid-cols-8 gap-4">
<!-- Column -->
<div class="col-span-8 md:col-span-4">
{{ with .Params.featureslead }}
<section>
<div class="container">
<div class="row">
{{ partial "components/IconHeaderSubheaderText" (dict "icon" .icon "headline" .headline "subline" .subline "text" .content) }}
{{ partial "components/iconheadersubheadertext" . }}
</div>
</div>
</section>
{{ end }}
{{ end }}
</div>
<!-- Column -->
<div class="grid grid-cols-2 col-span-8 gap-4 md:col-span-4">
{{ range $i, $e:= .Params.features }}
<div class="col-span-2 md:col-span-1">
{{ partial "components/iconheadersubheadertext" . }}
</div>
{{ end }}
</div>
</div>
<!-- /Features -->
<!-- Testimonials -->
{{ with site.GetPage "sections/testimonial" }}