lix-website/themes/lix/layouts/partials/sections/testimonials.html

49 lines
2.1 KiB
HTML
Raw Normal View History

2024-04-27 03:39:10 +00:00
<section class="section testimonials py-5">
<div class="container">
<div class="row pb-5">
<div class="col-12">
{{ with .content.title }}
<h3 class="fs-1 fw-bold text-center text-primary pb-3">{{ . }}</h3>
{{ end }}
</div>
</div>
<div class="row">
{{ with .content.featured }}
<div class="col-12 col-xl-5 d-flex flex-column justify-content-center">
{{ with .image }}
{{ partial "utilities/image-fluid.html" . }}
{{ end }}
</div>
<div class="col-12 col-xl-7 d-flex flex-column justify-content-center">
<div class="pb-4">{{ partial "utilities/image-third.html" "images/testimonials-left-quote.png" }}</div>
<div class="card d-flex flex-row align-items-start border-0 shadow p-5">
<div class="bg-green rounded-circle size-64 me-4"></div>
<p class="card-text text-black-61">"{{ .text }}" <span class="fw-bold text-primary text-nowrap">- {{ .client }}</span></p>
</div>
<div class="pt-4 text-end">{{ partial "utilities/image-third.html" "images/testimonials-right-quote.png" }}</div>
</div>
{{ end }}
</div>
<div class="row">
{{ range $i, $e := .content.list }}
<div class="col-12 col-xl-4">
<div class="card border-0 border-radius-34 p-4">
{{ with $e.image }}
{{ partial "utilities/image-fluid.html" $e.image }}
<div class="card-body">
<p class="card-text text-black-61">"{{ $e.text }}" <span class="fw-bold text-primary text-nowrap">- {{ $e.client }}</span></p>
</div>
{{ else }}
<div class="card-body">
{{ $colors := (slice "bg-green" "bg-yellow" "bg-red" "bg-purple") }}
<div class="{{ index $colors (mod $i 4) }} rounded-circle size-90 mb-4"></div>
<p class="card-text text-black-61">"{{ $e.text }}" <span class="fw-bold text-primary text-nowrap">- {{ $e.client }}</span></p>
</div>
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
</section>