{% extends 'siteBase.html.twig' %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ sayfa.title }}{% endblock %}
{% block keywords %}{{ sayfa.keywords }}{% endblock %}
{% block description %}{{ sayfa.description }}{% endblock %}
{% block title2 %}{{ sayfa.title }}{% endblock %}
{% block description2 %}{{ sayfa.description }}{% endblock %}
{% block image_alt %}{{ sayfa.title }}{% endblock %}
{% block title3 %}{{ sayfa.title }}{% endblock %}
{% block description3 %}{{ sayfa.description }}{% endblock %}
{% block image %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block image2 %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block body %}
{% include 'siteBase/breadcrumbs.html.twig' %}
{#
-- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : baslik, resimler, link
-- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<!-- About Area Start -->
<section class="about__area-4">
<div class="container line">
<span class="line-3"></span>
<span class="line-4"></span>
<span class="line-5"> </span>
<div class="row">
{% for resim in icerikler[0].resimler|split(',') %}
{% if resim|default('')!='' %}
<div class="col-md-4 col-6">
<a href="{{ path('panel_storage',{'file':resim}) }}" data-fancybox="gallery">
<div class="mb-3" style="background-image: url({{ path('panel_storage',{'file':resim}) }});background-size: cover; overflow: hidden; width: 100%; height: 250px;"></div>
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<!-- About Area End -->
{% endblock %}
{% block javascripts %}{% endblock %}