---

{% extends 'main/base.html' %}
{% load static %}
{% 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"> <!--замени hero, на project или product-->
                <h3>{{ el.title }}</h3>
                <p>{{ el.description|truncatewords:10 }}</p>
                <a href="#" class="nav-btn">Смотреть</a><!--Замени Смотреть на Подробнее или Купить-->
            </div>
        {% endfor %}
    </div>
{% endblock %}