---

{% extends 'main/base.html' %}
{% block content %}
    <h2 class="page-title">Моя коллекция героев</h2>
    <div class="card-grid">
        {% for el in items %}
            <div class="card">
                <img src="{{ el.image.url }}" alt="hero">
                <h3>{{ el.title }}</h3>
                <p>{{ el.description|truncatewords:10 }}</p>
                <a href="#" class="nav-btn">Смотреть</a>
            </div>
        {% endfor %}
    </div>
{% endblock %}