{% for card in cards %}
<div class="fan-card" data-index="{{ forloop.counter0 }}">
    <div class="fan-card-face">
        <p class="fan-card-number">{{ card.number }}</p>
        <h3 class="fan-card-name">{{ card.name }}</h3>
        <p class="fan-card-arcana">{{ card.get_arcana_display }}</p>
        {% if card.correspondence %}
        <p class="fan-card-correspondence">{{ card.correspondence }}</p>
        {% endif %}
        {% if card.suit %}
        <p class="fan-card-suit">{{ card.suit }}</p>
        {% endif %}
    </div>
</div>
{% endfor %}