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.
  23. #}
  25. <!--Main Slider Start-->
  26. <section class="main-slider main-slider-style1">
  28.   
  29.     <div class="main-slider-style1__shape1 wow slideInDown" data-wow-delay="100ms" data-wow-duration="4500ms">
  30.         <div class="inner zoominout">
  31.             <span class="icon-sparkle"></span>
  32.         </div>
  33.     </div>
  34.     <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
  35.         "effect": "fade",
  36.         "fadeEffect": {
  37.             "crossFade": "true"
  38.         },
  40.         "speed": 2000,
  41.         "direction": "horizontal",
  43.         "pagination": {
  44.         "el": "#main-slider-pagination",
  45.         "type": "bullets",
  46.         "clickable": true
  47.         },
  48.         "navigation": {
  49.             "prevEl": "#main-slider__swiper-button-prev",
  50.             "nextEl": "#main-slider__swiper-button-next"
  51.         },
  53.         "autoplay": {
  54.         "delay": 8000,
  55.         "disableOnInteraction": "false"
  57.         }
  58.         }'>
  60.         <div class="swiper-wrapper">
  61.             {% for slider in sliders %}
  62.             <!--Start Single Swiper Slide-->
  63.             <div class="swiper-slide">
  64.                 <div class="image-layer" style="background-image: url(/storage/{{ slider.resim }});">
  65.                 </div>
  66.                 <div class="image-layer__left-gradient"></div>
  67.                 <div class="container">
  68.                     <div class="row">
  69.                         <div class="col-xl-12">
  70.                             <div class="main-slider-content">
  71.                               <div class="main-slider-content__inner text-center">
  72.                                 <div class="sub-title">
  73.                                   <h4>{{ 'siteAdi'|ayarlar }}</h4>
  74.                                 </div>
  75.                                 <div class="big-title">
  76.                                   <h2>
  77.                                     {{ slider.baslik }}
  78.                                   </h2>
  79.                                 </div>
  80.                                 <div class="text">
  81.                                   <p>{{ slider.aciklama }}
  82.                                   </p>
  83.                                 </div>
  85.                               </div>
  87.                             </div>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.             <!--End Single Swiper Slide-->
  93.             {% endfor %}
  94.         </div>
  96.         <!-- If we need navigation buttons -->
  97.         <div class="slider-swiper-pagination" id="main-slider-pagination"></div>
  98.         <div class="main-slider__nav">
  99.             <div class="swiper-button-prev" id="main-slider__swiper-button-prev">
  100.                 <i class="icon-arrow-right left"></i>
  101.             </div>
  102.             <div class="swiper-button-next" id="main-slider__swiper-button-next">
  103.                 <i class="icon-arrow-right right"></i>
  104.             </div>
  105.         </div>
  107.     </div>
  108. </section>
  109. <!--Main Slider End-->
  110. {#
  111. -- 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.  
  112. -- Modül alanları : baslik, metin, resim
  113. ** 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')"
  115. ----------------------------------------------------
  116. #}
  119. <!--Start About Style1-->
  120.         <section class="about-style1">
  121.             <div class="container">
  122.                 <div class="row">
  124.                     <div class="col-xl-6">
  125.                         <div class="about-style1__img">
  126.                             {{ veriler[3][1][0].resim|imgOlustur(400,10,'cover')|raw }}
  127.                             
  128.                             
  130.                             <div class="monthly-claims-progress">
  131.                                 <div class="inner-title">
  132.                                     <h4>Mutlu Müşteri</h4>
  133.                                 </div>
  134.                                 <div class="progress-levels">
  135.                                     <!--Start Progress Box-->
  136.                                     <div class="progress-box wow">
  137.                                         <div class="top">
  138.                                             <h5>904,34</h5>
  139.                                             <div class="count-box">
  140.                                                 <div class="skill-percent">
  141.                                                     <span class="plus">+</span>
  142.                                                     <span class="count-text" data-speed="3000" data-stop="90">0</span>
  143.                                                     <span class="percent">%</span>
  144.                                                 </div>
  145.                                             </div>
  146.                                         </div>
  147.                                         <div class="inner">
  148.                                             <div class="bar">
  149.                                                 <div class="bar-innner">
  150.                                                     <div class="bar-fill" data-percent="90">
  151.                                                     </div>
  152.                                                 </div>
  153.                                             </div>
  154.                                         </div>
  155.                                     </div>
  156.                                     <!--End Progress Box-->
  157.                                 </div>
  158.                             </div>
  160.                         </div>
  161.                     </div>
  163.                     <div class="col-xl-6">
  164.                         <div class="about-style1__content">
  165.                             <div class="sec-title">
  166.                                 <div class="sub-title">
  167.                                     <h4>{{ 'siteAdi'|ayarlar }}</h4>
  168.                                 </div>
  169.                                 <h2>{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
  170.                             </div>
  171.                             {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
  173.                              <div class="text-box">
  174.                                     {{ metin[0]|default('')|raw }}</p>
  175.                              </div>
  177.                             <div class="text-box">
  178.                               {{ metin[1]|default('')|raw }}</p>
  179.                             </div>
  181.                             <div class="about-style1__btn-box">
  182.                                 <a class="btn-one" href="/{{veriler[3][0].seo}}">
  183.                                     <span class="txt">Daha fazla</span>
  184.                                 </a>
  185.                             </div>
  187.                         </div>
  188.                     </div>
  190.                 </div>
  191.             </div>
  192.         </section>
  193.         <!--End About Style1-->{#
  194. -- 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.  
  195. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  196. ** 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')"
  198. ----------------------------------------------------
  199. #}
  202. <!--Start Service Style1-->
  203.         <section class="service-style1">
  204.             <div class="container">
  205.                 <div class="sec-title text-center">
  206.                     <div class="sub-title">
  207.                         <h4>{{ 'siteAdi'|ayarlar }}</h4>
  208.                     </div>
  209.                     <h2>{{ veriler[4][0].adi }}</h2>
  210.                 </div>
  212.                 <div class="row">
  214.                   {% for veri in veriler[4][1] %}
  215.                     <!--Start Single Service Style1-->
  216.                     <div class="col-xl-3 col-lg-6 col-md-6">
  217.                         <div class="service-style1__single">
  218.                             <div class="service-style1__single-inner">
  219.                                
  220.                                 <div class="title">
  221.                                     <h3><a href="{{ veri.link }}">{{ veri.adi|html_entity_decode|raw }}</a></h3>
  222.                                 </div>
  223.                                 <div class="img-box">
  224.                                      {{ veri.resim|imgOlustur(200,10,'cover')|raw }}
  225.                                     <div class="overlay-icon">
  226.                                      
  227.                                        <span class="icon-arrow-right"></span>
  228.                                     </div>
  229.                                 </div>
  230.                                 <div class="text">
  231.                                     <p>{{ veri.metin|default('') =='' ? 'Keşfet' : veri.metin|html_entity_decode|striptags|slice(0,75)|raw }}...</p>
  232.                                 </div>
  233.                             </div>
  234.                             <div class="btn-box">
  235.                                 <a class="btn-one" href="{{ veri.link }}">
  236.                                     <span class="txt">Daha Fazla</span>
  237.                                 </a>
  238.                             </div>
  239.                         </div>
  240.                     </div>
  241.                     <!--End Single Service Style1-->
  242.                    {% endfor %}
  244.                 </div>
  245.                 <div class="service-style1__btn text-center">
  246.                     <a href="/{{veriler[4][0].seo}}">
  247.                         <span class="icon-arrow-right"></span> Tümünü Gör
  248.                     </a>
  249.                 </div>
  250.             </div>
  251.         </section>
  252.         <!--End Service Style1-->
  253. {#
  254. -- 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.  
  255. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, tarih, resimler
  256. ** 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')"
  258. ----------------------------------------------------
  259. #}
  263.                     
  264.                     {% endblock %}
  265. {% block javascripts %}{% endblock %}