{% extends 'themesWebsite/blog_cvs/base.html.twig' %}
{% block title %}{{ bigCategory.shortTitle }}{% endblock title %}
{% block description %}{{ bigCategory.shortDescription }}{% endblock description %}
{% block robots %}index,follow{% endblock robots %}
{#% block meta_social %}{{ parent() }}{% include "/themesWebsite/blog_cpn/components/socialmedia.html.twig" with { 'page':page,'social_type':'website' } %}{% endblock meta_social %}
{% block meta %}{{ parent() }}{% include "/themesWebsite/blog_cpn/components/author.html.twig" with {'page':page } %}{% endblock meta %#}
{% block body %}
<div class="image-cover hero-header">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 pe-xl-5 pe-lg-4">
<h1 class="mb-4">{{ bigCategory.title }}</h1>
<p class="fs-5">{{ bigCategory.description }}</p>
</div>
<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12">
</div>
</div>
<div class="row gx-4 gy-4">
{% for cat in categories %}
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="card border py-4 px-4 rounded-4 mb-0">
<div class="ctrd-icons mb-3">
{{ cat.icon|raw }}
</div>
<div class="ctrd-caps">
<h4 class="fs-5"><a href="{{ path('cvs_website_category',{'slug':cat.slug}) }}">{{ cat.title }}</a></h4>
<p class="mb-3">{{ cat.description }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock body %}