{{ if isset .Site.Params "features" }}
{{ if .Site.Params.features.enable }}
{{ if isset .Site.Data "features" }}
{{ if gt (len .Site.Data.features) 0 }}
<section class="bar background-white">
    <div class="container">
        {{ $elements := default 3 .Site.Params.features.cols }}
        {{ $features := sort .Site.Data.features "weight" }}

        {{ $total_rows := div (len $features) $elements }}

        {{ if gt (mod (len $features) $elements) 0 }}
          {{ $total_rows = add $total_rows 1 }}
        {{ end }}

        {{ range $i, $sequence := seq $total_rows }}
          <div class="row row-{{ $i }} row-{{ if eq (mod $i 2) 0 }}odd{{ else }}even{{ end }}">
            {{ range $j, $sequence2 := (seq $elements) }}

                {{ $feature_index := add (mul $i $elements) $j }}
                {{ if lt $feature_index (len $features) }}
                    {{ $element := index $features $feature_index }}

                    <div class="col-md-{{ div 12 $elements }} col-{{ $j }} col-{{ if eq (mod $j 2) 0 }}odd{{ else }}even{{ end }}">
                        <div class="box-simple">
                            {{ with $element.url }}
                            <a href="{{ $element.url }}">
                            {{ end }}
                                <div class="icon">
                                    <i class="{{ $element.icon }}"></i>
                                </div>
                            {{ with $element.url }}
                            </a>
                            {{ end }}
                            <h3>{{ $element.name | markdownify }}</h3>
                            <p>{{ $element.description | markdownify }}</p>
                        </div>
                    </div>
                {{ end }}
            {{ end }}
          </div>
        {{ end }}
    </div>
</section>
{{ end }}
{{ end }}
{{ end }}
{{ end }}