<div id="carousel-main" class="carousel slide center-block" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-main" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-main" data-slide-to="1"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        {{ range $i, $s := . }}
        <div class="carousel-item{{ if eq $i 0 }} active{{ end }}">
            <a href="{{- $s.Params.name -}}">
                <img src="/carousel/{{ $s.Params.carousel }}" alt="First slide">
            </a>
            <div class="carousel-caption text-xs-left">
                <h1>{{ $s.Params.name }}</h1>
                <p>{{ $s.Params.tagline }}</p>
            </div>
        </div>
        {{ end }}
    </div>
    <a class="left carousel-control" href="#carousel-main" role="button" data-slide="prev">
        <span class="icon-prev" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-main" role="button" data-slide="next">
        <span class="icon-next" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
