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 %}
  5. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  6. {% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  7. {% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  8. {% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  9. {% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  10. {% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  11. {% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  12. {% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  13. {% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  14. {% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  15. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  16. {% block body %}
  17.  
  18.   {#
  19. -- Çoklu Resim Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
  20. -- Eğer tek slider da tek bir resim var ise : sliders dizinin 0. elamanları üzerinden kullanın.
  21. -- Genellikle dosya ve resim yolu kullanırken {{ path('panel_storage',{'file':resimdegiskeni}) }} şeklinde kullanın.
  22. -- İletişim Linki : {{ iletisimLink }} isim olarak Bize Ulaşın kullanın.
  23. ----------------------------------------------------
  24. #}
  25. <section class="banner v2">
  26.     <div class="banner-content v2">
  27.         <div class="swiper swiper-banner">
  28.             <div class="swiper-wrapper">
  29.                 {% for slider in sliders %}
  30.                 <div class="swiper-slide">
  31.                     <div class="banner-img"
  32.                         style="background-image: url('{{ path('panel_storage', {'file': slider.resim}) }}');">
  33.                         <div class="banner-data">
  34.                             <div class="container">
  35.                                 <div class="section-title">
  36.                                     <div class="section-title-inner w-v3">
  37.                                         <h4 class="sub-titlev2 color-white animate__animated animate__fadeInUp" style="animation-duration: 1s;"><span>{{ 'siteAdi'|ayarlar }}</span></h4>
  38.                                         <h2 class="big-title s-color-white animate__animated animate__fadeInUp" style="animation-duration: 1s;">{{ slider.baslik }}</h2>
  39.                                         <p class="title-para s-color-white animate__animated animate__fadeInUp" style="animation-duration: 2s;">{{ slider.aciklama }}</p>
  40.                                     </div>
  41.                                 </div>
  42.                                 <div class="play-data v1 animate__animated animate__fadeInUp"  style="animation-duration: 2s;">
  43.                                     <div class="all-btn">
  44.                                         <a href="{{ iletisimLink }}" class="btn-p v1 btn-blue2 rounded icon-v1">Bize Ulaşın</a>
  45.                                     </div>
  46.                                    
  47.                                 </div>
  48.                                 
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.                 {% endfor %}
  54.             </div>
  55.             <div class="swiper-button-next"></div>
  56.             <div class="swiper-button-prev"></div>
  57.         </div>
  58.     </div>
  59. </section>
  60. {#
  61. -- 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.  
  62. -- Modül alanları : seourl, sayfabasligi, anahtarkelimeler, sayfaaciklamasi, adi, metin, resim
  63. -- Linkler de modülün link alanını kullanın.
  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')"
  65. -- metin değişkinin olduğu alanlarında yapılandırması : ilgili değişken üzerine |html_entity_decode|striptags|slice(0,75)|raw fitrelerini ekle.
  66. ----------------------------------------------------
  67. #}
  68. <section class="my-120">
  69.     <div class="container-lg">
  70.         <div class="section-title center">
  71.             <div class="section-title-inner center w-v2">
  72.                 <h4 class="sub-title" data-aos="fade-down" data-aos-duration="1000">{{ 'siteAdi'|ayarlar }}</h4>
  73.                 <h2 class="big-title s-color-black" data-aos="fade-up" data-aos-duration="1000">{{ veriler[3][0].adi }}</h2>
  74.             </div>
  75.         </div>
  76.         <div class="case-studies-cards v2">
  77.             <div class="row">
  78.                 {% for item in veriler[3][1] %}
  79.                 <div class="col-md-4 col-xl-4 col-sm-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ loop.index0 * 200 + 100 }}">
  80.                     <div class="case-studies-card">
  81.                         <div class="item-icon">
  82.                            {{ item.resim|imgOlustur(300,10,'cover')|raw }}
  83.                         </div>
  84.                         <h4 class="item-title">{{ item.adi|html_entity_decode|raw }}</h4>
  85.                         <div class="all-btn">
  86.                             <a href="{{ item.link }}" class="btn-p v2 btn-white rounded-full icon-v1">Daha fazla</a>
  87.                         </div>
  88.                         
  89.                     </div>
  90.                 </div>
  91.                 {% endfor %}
  92.             </div>
  93.         </div>
  94.     </div>
  95. </section>
  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ı : baslik, metin, resim
  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')"
  100. -- Eğer bir link alanı varsa bunu Daha Fazla olarak isimlendirin. Ardından link olarak {{ ''|site_anaLink~veriler[5][0].seo }}
  101. Bu tekil kurumsal sayfaların metin alanlarını için gerekli kod: 
  102. {% set metin = veriler[5][1][0].metin|html_entity_decode|split('</p>')  %}
  103. {{ (metin[0]~'</p>')|raw }}
  104. {{ (metin[1]~'</p>')|raw }}
  105. ----------------------------------------------------
  106. #}
  107. <section class="about-us v2 @ py-120">
  108.     <div class="container-xl">
  109.         <div class="about-us-content v2">
  110.             <div class="row align-items-center">
  111.                 <div class="col-xxl-5 col-lg-6 col-md-12">
  112.                     <div class="left-img">
  113.                       {{ veriler[5][1][0].resim|imgOlustur(500,10,'cover')|raw }}
  114.                     </div>
  115.                 </div>
  116.                 <div class="col-xxl-7 col-lg-6 col-md-12">
  117.                     <div class="about-us-right-content">
  118.                         <div class="section-title">
  119.                             <div class="section-title-inner">
  120.                                 <h4 class="sub-title" data-aos="fade-down" data-aos-duration="1000">{{ 'siteAdi'|ayarlar }}</h4>
  121.                                 <h2 class="big-title s-color-black" data-aos="fade-up" data-aos-duration="1000">{{ veriler[5][0].adi }}</h2>
  122.                                 <p class="title-para sp-color-black" data-aos="fade-up" data-aos-duration="1000">
  123.                                     {% set metin = veriler[5][1][0].metin|html_entity_decode|split('</p>') %}
  124.                                     {{ (metin[0]~'</p>')|raw }}
  125.                                     {{ (metin[1]~'</p>')|raw }}
  126.                                 </p>
  127.                             </div>
  128.                         </div>
  129.                         <div class="contact-info">
  130.                             <div class="all-btn">
  131.                                 <a href="{{ ''|site_anaLink~veriler[5][0].seo }}" class="btn-p v1 btn-blue icon-v1 rounded">Daha Fazla</a>
  132.                             </div>
  133.                             <div class="contact-icon">
  134.                                 <i class="my-icon icon-call-us"></i>
  135.                             </div>
  136.                             <div class="info-data">
  137.                                 <p class="para">Telefon</p>
  138.                                 <h4 class="title">{{ 'telefon'|site_iletisimBilgileri|raw }}</h4>
  139.                             </div>
  140.                         </div>
  141.                         
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </div>
  147.     <div class="bg-left">
  148.         <img src="/dist/assets/img/about-us/v2/bg-left.png" alt="bg-left">
  149.     </div>
  150. </section>
  151. {#
  152. -- 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.  
  153. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaacıklaması, adı, metin, tarih, resimler
  154. -- Linkler de modülün link alanını kullanın.
  155. ** 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')"
  156. -- metin değişkenin olduğu alanlarında yapılandırması : ilgili değişken üzerine |html_entity_decode|striptags|slice(0,75)|raw fitrelerini ekle.
  157. ----------------------------------------------------
  158. #}
  159. <section class="my-120 @">
  160.     <div class="container-xl">
  161.         <div class="section-title center">
  162.             <div class="section-title-inner w-v2 center">
  163.                 <h4 class="sub-title" data-aos="fade-down" data-aos-duration="1000">{{ 'siteAdi'|ayarlar }}</h4>
  164.                 <h2 class="big-title s-color-black" data-aos="fade-up" data-aos-duration="1000">{{ veriler[4][0].adi }}</h2>
  165.             </div>
  166.         </div>
  167.         <div class="blog-cards v2">
  168.             <div class="row">
  169.                 {% for blog in veriler[4][1] %}
  170.                 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ loop.index * 200 }}">
  171.                     <div class="blog-card">
  172.                         <div class="card-img">
  173.                             <a href="{{ blog.seourl }}">
  174.                                {{ blog.resim|imgOlustur(300,10,'cover')|raw }}
  175.                             </a>
  176.                         </div>
  177.                         <div class="card-body">
  178.                             <h3 class="title"><a href="{{ blog.link }}">{{ blog.adi|html_entity_decode|raw }}</a></h3>
  179.                             <p class="para">{{ blog.metin|html_entity_decode|striptags|slice(0,75)|raw }}</p>
  180.                         </div>
  181.                         <div class="card-footer">
  182.                             <div class="all-btn">
  183.                                 <a href="{{ blog.link }}" class="btn-p icon-v2">Daha fazla</a>
  184.                             </div>
  185.                             
  186.                         </div>
  187.                         <div class="card-date">
  188.                             <div class="date-icon">
  189.                                 <i class="my-icon icon-calander-2"></i>
  190.                             </div>
  191.                             <p class="para">{{ blog.tarih|date('d F Y')|tarih_yaz }}</p>
  192.                         </div>
  193.                     </div>
  194.                 </div>
  195.                 {% endfor %}
  196.             </div>
  197.         </div>
  198.     </div>
  199. </section>
  200.                     
  201.                     {% endblock %}
  202. {% block javascripts %}{% endblock %}