lix-website/themes/lix/layouts/partials/sections/testimonials.html
Kate Temkin 4e7c2d2987 theming updates, and add alt text support
(why the hell was alt text support not in the original hugo theme???)
2024-05-01 19:37:50 -06:00

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>