{% 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 id="carouselExampleCaptions" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
{% for key,slider in sliders %}
<div class="carousel-item {% if key==0 %}active{% endif %}">
{{ slider.resim|imgOlustur(600,0,'cover')|raw }}
<div class="carousel-caption d-none d-md-block text-dark">
<h1 style="margin-top: -335px; color: black;">{{ slider.baslik }}</h1>
<p style="font-size: 18px">{{ slider.aciklama }}</p>
</div>
</div>
{% endfor %}
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</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')"
----------------------------------------------------
#}
<!-- Page Content -->
<div class="page-content">
<!-- About -->
<section class="about-section_one">
<div class="container">
<div class="row">
<div class="col-md-12 col-xl-6">
<div class="about-one_leftbox">
<div class="pbmit-shape-pentagon">
{{ veriler[3][1][0].resim|imgOlustur(573,10,'cover')|raw }}
</div>
</div>
</div>
<div class="col-md-12 col-xl-6">
<div class="about-one_right">
<div class="pbmit-heading-subheading animation-style2">
<h4 class="pbmit-subtitle">{{ 'siteAdi'|ayarlar }}</h4>
<h2 class="pbmit-title">{{ veriler[3][1][0].baslik }}</h2>
<div class="pbmit-heading-desc">
{% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
{{ (metin[0]~'</p>')|raw }}
{{ (metin[1]~'</p>')|raw }}
</div>
</div>
<div class="about-one_ihbox">
<div class="row">
<div class="col-md-6">
<div class="about-one_btn">
<a class="pbmit-btn" href="{{ ''|site_anaLink~veriler[3][0].seo }}">
<span>Daha Fazla</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About End -->
{#
-- 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, 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')"
----------------------------------------------------
#}
<!-- Service Start -->
<section class="section-xl service-one_bg">
<div class="container-fluid">
<div class="service-one-top_area">
<div class="pbmit-heading-subheading animation-style2">
<h4 class="pbmit-subtitle">{{ 'siteAdi'|ayarlar }}</h4>
<h2 class="pbmit-title">{{ veriler[4][0].adi }}</h2>
</div>
</div>
<div class="swiper-slider" data-center="true" data-autoplay="false" data-loop="true" data-dots="true" data-arrows="false" data-columns="5" data-margin="30" data-effect="slide">
<div class="swiper-wrapper">
{% for veri in veriler[4][1] %}
<!-- Slide1 -->
<article class="pbmit-service-style-1 swiper-slide">
<div class="pbminfotech-post-item">
<div class="pbminfotech-post-item-inner">
<div class="pbmit-service-image-wrapper">
<div class="pbmit-service-bg-image">{{ veri.resim|imgOlustur(342,30,'cover')|raw }}</div>
</div>
<div class="pbminfotech-box-content">
<div class="pbmit-box-content-inner">
<div class="pbmit-service-icon-wrapper">
<i class="pbmit-protecta-icon pbmit-protecta-icon-house"></i>
</div>
<h3 class="pbmit-service-title">
<a href="{{ veri.link }}">{{ veri.adi|html_entity_decode|raw }}</a>
</h3>
<div class="pbmit-service-btn">
<a href="{{ veri.link }}"><span>Daha Fazla</span></a>
</div>
</div>
</div>
</div>
</div>
</article>
{% endfor %}
</div>
</div>
</div>
</section>
<!-- Service End -->
{#
-- Site Sayfa Verileri : "veriler[6]" 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, tarih, 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')"
----------------------------------------------------
#}
<!-- Blog Grid Col 2 -->
<section class="section-md">
<div class="container">
<div class="row pbmit-element-posts-wrapper">
{% for icerik in veriler[6][1] %}
<article class="pbmit-blog-style-1 col-md-6">
<div class="post-item">
<div class="pbmit-featured-container">
<div class="pbmit-featured-img-wrapper">
<div class="pbmit-featured-wrapper">
{{ icerik.resim|imgOlustur(342,0,'cover')|raw }}
</div>
</div>
</div>
<div class="pbminfotech-box-content">
<div class="pbmit-category-date-wraper">
<div class="pbmit-meta-cat-wrapper pbmit-meta-line">
<div class="pbmit-meta-category">
<a rel="category tag">{{ 'siteAdi'|ayarlar }}</a>
</div>
</div>
<div class="pbmit-meta-date-wrapper pbmit-meta-line">
<div class="pbmit-meta-date-month">
<div class="pbmit-meta-inner">
<span class="pbmit-post-month">{{ icerik.tarih|date('d') }}</span>
<span class="pbmit-post-date">{{ icerik.tarih|date('F')|tarih_yaz }}</span>
<span class="pbmit-post-date">{{ icerik.tarih|date('Y')|tarih_yaz }}</span>
</div>
</div>
</div>
</div>
<div class="pbmit-content-wrapper">
<h3 class="pbmit-post-title">
<a href="{{ icerik.link }}">{{ icerik.adi }}</a>
</h3>
</div>
</div>
</div>
</article>
{% endfor %}
</div>
</div>
</section>
<!-- Blog Grid Col 2 End -->
{% endblock %}
{% block javascripts %}{% endblock %}