{% 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, metin, resim, 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')"
----------------------------------------------------
#}
<section class="about-one">
<div class="auto-container">
<div class="row clearfix">
<!-- Image Column -->
<div class="about-one_image-column col-lg-6 col-md-10 col-sm-12">
<div class="about-one_image-outer">
<div class="about-one_image now-in-view" style="width:100%;">
{{ icerikler[0].resimler|split(',')[0]|imgOlustur(481,10,'cover')|raw }}
</div>
<div class="about-one_experiance">
<div class="about-one_count"><span class="odometer odometer-auto-theme" data-count="15"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">5</span></span></span></span></span></div></span></div>
<i>Yıldan beri</i>
</div>
</div>
</div>
<!-- Content Column -->
<div class="about-one_content-column col-lg-6 col-md-12 col-sm-12">
<div class="about-one_content-outer">
<div class="sec-title">
<div class="sec-title_title">{{ 'siteAdi'|ayarlar }}</div>
<div class="sec-title_big-title">{{ sayfa.adi|html_entity_decode|raw }}</div>
<h2 class="sec-title_heading">{{ icerikler[0].baslik|html_entity_decode|raw }}</h2>
<div class="sec-title_text">{{ icerikler[0].metin|html_entity_decode|raw }}</div>
</div>
<div class="about-one_options d-flex align-items-center">
<!-- About One Options -->
<div class="about-one_options d-flex align-items-center flex-wrap">
<div class="about-one_phone">
<span class="icon flaticon-customer-service"></span>
Arayın <br>
<a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw}}">{{ 'telefon'|site_iletisimBilgileri|raw}}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cta-one">
<div class="auto-container">
<div class="inner-container now-in-view">
<div class="cta-one_image">
<img src="/dist/assets/images/background/cta.jpg" alt="">
</div>
<video autoplay="" loop="" muted="" width="100%" height="100%" poster="/video.mp4">
<source type="video/mp4" src="/video.mp4">
</video>
<div class="cta-one_content">
<h1 class="cta-one_title"><span>HAGYM PREMİUM</span></h1>
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}