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. <section class="slider-one">
  26.     <div class="slider-one__carousel owl-carousel owl-theme">
  27.         <!--Start Slider One Single-->
  28.         {% for slider in sliders %}
  29.         <div class="slider-one__single">
  30.             <div class="slider-one__single-bg"
  31.                 style="background-image: url(/storage/{{ slider.resim }});"></div>
  32.             <div class="shape1"></div>
  33.             <div class="shape2"></div>
  34.             <div class="shape3"></div>
  35.             <div class="shape4"></div>
  36.             <div class="container">
  37.                 <div class="slider-one__single-inner">
  38.                     <div class="slider-one__single-content">
  39.                         <div class="tagline">
  40.                             <div class="round"></div>
  41.                             <div class="text"><span>{{ 'siteAdi'|ayarlar }}</span></div>
  42.                         </div>
  44.                         <div class="title-box">
  45.                             <h2>{{ slider.baslik|default('') }}</h2>
  46.                         </div>
  48.                         <div class="text-box">
  49.                             <p>{{ slider.aciklama|default('') }}</p>
  50.                         </div>
  52.                         <div class="btn-box">
  53.                             <a class="thm-btn" href="{{ iletisimLink }}">Bize Ulaşın
  54.                                 <i class="icon-right-arrow21"></i>
  55.                                 <span class="hover-btn hover-bx"></span>
  56.                                 <span class="hover-btn hover-bx2"></span>
  57.                                 <span class="hover-btn hover-bx3"></span>
  58.                                 <span class="hover-btn hover-bx4"></span>
  59.                             </a>
  60.                         </div>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.         </div>
  65.         <!--End Slider One Single-->
  66.         {% endfor %}
  67.     </div>
  68. </section>
  69. {#
  70. -- 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.  
  71. -- Modül alanları : baslik, metin, resim
  72. ** 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')"
  73. -- Eğer bir link alanı varsa bunu Daha Fazla olarak isimlendirin. Ardından link olarak {{ ''|site_anaLink~veriler[3][0].seo }}
  74. Bu tekil kurumsal sayfaların metin alanlarını için gerekli kod: 
  75. {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')  %}
  76. {{ (metin[0]~'</p>')|raw }}
  77. {{ (metin[1]~'</p>')|raw }}
  78. ----------------------------------------------------
  79. #}
  81. {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')  %}
  82. <section class="about-three">
  83.     <div class="container">
  84.         <div class="row">
  85.             <!--Start About Three Img-->
  86.             <div class="col-xl-6">
  87.                 <div class="about-three__img">
  88.                     <div class="shape1 float-bob-x">
  89.                         <img src="/dist/assets/images/shapes/about-v2-shape2.png" alt="">
  90.                     </div>
  91.                     <div class="about-three__img-box">
  92.                         <ul>
  93.                             <li>
  94.                                 <div class="img-box reveal">
  95.                                     <img src="/storage/{{ veriler[3][1][0].resim }}" alt="">
  96.                                 </div>
  97.                             </li>
  98.                             
  99.                         </ul>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.             <!--End About Three Img-->
  105.             <!--Start About Three Content-->
  106.             <div class="col-xl-6">
  107.                 <div class="about-three__content">
  108.                     <div class="sec-title tg-heading-subheading animation-style2">
  109.                         <div class="sec-title__tagline">
  110.                             <div class="line"></div>
  111.                             <div class="text tg-element-title">
  112.                                 <h4>{{ 'siteAdi'|ayarlar }}</h4>
  113.                             </div>
  114.                             <div class="icon">
  115.                                 <span class="icon-plane2 float-bob-x3"></span>
  116.                             </div>
  117.                         </div>
  118.                         <h2 class="sec-title__title tg-element-title">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
  119.                     </div>
  121.                     <div class="about-three__content-text">
  122.                         {{ (metin[0]~'</p>')|html_entity_decode|raw }}
  123.                            {{ (metin[1]~'</p>')|html_entity_decode|raw }}
  124.                     </div>
  126.                     
  128.                     <div class="about-three__content-btn">
  129.                         <a class="thm-btn" href="{{ ''|site_anaLink~veriler[3][0].seo }}">Daha Fazla
  130.                             <i class="icon-right-arrow21"></i>
  131.                             <span class="hover-btn hover-bx"></span>
  132.                             <span class="hover-btn hover-bx2"></span>
  133.                             <span class="hover-btn hover-bx3"></span>
  134.                             <span class="hover-btn hover-bx4"></span>
  135.                         </a>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.             <!--End About Three Content-->
  140.         </div>
  141.     </div>
  142. </section>{#
  143. -- 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.  
  144. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  145. ** 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')"
  147. ----------------------------------------------------
  148. #}
  150. <section class="service-one">
  151.     <div class="service-one__pattern" style="background-image: url(/dist/assets/images/pattern/service-v1-pattern.jpg);"></div>
  152.     <div class="container">
  153.         <div class="sec-title center text-center tg-heading-subheading animation-style2">
  154.             <div class="sec-title__tagline">
  155.                 <div class="line"></div>
  156.                 <div class="text tg-element-title">
  157.                     <h4>{{ 'siteAdi'|ayarlar }}</h4>
  158.                 </div>
  159.                 <div class="icon">
  160.                     <span class="icon-plane2 float-bob-x3"></span>
  161.                 </div>
  162.             </div>
  163.             <h2 class="sec-title__title tg-element-title">{{ veriler[4][0].adi }}</h2>
  164.         </div>
  166.         <div class="row">
  167.             <div class="service-one__carousel owl-carousel owl-theme owl-dot-style1">
  168.                 {% for icerik in veriler[4][1] %}
  169.                     <div class="service-one__single">
  170.                         <div class="service-one__single-inner">
  171.                             <div class="service-one__single-img">
  172.                                {{ icerik.resim|imgOlustur(400,10,'cover')|raw }}
  173.                             </div>
  175.                             <div class="service-one__single-content">
  176.                                 <h2><a href="{{ icerik.link }}">{{ icerik.adi }}</a></h2>
  177.                                 <div class="btn-box">
  178.                                     <a href="{{ icerik.link }}">Daha Fazla <span class="icon-right-arrow21"></span></a>
  179.                                 </div>
  180.                             </div>
  181.                         </div>
  183.                         <div class="icon">
  184.                             <span class="icon-delivery-man"></span>
  185.                         </div>
  186.                     </div>
  187.                 {% endfor %}
  188.             </div>
  189.         </div>
  190.     </div>
  191. </section>
  193.                     
  194.                     {% endblock %}
  195. {% block javascripts %}{% endblock %}