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. #}
  29. <div class="slider-section">
  30.     <div class="main-slider">
  31.         <div class="swiper-wrapper">
  32.             {% for slider in sliders %}
  33.                 <div class="swiper-slide">
  34.                     <div class="slider-img-wrap">
  35.                         <div class="slider-img"><img src="{{ path('panel_storage',{'file':slider.resim|default('resimyok.webp')}) }}" alt="img" class="kenburns" ></div>
  36.                         <div class="slider-shape">
  37.                             <div data-animation="slide-in-top" data-duration="1.5s" data-delay="0.3s" class></div>
  38.                             <div data-animation="slide-in-top" data-duration="1.5s" data-delay="0.2s" class></div>
  39.                             <div data-animation="slide-in-bottom" data-duration="1.5s" data-delay="0.2s" class></div>
  40.                             <div data-animation="slide-in-bottom" data-duration="1.5s" data-delay="0.2s" class></div>
  41.                         </div>
  42.                     </div>
  43.                     <div class="slider-content-wrap d-flex align-items-center text-left">
  44.                         <div class="container">
  45.                             <div class="slider-content">
  46.                                 <div class="slider-caption medium">
  47.                                     <div class="inner-layer">
  48.                                         <div data-animation="fade-in-bottom" data-delay="0.3s">{{ 'siteAdi'|ayarlar }}
  49.                                         </div>
  50.                                     </div>
  51.                                 </div>
  52.                                 <div class="slider-caption big">
  53.                                     <div class="inner-layer">
  54.                                         <div data-animation="fade-in-bottom" data-delay="0.5s"> {{ slider.baslik|default('') }}
  55.                                         </div>
  56.                                     </div>
  57.                                 </div>
  58.                                 <div class="slider-caption small">
  59.                                     <div class="inner-layer">
  60.                                         <div data-animation="fade-in-bottom" data-delay="0.7s" data-duration="1s">{{ slider.aciklama|default('') }}</div>
  61.                                     </div>
  62.                                 </div>
  63.                                 <div class="slider-btn">
  64.                                     <a href="tel:{{ 'telefon'|site_iletisimBilgileri }}" class="default-btn" data-animation="fade-in-bottom" data-delay="0.9s"><i class="fa fa-phone me-1"></i> {{ 'telefon'|site_iletisimBilgileri }}</a>
  65.                                 </div>
  66.                             </div>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.             {% endfor %}
  73.         </div>
  74.         <div class="slider-pagination"></div>
  75.     </div>
  76. </div>
  79. {#
  80. -- 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.  
  81. -- Modül alanları : baslik, 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. #}
  88. <section class="about-section bd-bottom padding">
  89.     <div class="container">
  90.         <div class="row">
  91.             <div class="col-lg-5">
  92.                 <div class="about-img-wrap">
  93.                     {{ veriler[3][1][0].resim|imgOlustur(550,10,'cover')|raw }}
  94.                 </div>
  95.             </div>
  96.             <div class="col-lg-7">
  97.                 <div class="section-heading wow fade-in-bottom" data-wow-delay="200ms" >
  98.                     <h3>{{ 'siteAdi'|ayarlar }}</h3>
  99.                     <h2><span>{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</span></h2>
  100.                     <p>
  101.                         {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')  %}
  102.                         {{ (metin[0]~'</p>')|raw }}
  103.                         {{ (metin[1]~'</p>')|raw }}
  104.                         {{ (metin[2]~'</p>')|raw }}
  105.                     </p>
  106.                 </div>
  108.                 <div class="btn-group">
  109.                     <a href="{{ ''|site_anaLink~veriler[3][0].seo }}" class="default-btn wow fade-in-bottom" data-wow-delay="200ms">Daha fazla</a>
  111.                 </div>
  112.             </div>
  113.         </div>
  114.     </div>
  115. </section>{#
  116. -- 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.  
  117. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  118. ** 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')"
  120. ----------------------------------------------------
  121. #}
  124. <section class="project-section bg-grey padding">
  125.     <div class="bg-pattern"></div>
  126.     <div class="container">
  127.         <div class="section-heading-wrap mb-40">
  128.             <div class="section-heading wow fade-in-left" data-wow-delay="200ms">
  129.                 <h3>{{ 'siteAdi'|ayarlar }}</h3>
  130.                 <h2><span>{{ veriler[4][0].adi }}</span></h2>
  131.                 <p>Benzersiz bir rahatlama ve iyileşme deneyimi sunar.</p>
  132.             </div>
  133.             <a class="default-btn wow fade-in-right" data-wow-delay="400ms" href="{{ ''|site_anaLink~veriler[4][0].seo }}">Daha fazla</a>
  134.         </div>
  135.         <div class="swiper-outside">
  136.             <div class="project-carousel">
  137.                 <div class="swiper-wrapper">
  138.                     {% for icerik in veriler[4][1] %}
  139.                         <div class="swiper-slide">
  140.                         <div class="project-item wow fade-in-bottom" data-wow-delay="200ms">
  141.                             <div class="project-thumb project-view">
  142.                                 <a href="{{ icerik.link }}">
  143.                                     {{ icerik.resim|imgOlustur(330,10,'cover')|raw }}
  144.                                 </a>
  145.                             </div>
  146.                             <div class="project-content">
  147.                                 <a href="{{ icerik.link }}" class="category">Keşfet</a>
  148.                                 <h3><a href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a></h3>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                     {% endfor %}
  155.                 </div>
  156.                 <div class="carousel-pagination"></div>
  157.             </div>
  159.             <div class="swiper-nav swiper-next"><i class="las la-long-arrow-alt-right"></i></div>
  160.             <div class="swiper-nav swiper-prev"><i class="las la-long-arrow-alt-left"></i></div>
  161.         </div>
  162.     </div>
  163. </section>
  165.                     
  166.                     {% endblock %}
  167. {% block javascripts %}{% endblock %}