{{- $services     := .Site.Params.services }}
{{ $length := len $services }}
<div id="services"></div>
{{- range $index, $service := $services}}
{{ $odd := mod $index 2}}
<div class="section {{if eq $odd 0}} section-even {{end}} row">
    <div class="section-content services">
        {{if eq $odd 1}}
        <div class="service-icon-container col-5">
            <img class="service-icon" src="{{ .image }}">
        </div>
        {{end}}
        <div class="service-description col-7">
            <div class="title">
                <h1 class="content-title">{{ .title }}</h1>
                <div class="divider"></div>
            </div>
            <p>{{ .description }}</p>
            {{if .button.visible}}
            <a class="service-button" href="{{ .button.url }}">{{ .button.text }}</a>
            {{end}}
            </div>
        {{if eq $odd 0}}
        <div class="service-icon-container col-5">
            <img class="service-icon" src="{{ .image }}">
        </div>
        {{end}}
    </div>
</div>
{{- end }}