{{ "<!-- ARGUMENTS -->" | safeHTML }}
<section id="arguments">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">{{ .Site.Params.arguments.headline }}</h2>
                <hr class="primary">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            {{ range .Site.Params.arguments.list }}
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x {{ .icon }} wow bounceIn text-primary"></i>
                    <h3>{{ .title }}</h3>
                    {{ with .description }}
                        <p class="text-muted">{{ . }}</p>
                    {{ end }}
                </div>
            </div>
            {{ end }}
        </div>
        <div class="definition blue"><p>{{ .Site.Params.fsdefinition }}</p></div>
        <div class="col-lg-8 col-lg-offset-2 text-center" id="arguments-followup">
          <p>{{ .Site.Params.arguments.followup | markdownify }}</p>
          <a href="#action" class="btn btn-primary btn-xl page-scroll">{{ .Site.Params.arguments.buttonText }}</a>
        </div>
    </div>
</section>
