{{ $title := .title }}
{{ $steps := .steps }}

<div class="container">
  <div class="row">
    <div class="col-12">
      <div class="card mb-4">
        <div class="card-body">
          <h2 class="card-title">{{ $title }}</h2>
          <div class="row">
            {{ range $index, $step := $steps }}
            <div class="col-md-{{ div 12 (len $steps) }} text-center mb-3">
              <div class="step-number">{{ add $index 1 }}</div>
              <h5>{{ $step.title }}</h5>
              <p>{{ $step.description }}</p>
            </div>
            {{ end }}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>