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. #}
  28. <!-- Hero Area Start -->
  29. <section class="hero__area">
  30.     <div class="swiper hero__slider">
  31.         <div class="swiper-wrapper">
  32.             {% for key,slider in sliders %}
  33.                 <div class="swiper-slide hero__slide" style="background-image: url({{ 'siteYolu'|ayarlar }}storage/{{ slider.resim }});">
  34.                     <div style="background-color: black; opacity: 0.7; width: 100%; height: 100%;">
  35.                         <div class="container">
  36.                             <div class="row">
  37.                                 <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-10" style="margin-top: 200px; margin-bottom: 200px;">
  38.                                     <div class="hero__slide-left">
  39.                                         <h1 style="color: white;">{{ slider.baslik|html_entity_decode|raw }}</span></h1>
  40.                                         <p style="color: white;">{{ slider.aciklama|html_entity_decode|raw }}</p>
  41.                                     </div>
  42.                                 </div>
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.             {% endfor %}
  48.         </div>
  50.         <div class="hero__slider-pagination">
  51.             <div class="swiper-button-next"><span><img src="{{ asset('dist/assets/imgs/icon/long-arrow-left.png') }}" alt=""></span> Sonra
  52.             </div>
  53.             <div class="swiper-button-prev">Önce <span><img src="{{ asset('dist/assets/imgs/icon/long-arrow-right.png') }}" alt=""></span>
  54.             </div>
  55.             <div class="swiper-pagination"></div>
  56.         </div>
  57.     </div>
  58. </section>
  59. <!-- Hero Area End -->
  61. {#
  62. -- 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.  
  63. -- Modül alanları : baslik, metin, resim
  64. ** 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')"
  66. ----------------------------------------------------
  67. #}
  69. <!-- About Us Area Start -->
  70. <section class="about__area">
  71.     <div class="container line">
  72.         <span class="line-3"></span>
  73.         <span class="line-4"></span>
  74.         <span class="line-5"> </span>
  75.         <div class="row">
  76.             <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6" style="margin-top: 195px;">
  77.                 <div class="about__left zi-9 wow wcfadeUp" data-wow-delay="0.3">
  78.                     {{ veriler[3][1][0].resim|imgOlustur(370,0,'cover')|raw }}
  79.                 </div>
  80.             </div>
  81.             <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
  82.                 <div class="about__right">
  83.                     <h2 class="section-sub-title wow wcfadeUp" data-wow-delay="0.15s">Hakkımızda</h2>
  84.                     <h3 class="section-title wow wcfadeUp" data-wow-delay="0.3s">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h3>
  85.                     <p class="wow wcfadeUp" data-wow-delay="0.45s">
  86.                         {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')  %}
  87.                     {{ (metin[0]~'</p>')|raw }}
  88.                     {{ (metin[1]~'</p>')|raw }}
  89.                     </p>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.     </div>
  94. </section>
  95. <!-- About Us Area End -->
  96. {#
  97. -- 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.  
  98. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
  99. ** 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')"
  101. ----------------------------------------------------
  102. #}
  104. <!-- Service Area Start -->
  105. <section class="service__area">
  106.     <div class="container line">
  107.         <span class="line-3"></span>
  108.         <span class="line-4"></span>
  109.         <span class="line-5"> </span>
  110.         <div class="row">
  111.             <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
  112.                 <div class="service__title">
  113.                     <h3 class="section-title wow wcfadeUp" data-wow-delay="0.3s">Hizmetler</h3>
  114.                 </div>
  115.             </div>
  116.         </div>
  118.         <div class="service__slider-wrapper">
  119.             <div class="swiper service__slider">
  120.                 <div class="swiper-wrapper">
  121.                     {% for veri in veriler[5][1] %}
  122.                     <div class="swiper-slide service__slide wow wcfadeUp" data-wow-delay="0.9s">
  123.                         <a href="{{ veri.link }}">
  124.                             <div class="service__thumb-wrapper">
  125.                                 {{ veri.resim|imgOlustur(300,0,'cover')|raw }}
  126.                             </div>
  127.                             <div class="service__slide-title">
  128.                                 <img src="{{ asset('dist/assets/imgs/service/1/icon-3.png') }}" alt="Service Icon">
  129.                                 <h4>{{ veri.adi|html_entity_decode|raw }}</h4>
  130.                             </div>
  131.                         </a>
  132.                     </div>
  133.                     {% endfor %}
  134.                 </div>
  135.             </div>
  137.             <div class="service__btn-next"><span><i class="fa-solid fa-arrow-left"></i></span></div>
  138.             <div class="service__btn-prev"><span><i class="fa-solid fa-arrow-right"></i></span></div>
  139.         </div>
  141.     </div>
  142. </section>
  143. <!-- Service Area End -->
  144. {#
  145. -- 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.  
  146. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, tarih, resimler
  147. ** 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')"
  149. ----------------------------------------------------
  150. #}
  152. <!-- Blog Area Start -->
  153. <section class="blog__v3">
  154.     <div class="container line">
  155.         <span class="line-3"></span>
  156.         <span class="line-4"></span>
  157.         <span class="line-5"> </span>
  159.         <div class="blog__btm">
  160.             <div class="row">
  161.                 {% for icerik in veriler[7][1] %}
  162.                         <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4">
  163.                             <div class="blog__item-wrapper-2 wcfadeUp">
  164.                                 <article>
  165.                                     <div class="blog__img">
  166.                                         <a href="{{ icerik.link }}">{{ icerik.resim|imgOlustur(275,0,'cover')|raw }}</a>
  167.                                     </div>
  168.                                     <div class="blog__content-2">
  169.                                         <h4 class="blog__meta"> <strong><a href="{{ ''|site_anaLink }}">{{ 'siteAdi'|ayarlar }}</a></strong>, {{ icerik.tarih|date('d F Y')|tarih_yaz }}
  170.                                         </h4>
  171.                                         <a href="{{ icerik.link }}">
  172.                                             <h5 class="blog__title-2"> {{ icerik.adi|html_entity_decode|raw }}</h5>
  173.                                         </a>
  174.                                         <a class="blog__btn-rm" href="{{ icerik.link }}">Daha Fazla <i class="fa-solid fa-arrow-right"></i></a>
  175.                                     </div>
  176.                                 </article>
  177.                             </div>
  178.                         </div>
  179.                 {% endfor %}
  180.             </div>
  181.         </div>
  182.     </div>
  183. </section>
  184. <!-- Blog Area End -->
  185.                     
  186.                     {% endblock %}
  187. {% block javascripts %}{% endblock %}