{% extends 'base.html.twig' %}{% block carousel %}{% endblock %}{% block content %}<div class="row">{% for category in categories %}<div class="col-lg-4"><img class="bd-placeholder-img rounded-circle" width="140" height="140" src="{{ asset('assets/img/presentation/' ~ category.image) }}"alt="{{ category.name }}" /><h2>{{ category.name }}</h2><p>{{ category.description }}</p><p><a class="btn btn-secondary" href="{{ path('product_by_category', { 'category' : category.name } ) }}" role="button">Voir les détails »</a></p></div>{% endfor %}</div>{% for key, product in products %}<div class="row featurette">{% if key == 1 %}<div class="col-md-3"><img src="{{ asset('uploads/' ~ product.illustration) }}" class="img-thumbnail"></div><div class="col-md-7"><h2 class="featurette-heading"><span class="text-muted">{{ product.name }}</span></h2><p class="lead">{{ product.description }}</p></div>{% else %}<div class="col-md-7"><h2 class="featurette-heading"><span class="text-muted">{{ product.name }}</span></h2><p class="lead">{{ product.description }}</p></div><div class="col-md-3"><img src="{{ asset('uploads/' ~ product.illustration) }}" class="img-thumbnail"></div>{% endif %}</div><hr class="featurette-divider">{% endfor %}{% endblock %}