{% load cms_tags %}

<div class="reference_list reveal_container">
    <div class="reference_list__frame">
        <div class="reference_list__content">
            {% for plugin in instance.child_plugin_instances %}
                <div class="reference_list__item__frame reveal reveal_animation data_delay_{{ forloop.counter0 }}"
                     data-id="{{ forloop.counter0 }}">
                    {% render_plugin plugin %}
                </div>
            {% endfor %}
            <div class="reference_list__item__frame reference_list__item__frame--close" data-id="x">
                {% include 'project/plugins/content/reference_list_item.html' %}
            </div>
        </div>
    </div>
    <div class="reference_list__videos">
        <div class="reference_list__video__content">
            {% for plugin in instance.child_plugin_instances %}
                <div class="reference_list__video__item data_id_{{ forloop.counter0 }}">
                    {% include 'project/plugins/content/video.html' with instance=plugin %}
                </div>
            {% endfor %}
        </div>
    </div>
</div>