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.   <!-- hero area -->
  22. <div class="hero-section">
  23.     <div class="hero-slider owl-carousel">
  24.         {% for slider in sliders %}
  25.         <div class="hero-single" style="background-image: url(/storage/{{ slider.resim }});">
  26.             <div class="container">
  27.                 <div class="row align-items-center">
  28.                     <div class="col-md-12 col-lg-6">
  29.                         <div class="hero-content">
  30.                             <h6 class="hero-sub-title" data-animation="fadeInUp" data-delay=".25s">
  31.                                 {{ 'siteAdi'|ayarlar }}
  32.                             </h6>
  33.                             <h1 class="hero-title" data-animation="fadeInRight" data-delay=".50s">
  34.                                 {{ slider.baslik|html_entity_decode|raw }}
  35.                             </h1>
  36.                             <p data-animation="fadeInLeft" data-delay=".75s">
  37.                                 {{ slider.aciklama|html_entity_decode|raw }}
  38.                             </p>
  39.                             <div class="hero-btn" data-animation="fadeInUp" data-delay="1s">
  40.                                 <a href="{{ iletisimLink }}" class="theme-btn">{{ 'Bize Ulaşın'|ceviri }}<i
  41.                                         class="fas fa-arrow-right ms-2"></i></a>
  42.                               
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.         {% endfor %}
  50.     </div>
  51. </div>
  52. <!-- hero area end -->
  53. {#
  54. -- 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.  
  55. -- Modül alanları : baslik, metin, resim
  56. ** 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')"
  58. ----------------------------------------------------
  59. #}
  62. <!-- about area -->
  63. <div class="about-area py-120">
  64.     <div class="container">
  65.         <div class="row">
  66.             <!-- Sol bölüm -->
  67.             <div class="col-lg-6">
  68.                 <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
  69.                     <div class="about-img">
  70.                       {{ veriler[3][1][0].resim|imgOlustur(600,15,'cover')|raw }}
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.             <!-- Sağ bölüm -->
  75.             <div class="col-lg-6">
  76.                 <div class="about-right wow fadeInUp" data-wow-delay=".25s">
  77.                     <div class="site-heading mb-3">
  78.                   
  79.                         <h2 class="site-title">{{ veriler['3'][1][0].baslik }}</h2>
  80.                     </div>
  81.                       {% set metin = veriler['3'][1][0].metin|html_entity_decode|split('</p>') %}
  82.                       {% for key,mm in metin %}
  83.                         {% if key<2 %}
  84.                           <p class="about-text mb-3">{{ (mm~'</p>')|raw }}</p>
  85.                         {%endif%}
  86.                       {%endfor%}
  87.                       <a href="{{ ''|site_anaLink~veriler['3'][0].seo }}" class="theme-btn mt-2">
  88.                           {{ 'Daha Fazla'|ceviri }}
  89.                           <i class="fas fa-arrow-right"></i>
  90.                       </a>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  95. </div>
  96. <!-- about area end -->
  97. {#
  98. -- Site Sayfa Verileri : "veriler[7]" 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.  
  99. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
  100. ** 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')"
  102. ----------------------------------------------------
  103. #}
  106. <!-- service area -->
  107. <div class="service-area sa-bg pt-80 pb-90">
  108.     <div class="container">
  109.         <div class="row g-4">
  110.             <div class="col-lg-3">
  111.                 <div class="site-heading mb-0">
  112.                     <h2 class="site-title text-white"><span>{{ veriler['7'][0].adi }}</span></h2>
  113.                     <p class="text-white mb-4">
  114.                         {{ 'Daha fazla ürün için mutlaka inceleyin!'|ceviri }}
  115.                     </p>
  116.                     <a href="{{ ''|site_anaLink~veriler['7'][0].seo }}" class="theme-btn">{{ 'Tümü'|ceviri }}<i class="fas fa-arrow-right"></i></a>
  117.                 </div>
  118.             </div>
  119.             <div class="col-lg-9">
  120.                 <div class="service-slider owl-carousel">
  121.                     {% for service in veriler['7'][1] %}
  122.                         <div class="service-item">
  123.                             <span class="count">{{ loop.index }}</span>
  124.                             <div class="service-img">
  125.                                {{ service.resim|imgOlustur(300,15,'cover')|raw }}
  126.                             </div>
  127.                             <div class="service-content">
  128.                                 <h4 class="service-title">
  129.                                     <a href="{{ service.link }}">{{ service.adi|html_entity_decode|raw }}</a>
  130.                                 </h4>
  131.                                 
  132.                                 <a href="{{ service.link }}" class="theme-btn mt-2">{{ 'Devamı'|ceviri }}<i class="fas fa-arrow-right"></i></a>
  133.                             </div>
  134.                         </div>
  135.                     {% endfor %}
  136.                 </div>
  137.             </div>
  138.         </div>
  139.     </div>
  140. </div>
  141. <!-- service area end -->
  142. {% if veriler[6] is not empty %}
  143.     <!-- blog-area -->
  144.     <div class="blog-area py-120">
  145.         <div class="container">
  146.             <div class="row">
  147.                 <div class="col-lg-6 mx-auto">
  148.                     <div class="site-heading text-center wow fadeInDown" data-wow-delay=".25s">
  149.                         <h2 class="site-title"><span>{{ veriler[6][0].adi }}</span></h2>
  150.                         <div class="heading-divider"></div>
  151.                     </div>
  152.                 </div>
  153.             </div>
  154.             <div class="row g-4">
  155.                 {% for blog in veriler[6][1] %}
  156.                     <div class="col-md-6 col-lg-4">
  157.                         <div class="blog-item wow fadeInUp" data-wow-delay=".25s">
  158.                             <div class="blog-item-img">
  159.                                 {{ blog.resimler|split(',')[0]|imgOlustur(300,10,'cover')|raw }}
  160.                             </div>
  161.                             <div class="blog-date">
  162.                                 <strong>{{ blog.tarih|date('d') }}</strong>
  163.                                 <span>{{ blog.tarih|date('F')|tarih_yaz|ceviri }}</span>
  164.                             </div>
  165.                             <div class="blog-item-info">
  166.                                 <div class="blog-item-meta">
  167.                                     <ul>
  168.                                         <li><a href="#"><i class="far fa-user-circle"></i> {{ 'siteAdi'|ayarlar }}</a></li>
  169.                                     </ul>
  170.                                 </div>
  171.                                 <h4 class="blog-title">
  172.                                     <a href="{{ blog.link }}">{{ blog.adi|html_entity_decode|raw }}</a>
  173.                                 </h4>
  174.                                 <p>{{ blog.metin|html_entity_decode|striptags|slice(0,75) }}...</p>
  175.                                 <a class="theme-btn" href="{{ blog.link }}">{{ 'Devamını Oku'|ceviri }}<i class="fas fa-arrow-right ms-2"></i></a>
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                 {% endfor %}
  180.             </div>
  181.         </div>
  182.     </div>
  183.     <!-- blog-area end -->
  184. {% endif %}
  186.                     
  187.                     {% endblock %}
  188. {% block javascripts %}{% endblock %}