{{- $section4 := .Site.Params.section4 }}
{{- $title    := i18n (index $section4 "title") }}
{{- $subtitle := i18n (index $section4 "subtitle") }}
{{- $clients  := index $section4 "clients" }}
<section id="section4_id" class="section is-medium section-secondary">
  <div class="container">

    <div class="title-wrapper has-text-centered">
      <h2 class="title is-2 light-text is-spaced">{{ $title }}</h2>
      {{- with $subtitle }}
      <h3 class="subtitle is-5 light-text">{{ . }}</h3>
      {{- end }}
    </div>

    <div class="content-wrapper">
      <div class="columns is-vcentered">
        {{- range $clients }}
        <div class="column is-4">
          <figure class="testimonial">
            <blockquote>
              {{ i18n .quote }}
            </blockquote>
            <div class="author">
<!--
              <img src="{{ printf "/images/illustrations/faces/%s.png" (string .img) | relURL }}" alt=""/>
-->
              <h5>{{ i18n .name }}</h5>
              <span>{{ i18n .job }}</span>
            </div>
          </figure>
        </div>
        {{- end }}
      </div>
    </div>
  </div>
</section>
