AI_Video_LP/layouts/partials/steps.html

{{ if isset .Site.Params "steps" }}
{{ if .Site.Params.steps.enable }}
{{ if gt (len .Site.Data.steps) 0 }}
<section class="bar background-white">
    <div class="container">
        <div class="heading text-center">
            <h2>合作流程</h2>
        </div>
        <div class="col-md-12">
            <div class="row">
            {{ range $index, $element := sort .Site.Data.steps "weight" }}
                <div class="col-md-3 step__box">
                    <div class="box-simple box-steps">
                        <div class="step__box">
                            <span>{{ $element.weight | markdownify }}</span>
                        </div>
                        {{ with $element.url }}
                        <a href="{{ $element.url }}">
                        {{ end }}
                            <div class="icon">
                                <i class="{{ .icon }}"></i>
                            </div>
                        {{ with $element.url }}
                        </a>
                        {{ end }}
                        <h3>{{ $element.name | markdownify }}</h3>
                        <p>{{ $element.description | markdownify }}</p>
                    </div>
                </div>
            {{ end }}
            </div>
            <div class="goto__btn">
                <a href="/contact/service/" class="btn btn-lg">洽詢專案製作 -></a>
            </div>
        </div>
    </div>
</section>
{{ end }}
{{ end }}
{{ end }}