{% 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 %}
{#
-- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
----------------------------------------------------
#}
<div class="swiper banner-swiper banner-slider banner-slider-two">
<div class="swiper-wrapper">
{% for slide in sliders %}
<div class="swiper-slide">
<div class="slider-img" data-bg-img="/storage/{{ slide.resim }}"></div>
<div class="banner-content">
<div class="banner-text">
<h6><span>{{ 'siteAdi'|ayarlar }}</span></h6>
<h1 class="mb-4">{{ slide.baslik|html_entity_decode|raw }}</h1>
<p>{{ slide.aciklama|html_entity_decode|raw }}</p>
<div class="btn-box mt-6">
<a href="{{ iletisimLink }}" class="themeht-btn primary-alt">
<span>Teklif Alın</span>
<i class="flaticon flaticon-double-chevron"></i>
</a>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div id="banner-swiper-button-next" class="swiper-button-next"></div>
<div id="banner-swiper-button-prev" class="swiper-button-prev"></div>
</div>
{#
-- 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ı : 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')"
----------------------------------------------------
#}
<div class="page-content">
<section>
<div class="container">
<div class="row">
<div class="col-lg-6 col-12 pe-md-8">
<div class="about-sec1-box">
<div class="shape2 float-bob-y">
<img decoding="async" class="img-fluid" src="/dist/images/about-shape2.png" alt="Image">
</div>
<div class="about-sec1 img1">
{{ veriler[3][1][0].resim|imgOlustur(500,10,'cover')|raw }}
</div>
</div>
</div>
<div class="col-lg-6 col-12 mt-6 mt-lg-0">
<div class="theme-title">
<h6>{{ 'siteAdi'|ayarlar }}</h6>
<h2 class="text-anime-style">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
<div class="title-divider">
<span class="title-divider-separator"></span>
</div>
{% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
{{ (metin[0]~'</p>')|raw }}
</div>
</div>
</div>
</div>
</section>
{#
-- Site Sayfa Verileri : "veriler[1]" 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, sayfaaçıklaması, adı, 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')"
----------------------------------------------------
#}
<section>
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-xl-7 col-lg-8 col-md-12">
<div class="theme-title">
<h6>{{ 'siteAdi'|ayarlar }}</h6>
<h2 class="text-anime-style">{{ veriler[1][0].adi }}</h2>
<div class="title-divider">
<span class="title-divider-separator"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="swiper service-swiper2">
<div class="swiper-wrapper">
{% for modul in veriler[1][1] %}
<div class="swiper-slide">
<div class="service-item style-2">
<div class="service-icon">
<i class="flaticon flaticon-double-chevron"></i>
</div>
<div class="service-title">
<h4>{{ modul.adi|html_entity_decode|raw }}</h4>
</div>
<div class="service-img">
{{ modul.resim|imgOlustur(300,10,'cover')|raw }}
</div>
<div class="service-desc">
<p>{{ modul.metin|html_entity_decode|striptags|slice(0,70)|raw }}...</p>
<a class="service-btn" href="{{modul.link}}">
<span>Detaylı Bilgi</span>
<i class="flaticon flaticon-double-chevron"></i>
</a>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="swiper-dots">
<div id="service-pagination" class="swiper-pagination"></div>
</div>
</div>
</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, resimler
** 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="pb-0">
<div class="container">
<div class="row align-items-center border-bottom border-light pb-10">
<div class="col-xxl-2 col-md-3">
<h5 class="mb-0 text-theme">{{ veriler[5][0].adi }}</h5>
</div>
<div class="col-xxl-10 col-md-9 mt-3 mt-md-0">
<div class="swiper client-swiper">
<div class="swiper-wrapper">
{% for logo in veriler[5][1][0].resimler|split(',') %}
{% if logo|default('')!='' %}
<div class="swiper-slide">
<div class="clients-logo">
{{ logo|imgOlustur(100,10,'contain')|raw }}
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}
{% block javascripts %}{% endblock %}