{{ $data := index .Site.Data .Site.Language.Lang }}

{{- if $data.homepage.features.enable }}
{{- with $data.homepage.features }}
<section class="section" id="feature">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="heading">
          <h2>{{ .title | markdownify }}</h2>
        </div>
      </div>
      <div class="col-md-4">
        {{ range .left_side }}
        <div class="mb-40 text-center text-md-left">
          <h4 class="font-weight-bold mb-2">
            <i class="d-inlin-block h2 mb-10 mr-1 {{ .icon }}"></i>
            {{ .title | markdownify }}
          </h4>
          <p>{{ .content | markdownify }}</p>
        </div>
        {{ end }}
      </div>
      <div class="col-md-4 text-center align-self-center mb-4 mb-md-0">
        <img class="img-fluid" src="{{ .image | absURL }}" alt="">
      </div>
      <div class="col-md-4">
        {{ range .right_side }}
        <div class="mb-40 text-center text-md-left">
          <h4 class="font-weight-bold mb-2">
            <i class="d-inlin-block h2 mb-10 mr-1 {{ .icon }}"></i>
            {{ .title | markdownify }}
          </h4>
          <p>{{ .content | markdownify }}</p>
        </div>
        {{ end }}
      </div>
      <div class="col-12 align-self-center text-center">
        <div class="block">
          {{ range .buttons }}
          {{ if .enable }}
          <a href="{{ .link | absLangURL }}" class="btn btn-main mt-3">{{ .label }}</a>
          {{ end }}
          {{ end }}
        </div>
      </div>
    </div>
  </div><!-- .container close -->
</section>
{{- end }}
{{- end }}