{% extends dir ~ '/base.html.twig' %}
{% block body %}
<div class="top">
{% set content = include('/templatesTheme/2_cafe/header.html.twig') %}
{% autoescape false %}
{{ content }}
{% endautoescape %}
<div style="background-image: url({{ settings.ImageHeader }});" class="background_top">
<div class="darkBlock"></div>
</div>
<div class="content-slide col-lg-7 col-md-10 col-12">
<h1 class="text-center"><span class="text-top-h1">
{# Аква12 | Йошкар-Ола#}
{{ settings.TitleHeaderH1 }}
</span></h1>
<h3 class="text-center"><span class="text-top-h3">
{# Питомник аквариумных растений для акваскейпинга#}
{{ settings.TitleHeaderH2 }}
</span>
</h3>
</div>
</div>
<div style="margin: 30px auto; display: block; text-align: center"
class="container row row_products_list row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-6">
{% for item in categories %}
<a style="color: black;" href="/catalog/{{ item.id }}" class="col categ d-inline-block">
<div class="card h-100 category_card"
style="color: #726b6b; letter-spacing: 1px; line-height: 1; font-weight: bold; text-align: center">
<div class="image category-img">
<img src="{{ item.image?item.image:'/img/no_image.png' }}"
class="card-img-top" style="border-radius: 5px" alt="...">
</div>
<div class="p-1">
<div class="">{{ item.name }}</div>
</div>
</div>
</a>
{% endfor %}
</div>
{% endblock body %}