{% extends 'siteBase.html.twig' %}
{# Sayfa İstekleri #}
{% set sBoyutlar = 'slider'|ayarlar|split('X') %}
{% set sliders = ''|site_sliders %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block body %}
{#
-- Çoklu Resim Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
-- Eğer tek slider da tek bir resim var ise : sliders dizinin 0. elamanları üzerinden kullanın.
-- Genellikle dosya ve resim yolu kullanırken {{ path('panel_storage',{'file':resimdegiskeni}) }} şeklinde kullanın.
-- İletişim Linki : {{ iletisimLink }} isim olarak Bize Ulaşın kullanın.
----------------------------------------------------
#}
<section class="banner v2">
<div class="banner-content v2">
<div class="swiper swiper-banner">
<div class="swiper-wrapper">
{% for slider in sliders %}
<div class="swiper-slide">
<div class="banner-img"
style="background-image: url('{{ path('panel_storage', {'file': slider.resim}) }}');">
<div class="banner-data">
<div class="container">
<div class="section-title">
<div class="section-title-inner w-v3">
<h4 class="sub-titlev2 color-white animate__animated animate__fadeInUp" style="animation-duration: 1s;"><span>{{ 'siteAdi'|ayarlar }}</span></h4>
<h2 class="big-title s-color-white animate__animated animate__fadeInUp" style="animation-duration: 1s;">{{ slider.baslik }}</h2>
<p class="title-para s-color-white animate__animated animate__fadeInUp" style="animation-duration: 2s;">{{ slider.aciklama }}</p>
</div>
</div>
<div class="play-data v1 animate__animated animate__fadeInUp" style="animation-duration: 2s;">
<div class="all-btn">
<a href="{{ iletisimLink }}" class="btn-p v1 btn-blue2 rounded icon-v1">Bize Ulaşın</a>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</section>
{#
-- Site Sayfa Verileri : "veriler[3]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : seourl, sayfabasligi, anahtarkelimeler, sayfaaciklamasi, adi, metin, resim
-- Linkler de modülün link alanını kullanın.
** 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')"
-- metin değişkinin olduğu alanlarında yapılandırması : ilgili değişken üzerine |html_entity_decode|striptags|slice(0,75)|raw fitrelerini ekle.
----------------------------------------------------
#}
<section class="my-120">
<div class="container-lg">
<div class="section-title center">
<div class="section-title-inner center w-v2">
<h4 class="sub-title" data-aos="fade-down" data-aos-duration="1000">{{ 'siteAdi'|ayarlar }}</h4>
<h2 class="big-title s-color-black" data-aos="fade-up" data-aos-duration="1000">{{ veriler[3][0].adi }}</h2>
</div>
</div>
<div class="case-studies-cards v2">
<div class="row">
{% for item in veriler[3][1] %}
<div class="col-md-4 col-xl-4 col-sm-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ loop.index0 * 200 + 100 }}">
<div class="case-studies-card">
<div class="item-icon">
{{ item.resim|imgOlustur(300,10,'cover')|raw }}
</div>
<h4 class="item-title">{{ item.adi|html_entity_decode|raw }}</h4>
<div class="all-btn">
<a href="{{ item.link }}" class="btn-p v2 btn-white rounded-full icon-v1">Daha fazla</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{#
-- Site Sayfa Verileri : "veriler[5]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : baslik, metin, resim
** 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')"
-- Eğer bir link alanı varsa bunu Daha Fazla olarak isimlendirin. Ardından link olarak {{ ''|site_anaLink~veriler[5][0].seo }}
Bu tekil kurumsal sayfaların metin alanlarını için gerekli kod:
{% set metin = veriler[5][1][0].metin|html_entity_decode|split('</p>') %}
{{ (metin[0]~'</p>')|raw }}
{{ (metin[1]~'</p>')|raw }}
----------------------------------------------------
#}
<section class="about-us v2 @ py-120">
<div class="container-xl">
<div class="about-us-content v2">
<div class="row align-items-center">
<div class="col-xxl-5 col-lg-6 col-md-12">
<div class="left-img">
{{ veriler[5][1][0].resim|imgOlustur(500,10,'cover')|raw }}
</div>
</div>
<div class="col-xxl-7 col-lg-6 col-md-12">
<div class="about-us-right-content">
<div class="section-title">
<div class="section-title-inner">
<h4 class="sub-title" data-aos="fade-down" data-aos-duration="1000">{{ 'siteAdi'|ayarlar }}</h4>
<h2 class="big-title s-color-black" data-aos="fade-up" data-aos-duration="1000">{{ veriler[5][0].adi }}</h2>
<p class="title-para sp-color-black" data-aos="fade-up" data-aos-duration="1000">
{% set metin = veriler[5][1][0].metin|html_entity_decode|split('</p>') %}
{{ (metin[0]~'</p>')|raw }}
{{ (metin[1]~'</p>')|raw }}
</p>
</div>
</div>
<div class="contact-info">
<div class="all-btn">
<a href="{{ ''|site_anaLink~veriler[5][0].seo }}" class="btn-p v1 btn-blue icon-v1 rounded">Daha Fazla</a>
</div>
<div class="contact-icon">
<i class="my-icon icon-call-us"></i>
</div>
<div class="info-data">
<p class="para">Telefon</p>
<h4 class="title">{{ 'telefon'|site_iletisimBilgileri|raw }}</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-left">
<img src="/dist/assets/img/about-us/v2/bg-left.png" alt="bg-left">
</div>
</section>
{#
-- Site Sayfa Verileri : "veriler[4]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaacıklaması, adı, metin, tarih, resimler
-- Linkler de modülün link alanını kullanın.
** 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')"
-- metin değişkenin olduğu alanlarında yapılandırması : ilgili değişken üzerine |html_entity_decode|striptags|slice(0,75)|raw fitrelerini ekle.
----------------------------------------------------
#}
<section class="my-120 @">
<div class="container-xl">
<div class="section-title center">
<div class="section-title-inner w-v2 center">
<h4 class="sub-title" data-aos="fade-down" data-aos-duration="1000">{{ 'siteAdi'|ayarlar }}</h4>
<h2 class="big-title s-color-black" data-aos="fade-up" data-aos-duration="1000">{{ veriler[4][0].adi }}</h2>
</div>
</div>
<div class="blog-cards v2">
<div class="row">
{% for blog in veriler[4][1] %}
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ loop.index * 200 }}">
<div class="blog-card">
<div class="card-img">
<a href="{{ blog.seourl }}">
{{ blog.resim|imgOlustur(300,10,'cover')|raw }}
</a>
</div>
<div class="card-body">
<h3 class="title"><a href="{{ blog.link }}">{{ blog.adi|html_entity_decode|raw }}</a></h3>
<p class="para">{{ blog.metin|html_entity_decode|striptags|slice(0,75)|raw }}</p>
</div>
<div class="card-footer">
<div class="all-btn">
<a href="{{ blog.link }}" class="btn-p icon-v2">Daha fazla</a>
</div>
</div>
<div class="card-date">
<div class="date-icon">
<i class="my-icon icon-calander-2"></i>
</div>
<p class="para">{{ blog.tarih|date('d F Y')|tarih_yaz }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}