{% extends 'base.html'%}
{% block content%}
{% if product %}
    <div class="container">
      <div class="row">
        {% for pro in product%}
        <div class="col-lg-4 col-sm-6 border">
          <h3 class="d-flex justify-content-center ">{{pro.name}}</h3><br>
          {% if pro.image %}
            <img class="d-flex justify-content-center mx-auto " src="{{pro.image.url}}" width="350px" height="400px" ><br>
          {% endif %}
          {{pro.type}}<br>
          <p class="d-inline-block text-truncate" style="max-width: 200px;">{{pro.description}}</p><br>
          <a href="{% url 'prod_uct' pro.id %}" class="btn btn-primary" >О товаре</a>
        </div>
        {% endfor %}
      </div>
    </div>
{% endif%}
{% endblock%}