forked from lix-project/lix-website
4e7c2d2987
(why the hell was alt text support not in the original hugo theme???)
47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
<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">
|
|
{{ partial "utilities/image-fluid.html" (dict "image" .image) }}
|
|
</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>
|