templates/modul/index.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {# Sayfa İstekleri #}
  3. {% set sBoyutlar = 'slider'|ayarlar|split('X') %}
  4. {% set sliders = ''|site_sliders %}
  7. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  8. {% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  9. {% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  10. {% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  12. {% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  13. {% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  14. {% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  15. {% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  16. {% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  17. {% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  18. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  19. {% block body %}
  20.  
  21.   {#
  22. -- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
  25. ----------------------------------------------------
  26. #}
  30. <div class="th-hero-wrapper hero-3" id="hero">
  31.     <div class="swiper th-slider hero-slider-3" id="heroSlide3" data-slider-options='{"effect":"fade"}'>
  32.         <div class="swiper-wrapper">
  33.             {% for slider in sliders %}
  34.                 <div class="swiper-slide">
  35.                     <div class="hero-inner">
  36.                         <div class="th-hero-bg" data-bg-src="/storage/{{ slider.resim }}"></div>
  37.                         <div class="container">
  38.                             <div class="hero-style3"><h1 class="hero-title" data-ani="slideinleft" data-ani-delay="0.4s">
  39.                                     {{ slider.baslik|default('') }} </h1>
  40.                                 <p class="hero-text" data-ani="slideinleft" data-ani-delay="0.6s">{{ slider.aciklama|default('') }}</p>
  41.                                 <div class="btn-group justify-content-center justify-content-lg-start">
  42.                                     <div class="" data-ani="slideinleft" data-ani-delay="0.8s">
  43.                                         <a href="{{ iletisimLink }}" class="th-btn style1 th-radius th-icon"><span class="btn-text" data-back="{{ 'Bilgi alın'|ceviri }}" data-front="{{ 'Bilgi alın'|ceviri }}"></span><i class="fa fa-arrow-right ms-2"></i></a></div>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             {% endfor %}
  51.         </div>
  52.         <button data-slider-prev="#heroSlide3" class="slider-arrow slider-prev"><i class="fa fa-arrow-left"></i>
  53.         </button>
  54.         <button data-slider-next="#heroSlide3" class="slider-arrow slider-next"><i class="fa fa-arrow-right"></i>
  55.         </button>
  56.     </div>
  58. </div>
  59. {#
  60. -- Site Sayfa Verileri : "veriler" adında bir dizi döndürülüyor. Veriler dizisi her sayfanın dilgrup numarasından key almaktadır. Ör: veriler[4] iletişim sayfasının verilerini çeker. Fakat veriler[*] iki diziden oluşmaktadır. 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.
  61. -- Modül alanları : baslik, metin, resim
  62. ** 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')"
  64. ----------------------------------------------------
  65. #}
  69. <div class="about-area overflow-hidden overflow-hidden space" id="about-sec">
  70.     <div class="container">
  71.         <div class="row gy-4">
  72.             <div class="col-xl-7 mb-30 mb-xl-0">
  73.                 <div class="img-box3">
  74.                     {{ veriler[3][1][0].resim|imgOlustur(450,10,'cover')|raw }}
  75.                 </div>
  76.             </div>
  77.             <div class="col-xl-5">
  78.                 <div class="ps-xxl-5 ms-xxl-5 me-xl-2">
  79.                     <div class="title-area mb-40"><span class="sub-title">{{ 'siteAdi'|ayarlar }}</span>
  80.                         <h2 class="sec-title">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2></div>
  81.                     {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
  83.                     <p class="mb-25"> {{ metin[0]|default('')|raw }}</p></p>
  84.                     <p class="mb-25"> {{ metin[1]|default('')|raw }}</p></p>
  87.                     <div class="btn-group mt-30 justify-content-start"><a href="{{ ''|site_anaLink~veriler[3][0].adi }}"
  88.                                                                           class="th-btn black-btn th-icon"><span
  89.                                     class="btn-text" data-back="{{ 'Daha Fazla'|ceviri }}" data-front="{{ 'Daha Fazla'|ceviri }}"></span><i
  90.                                     class="fa fa-arrow-right ms-2"></i></a></div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  95. </div>{#
  96. -- Site Sayfa Verileri : "veriler" adında bir dizi döndürülüyor. Veriler dizisi her sayfanın dilgrup numarasından key almaktadır. Ör: veriler[4] iletişim sayfasının verilerini çeker. Fakat veriler[*] iki diziden oluşmaktadır. 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.
  97. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  98. ** 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')"
  100. ----------------------------------------------------
  101. #}
  104. <section class="overflow-hidden space" data-bg-src="/dist/assets/img/bg/service_bg_1.jpg">
  105.     <div class="container">
  106.         <div class="row justify-content-lg-between justify-content-center align-items-center">
  107.             <div class="col-lg-5">
  108.                 <div class="title-area text-center text-lg-start"><span class="sub-title">{{ 'siteAdi'|ayarlar }}</span>
  109.                     <h2 class="sec-title">{{ veriler[4][0].adi }}</h2></div>
  110.             </div>
  111.             <div class="col-auto">
  112.                 <div class="sec-btn">
  113.                     <div class="icon-box">
  114.                         <button data-slider-prev="#serviceSlide" class="slider-arrow default"><i
  115.                                     class="fa fa-arrow-left"></i></button>
  116.                         <button data-slider-next="#serviceSlide" class="slider-arrow default"><i
  117.                                     class="fa fa-arrow-right"></i></button>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.         <div class="slider-area">
  123.             <div class="swiper th-slider has-shadow" id="serviceSlide"
  124.                  data-slider-options='{"loop":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"},"1400":{"slidesPerView":"4"}}}'>
  125.                 <div class="swiper-wrapper">
  126.                     {% for key,veri in veriler[4][1] %}
  127.                     <div class="swiper-slide">
  128.                         <div class="service-card">
  129.                             <div class="service-overlay" data-bg-src="/storage/{{ veri.resim }}"></div>
  130.                             <div class="box-content">
  131.                                 <div class="box-icon"><img src="/dist/assets/img/icon/transportation.png" width="45" alt="Icon"></div>
  132.                                 <div class="box-img" data-mask-src="/dist/assets/img/shape/ser-shape.png"><img
  133.                                             src="/storage/{{ veri.resim }}" alt="img"></div>
  134.                                 <h3 class="box-title"><a href="{{ veri.link }}">{{ veri.adi|html_entity_decode|raw }}</a></h3>
  135.                                 <p class="box-text">{{ veri.metin|html_entity_decode|striptags|slice(0,75)|raw }}...</p><a
  136.                                         href="{{ veri.link }}" class="th-btn border-btn th-icon fw-medium text-uppercase"><span
  137.                                             class="btn-text" data-back="{{ 'Daha Fazla'|ceviri }}" data-front="{{ 'Daha Fazla'|ceviri }}"></span><i
  138.                                             class="fa fa-arrow-right ms-2"></i></a></div>
  139.                         </div>
  140.                     </div>
  141.                     {% endfor %}
  142.                 </div>
  143.             </div>
  144.         </div>
  145.     </div>
  146. </section>
  148. {#
  149. -- 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.  
  150. -- Modül alanları : başlık, metin, resimler
  151. ** 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')"
  153. ----------------------------------------------------
  154. #}
  156. <div class="brand-area overflow-hidden">
  157.     <div class="container th-container">
  158.         <div class="slider-area text-center">
  159.             <div class="swiper th-slider" id="brandSlider1"
  160.                  data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"476":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"4"},"1200":{"slidesPerView":"4"},"1400":{"slidesPerView":"6"}}}'>
  161.                 <div class="swiper-wrapper">
  162.                      {% for resim in veriler[7][1][0].resimler|split(',') %}
  163.                 {% if resim|default('')!='' %}
  164.                     <div class="swiper-slide">
  165.                         <div class="brand-item style2">
  166.                           {{ resim|imgOlustur(60,10,'contain')|raw }}
  167.                           
  168.                          
  169.                         </div>
  170.                     </div>
  171.                         {% endif %}
  172.             {% endfor %}
  173.                   
  174.                   
  175.                 </div>
  176.             </div>
  177.         </div>
  178.     </div>
  179. </div>
  181.                     
  182.                     {% endblock %}
  183. {% block javascripts %}{% endblock %}