{% 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.----------------------------------------------------#}<section id="banner" class="banner space-header"> <video muted loop autoplay> <source src="/video.webm"/> </video> <div class="side-text d-none d-xl-flex flex-column align-items-center gap-5"><h2 class="vertical">{{ 'siteAdi'|ayarlar }}</h2></div> <div class="line"></div> <div class="line two"></div> <div class="line three"></div> <div class="line four"></div> <div class="container"> <div class="row banner-content z-2"> <div class="col-12"><h2 class="hero-text title-anim">{{ sliders[0].baslik|default('') }}</h2></div> <div class="col-6"> <p class="mt-3 mt-md-0">{{ sliders[0].aciklama|default('') }}</p> </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, 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 id="about" class="about mt-5"> <h2 class="vertical">{{ veriler[3][0].adi }}</h2> <div class="about-inner"> <div class="container"> <div class="row"> <div class="col-lg-6"> {{ veriler[3][1][0].resim|imgOlustur(500,10,'cover')|raw }} </div> <div class="col-lg-6 z-2 position-relative"> <div class="about-content"> <h2 class="fade_up_anim fw-semibold mb-3">{{ veriler[3][1][0].adi|html_entity_decode|raw }}</h2> <p class="pb-lg-3 mb-3 fade_up_anim" data-delay=".3"> {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %} {{(metin[0]~'</p>')|raw }} </p> <a href="{{ ''|site_anaLink~veriler[3][0].seo }}" class="primary-btn">Daha Fazla <i class="ti ti-arrow-up-right"></i></a> </div> </div> </div> </div> </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ı : adı, 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')"----------------------------------------------------#}{#-- 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ı : 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 class="services" id="services"> <div class="left-text d-none d-xl-block"> <h2 class="vertical-white">{{ veriler[5][0].adi }}</h2> </div> <div class="container"> <div class="row align-items-end g-3 gx-xl-4 section-title"> <div class="col-lg-6"> <h2 class="mb-3 fade_up_anim">{{ veriler[5][0].adi }}</h2> <p class="fade_up_anim" data-delay=".3">Enerjimiz var !</p> </div> <div class="col-lg-6 d-flex justify-content-end"> <div class="btns"> <button class="service-prev"><i class="ti ti-arrow-narrow-left"></i></button> <button class="service-next"><i class="ti ti-arrow-narrow-right"></i></button> </div> </div> </div> <div class="swiper ServiceSwiper"> <div class="swiper-wrapper"> {% for hizmet in veriler[5][1] %} <div class="swiper-slide"> <div class="service-card"> {{ hizmet.resim|imgOlustur(200,10,'cover')|raw }} <h4 class="mt-2">{{ hizmet.adi|html_entity_decode|raw }}</h4> <p>{{ hizmet.metin|html_entity_decode|striptags|slice(0,100)|raw }}...</p> <span class="hr-line"></span> <div class="d-flex align-items-center gap-3"> <div class="readmore"> <a href="{{ hizmet.link }}" class="fw-semibold">Devamını Oku</a> <span class="hr-black"></span> </div> <a href="{{ hizmet.link }}" class="arrow-sm secondary"> <i class="ti ti-arrow-up-right"></i> </a> </div> </div> </div> {% endfor %} </div> </div> </div></section>{#-- Site Sayfa Verileri : "veriler[9]" 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ı : metin** 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="whychoose"> <div class="side-text d-none d-xl-flex flex-column align-items-center gap-5"> <h2 class="vertical">{{ veriler[9][1][0].baslik|html_entity_decode|raw }}</h2> </div> <div class="line"></div> <div class="container"> <div class="row"> <div class="col-lg-10 col-xl-9 position-relative"> <div class="reveal reveal--right"> <div class="whychoose-card"> <h2 class="pb-1 fade_up_anim">{{ veriler[9][1][0].baslik|html_entity_decode|raw }}</h2> <p class="mb-4 fade_up_anim" data-delay=".3">{{ veriler[9][1][0].metin|html_entity_decode|raw }}</p> <a class="primary-btn mt-3" href="{{ ''|site_anaLink~veriler[9][0].seo }}">Teklif Formu için tıklayınız <i class="ti ti-arrow-up-right"></i></a> </div> </div> </div> <div class="d-none col-lg-2 col-xl-3 d-lg-block position-relative"> <div class="about-line-2"></div> <div class="about-line-3"></div> </div> </div> </div></section>{#-- Site Sayfa Verileri : "veriler[7]" 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ı : 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')"----------------------------------------------------#}<section class="services experts" id="experts"> <div class="left-text d-none d-xl-block"> <h2 class="vertical-white">{{ veriler[7][0].adi }}</h2> </div> <div class="container"> <div class="row align-items-end g-4 section-title"> <div class="col-lg-6"> <h2 class="mb-3 fade_up_anim">{{ veriler[7][0].adi }}</h2> <p class="fade_up_anim" data-delay=".3">Bizimle ilgili tüm haberlere erişin!</p> </div> <div class="col-lg-6 d-flex justify-content-end"> <div class="btns"> <button class="expert-prev" tabindex="0" aria-label="Previous slide"> <i class="ti ti-arrow-narrow-left"></i> </button> <button class="expert-next" tabindex="0" aria-label="Next slide"> <i class="ti ti-arrow-narrow-right"></i> </button> </div> </div> </div> <div class="swiper expertSwiper"> <div class="swiper-wrapper"> {% for uzman in veriler[7][1] %} <div class="swiper-slide"> <div class="expert-card"> <div class="img-box mb-3"> <a href="{{ uzman.link }}"> {{ uzman.resim|imgOlustur(200,10,'cover')|raw }} </a> </div> <div class="d-flex justify-content-between card-footer align-items-end"> <div> <a href="{{ uzman.link }}"> <h5 class="fw-semibold">{{ uzman.adi|html_entity_decode|raw }}</h5> </a> <p class="mb-0">{{ uzman.metin|html_entity_decode|slice(0,100)|raw }}...</p> </div> <div class="number">{{ loop.index|format('%02d') }}</div> </div> </div> </div> {% endfor %} </div> </div> </div></section>{#-- Site Sayfa Verileri : "veriler[8]" 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ı : başlık, resimler, videolar** 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')"----------------------------------------------------#} {% endblock %}{% block javascripts %}{% endblock %}