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.
  24. ----------------------------------------------------
  25. #}
  27. <section class="main-slider">
  28.     <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
  29.         "effect": "fade",
  30.         "pagination": {
  31.         "el": "#main-slider-pagination",
  32.         "type": "bullets",
  33.         "clickable": true
  34.         },
  35.         "navigation": {
  36.         "nextEl": "#main-slider__swiper-button-next",
  37.         "prevEl": "#main-slider__swiper-button-prev"
  38.         },
  39.         "autoplay": {
  40.             "delay": 8000
  41.         } 
  42.     }'>
  43.         <div class="swiper-wrapper">
  44.             {% for slider in sliders %}
  45.             <div class="swiper-slide">
  46.                 <div class="main-slider__bg" style="background-image: url(/storage/{{ slider.resim }});"></div>
  47.                 <div class="main-slider__shape-bg" style="background-image: url(/dist/assets/images/shapes/main-slider-shape-bg.png);"></div>
  48.                 <div class="main-slider__shape-1 float-bob-y">
  49.                     <img src="/dist/assets/images/shapes/main-slider-shape-1.png" alt="">
  50.                 </div>
  51.                 <div class="main-slider__shape-2 img-bounce">
  52.                     <img src="/dist/assets/images/shapes/main-slider-shape-2.png" alt="">
  53.                 </div>
  54.                 <div class="main-slider__shape-3 float-bob-x">
  55.                     <img src="/dist/assets/images/shapes/main-slider-shape-3.png" alt="">
  56.                 </div>
  57.                 <div class="container">
  58.                     <div class="row">
  59.                         <div class="col-xl-12">
  60.                             <div class="main-slider__content">
  61.                                 <h2 class="main-slider__title">{{ slider.baslik|html_entity_decode|raw }}</h2>
  62.                                 <p class="main-slider__text">{{ slider.aciklama|html_entity_decode|raw }}</p>
  63.                                 <div class="main-slider__btn-box">
  64.                                     <a href="{{ iletisimLink }}" class="main-slider__btn thm-btn">{{ 'Bize Ulaşın'|ceviri }}</a>
  65.                                 </div>
  66.                             </div>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.             {% endfor %}
  72.         </div>
  74.         <div class="swiper-pagination" id="main-slider-pagination"></div>
  75.         <!-- If we need navigation buttons -->
  77.     </div>
  78. </section>
  79. {#
  80. -- 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.  
  81. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  82. ** 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')"
  84. ----------------------------------------------------
  85. #}
  87. <section class="services-one">
  88.     <h3 class="services-one__big-text">{{ veriler[4][0].adi|html_entity_decode|raw }}</h3>
  89.     <div class="container">
  90.         <div class="section-title text-center">
  91.             <div class="section-title__tagline-box">
  92.                 <div class="section-title__tagline-shape">
  93.                     <img src="assets/images/shapes/section-title-tagline-shape.png" alt="">
  94.                 </div>
  95.                 <span class="section-title__tagline">{{ veriler[4][0].description|default('')|html_entity_decode|raw }}</span>
  96.             </div>
  97.             <h2 class="section-title__title">{{ veriler[4][0].adi|html_entity_decode|raw }}</h2>
  98.         </div>
  99.         <div class="row">
  100.             {% for service in veriler[4][1] %}
  101.             <!--Services One Single Start-->
  102.             <div class="col-xl-4 col-lg-6 col-md-6 wow fadeIn{{ loop.index > 2 ? 'Right' : 'Left' }}" data-wow-delay="{{ loop.index * 200 }}ms">
  103.                 <div class="services-one__single">
  104.                     <div class="services-one__img-box">
  105.                         <div class="services-one__img">
  106.                             {{ service.resim|imgOlustur(300,10,'cover')|raw }}
  107.                         </div>
  108.                     </div>
  109.                     <div class="services-one__content-wrap">
  110.                         <div class="services-one__icon">
  111.                             <span class="icon-right-arrow"></span>
  112.                         </div>
  113.                         <div class="services-one__content">
  114.                             <h3 class="services-one__title"><a href="{{ service.link }}">{{ service.adi|html_entity_decode|raw }}</a></h3>
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.             <!--Services One Single End-->
  120.             {% endfor %}
  121.         </div>
  122.     </div>
  123. </section>
  124. {#
  125. -- 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.  
  126. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  127. ** 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')"
  129. ----------------------------------------------------
  130. #}
  133. <section class="about-one">
  134.             <div class="container">
  135.                 <div class="row">
  136.                     <div class="col-xl-5">
  137.                         <div class="about-one__left wow fadeInLeft animated" data-wow-delay="100ms" >
  138.                             <div class="about-one__img">
  139.                                  {{ veriler[3][1][0].resim|imgOlustur(573,0,'cover')|raw }}
  140.                             </div>
  141.                         </div>
  142.                     </div>
  143.                     <div class="col-xl-7">
  144.                         <div class="about-one__right wow fadeInRight animated" data-wow-delay="300ms" >
  145.                             <div class="section-title text-left">
  146.                                 <div class="section-title__tagline-box">
  147.                                     <div class="section-title__tagline-shape">
  148.                                         <img src="/dist/assets/images/shapes/section-title-tagline-shape.png" alt="">
  149.                                     </div>
  150.                                     <span class="section-title__tagline">{{ 'siteAdi'|ayarlar }}</span>
  151.                                 </div>
  152.                                 <h2 class="section-title__title">{{ veriler[3][0].adi }}</h2>
  153.                             </div>
  154.                           
  155.                             <p class="about-one__text">{% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')  %}
  156.                 {{ (metin[0]~'</p>')|raw }}
  157.                 {{ (metin[1]~'</p>')|raw }}</p>
  158.                            
  159.                             <div class="about-one__btn-box">
  160.                                 <a href="{{ veriler[3][1][0].link }}" class="about-one__btn thm-btn">{{ 'Daha fazla'|ceviri }}</a>
  161.                             </div>
  162.                         </div>
  163.                     </div>
  164.                 </div>
  165.             </div>
  166.         </section>
  167.                     
  168.                     {% endblock %}
  169. {% block javascripts %}{% endblock %}