templates/home/section-menu-principal.html.twig line 1

{% set secciones = sections ? sections : qi.secciones %}
<div class="grid-dossier-general">
    <div class="item-dossier-general item-titulo">
        <img class="logo-tierra-vista" src="/images_v2/_logos_ tierraalavista.png" alt="Logo Tierra a la vista" class="w-100" width="380" height="130"/>
    </div>
    {# <div class="item-dossier-general item-9 box-on-page">
        <picture>
            <source media="(min-width: 768px)" srcset="/images/logo-sivi-1.webp" type="image/webp">
            <source media="(min-width: 768px)" srcset="/images/logo-sivi-1.png" type="image/png">

            <source media="(max-width: 767px)" srcset="/images/logo-sivi-1.webp" type="image/webp">
            <source media="(max-width: 767px)" srcset="/images/logo-sivi-1.png" type="image/png">
            
            <img src="/images/logo-sivi-1.png" alt="Colombia tierra de la vida" class="w-100" width="380" height="130"/>
        </picture>
    </div> #}
    {% for seccion in secciones %}
        <div class="item-dossier-general item-{% if (loop.index>=5) %}{{loop.index+1}}{% else %}{{loop.index}}{% endif %} box-on-page">
            {% if seccion.imagen %}
                {# <img src="{{category_images~seccion.imagen}}" alt="Sección img" class="w-100"/> #}
                <picture>
                    <source media="(min-width: 768px)" srcset="{{category_images~seccion.imagen}}" type="image/webp">
                    <source media="(min-width: 768px)" srcset="{{category_images~seccion.imagen}}" type="image/png">

                    <source media="(max-width: 767px)" srcset="{{category_images~seccion.imagen}}" type="image/webp">
                    <source media="(max-width: 767px)" srcset="{{category_images~seccion.imagen}}" type="image/png">
                    
                    <img src="{{category_images~seccion.imagen}}" alt="Colombia tierra de la vida" class="w-100" width="380" height="130"/>
                </picture>
            {% endif %}
            {% if seccion.enlace is defined and seccion.enlace %}
                <a href="{{ path(seccion.enlace) }}" class="btn-g">{{seccion.nombre}}</a>
            {% elseif seccion.slug is defined %}
                <a href="{{ path("dossier_categoria", {categoriaId: seccion.slug}) }}" class="btn-g">{{seccion.nombre}}</a>
            {% else %}
                <a href="{{ path("dossier_categoria", {categoriaId: seccion.id}) }}" class="btn-g">{{seccion.nombre}}</a>
            {% endif %}
        </div>
    {% endfor %}
</div>