website/layouts/partials/sections/testimonial.html

106 lines
5.8 KiB
HTML
Raw Permalink Normal View History

2023-06-13 23:50:45 +02:00
{{ if .Site.Params.testimonial.enable | default false }}
2023-06-13 20:13:00 +02:00
<section id="experience" class="py-5">
<div class="container">
2023-06-13 23:50:45 +02:00
<h3 class="text-center">{{ .Site.Params.testimonial.title | default "Client Testimonials" }}</h3>
2023-06-13 20:13:00 +02:00
<div class="row justify-content-center">
<div class="col-sm-12 col-md-8 col-lg-8 py-5">
<div class="experience-container px-3 pt-2">
<ul class="nav nav-pills mb-3 bg-transparent primary-font" id="pills-tab" role="tablist">
2023-06-13 23:50:45 +02:00
{{ range $index, $element := .Site.Params.testimonial.items }}
2023-06-13 20:13:00 +02:00
{{ if (eq $index 0) }}
<li class="nav-item px-1 bg-transparent" role="presentation">
<div
class="nav-link active bg-transparent"
aria-selected="true"
role="tab"
data-bs-toggle="pill"
id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
2023-06-13 20:13:00 +02:00
>
{{ .company }}
</div>
</li>
{{ else }}
<li class="nav-item px-1 bg-transparent" role="presentation">
<div
class="nav-link bg-transparent"
aria-selected="true"
role="tab"
data-bs-toggle="pill"
id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
2023-06-13 20:13:00 +02:00
>
{{ .company }}
</div>
</li>
{{ end }}
{{ end }}
</ul>
<div class="tab-content pb-5 pt-2 bg-transparent primary-font" id="pills-tabContent">
2023-06-13 23:50:45 +02:00
{{ range $index, $element := .Site.Params.testimonial.items }}
2023-06-13 20:13:00 +02:00
{{ if (eq $index 0) }}
<div
class="tab-pane fade show active bg-transparent"
role="tabpanel"
2023-06-14 02:13:43 +02:00
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
2023-06-14 00:05:56 +02:00
aria-labelledby='pills-{{ replace .company " " "-" }}-tab'
2023-06-13 20:13:00 +02:00
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
2023-06-14 17:33:32 +02:00
2023-06-13 20:13:00 +02:00
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
{{ .featuredLink.name | default "Featured Link" }}
</a>
</div>
{{ end }}
</div>
2023-06-14 17:33:32 +02:00
<div class="pt-2">
{{ .content | markdownify}}
<br>
<strong>{{ .writtenBy | markdownify}} </strong>
</div>
2023-06-13 20:13:00 +02:00
</div>
{{ else }}
<div
class="tab-pane fade bg-transparent"
role="tabpanel"
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
2023-06-13 20:13:00 +02:00
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
2023-06-14 17:33:32 +02:00
2023-06-13 20:13:00 +02:00
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
{{ .featuredLink.name | default "Featured Link" }}
</a>
</div>
{{ end }}
</div>
<div class="pt-2">
{{ .content | markdownify}}
2023-06-14 17:33:32 +02:00
<br>
<strong>{{ .writtenBy | markdownify}} </strong>
2023-06-13 20:13:00 +02:00
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}