{% load cms_tags thumbnail %}

{# Just a reference mock template for getting started #}
<div id="frontpage-carousel-{{ carousel.id }}"
     data-interval="{{ carousel.interval }}">
    <div class="carousel-inner">
        {% for slide in slides %}
            {% if slide.has_link %}
                <a href="{{ slide.link }}">
            {% endif %}
            <div class="item{% if forloop.first %} active{% endif %}"
                 style="background-image: url({% thumbnail slide.image 1920x600 crop upscale %});">
                {% if slide.caption %}
                    <div class="carousel-caption">{{ slide.caption }}</div>
                {% endif %}
            </div>
            {% if slide.has_link %}
                </a>
            {% endif %}
        {% endfor %}
    </div>
</div>

{% load cms_tags thumbnail %}

{# Just a reference mock template for getting started #}
<div
    id="carousel-{{ carousel.id }}"
    data-interval="{{ carousel.interval_in_ms }}"
>
    {% for slide in slides %}
        {% if slide.has_link %}
            <a href="{{ slide.link }}">
        {% endif %}
        <div class="item{% if forloop.first %} active{% endif %}"
             style="background-image: url({% thumbnail slide.image 1920x600 crop upscale %}); min-height: 400px;">
            {% if slide.caption %}
                <div class="carousel-caption">{{ slide.caption }}</div>
            {% endif %}
            {% if slide.has_call_to_action %}
                <a href="{{ slide.link }}" class="button">{{ slide.call_to_action_label }}</a>
            {% endif %}
        </div>
        {% if slide.has_link %}
            </a>
        {% endif %}
    {% endfor %}
</div>

Simplify and update reference template
Simplify and update reference template

Use all "features" in reference template to make getting started
easier. Also remove unnecessary markup.
