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. #}
  28. <!-- Start Banner Area -->
  29. <div class="banner-area bg-img bg-f3eade" >
  30.     <div id="carouselExample" class="carousel slide"     data-bs-ride="carousel"
  31.          data-bs-interval="3000">
  32.         <div class="carousel-inner">
  33.             {% for key,slider in sliders %}
  35.                 <div class="carousel-item {% if key==0 %}active{% endif %}">
  36.                   
  37.                   <img src="/storage/{{ slider.resim }}" class="w-100">
  38.            
  39.                     <div class="row align-items-center position-absolute ozelbanner" style="    bottom: 100px;
  40.     left: 90px;
  41.     width: 80%;">
  42.                         <div class="col-lg-5">
  43.                             <div class="banner-content">
  44.                                 
  45.                                 <div class="d-flex flex-wrap gap-30 banner-btn align-items-center">
  46.                                     <a href="/kataloglar" class="default-btn">
  47.                                         <div class="d-flex align-items-center gap-10 text-white">
  48.                                             Kataloglar
  49.                                             <img src="/dist/assets/images/icon-right-arrow.svg" alt="icon-right-arrow">
  50.                                         </div>
  51.                                     </a>
  52.                                   
  53.                                 </div>
  54.                             </div>
  55.                         </div>
  56.                        
  57.                     </div>
  58.                 </div>
  60.             {% endfor %}
  61.         </div>
  62.         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
  63.             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  64.             <span class="visually-hidden">Previous</span>
  65.         </button>
  66.         <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
  67.             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  68.             <span class="visually-hidden">Next</span>
  69.         </button>
  70.     </div>
  73. </div>
  74. <!-- End Banner Area -->
  76. <div class="partner-area bg-secondary">
  77.     <div class="container-fluid p-0">
  78.         <div class="row g-4 justify-content-center">
  79.             {% for key,vv in veriler[5][1] %}
  81.                 {% if key<6 %}
  83.                     <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6">
  84.                         <div class="partner-single-item" style="filter: brightness(0) invert(1);">
  85.                             {{ vv.resim|imgOlustur(40,0,'contain')|raw }}
  86.                         </div>
  87.                     </div>
  89.                 {% endif %}
  90.             {% endfor %}
  92.         </div>
  93.     </div>
  94. </div>{#
  95. -- 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.  
  96. -- Modül alanları : baslik, metin, resim
  97. ** 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')"
  99. ----------------------------------------------------
  100. #}
  104. <div class="get-to-know-us-area ptb-120">
  105.     <div class="container mw-1690">
  106.         <div class="row g-4">
  107.             <div class="col-xxl-6">
  108.                 <div class="get-to-know-img">
  109.                     <img src="/storage/{{ veriler[3][1][0].resim }}" class="ukiyo object-fit-contain" alt="get-to-know">
  110.                 </div>
  111.             </div>
  112.             <div class="col-xxl-6">
  113.                 <div class="get-to-know-us-content" >
  114.                     <div class="mb-40 mt-0">
  115.                         <span class="top-title">{{ 'siteAdi'|ayarlar }}</span>
  116.                         <h2 class="main-title">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
  118.                         {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
  119.                             {% for key,mm in metin %}
  120.                             {% if key<2 %}
  121.                             {{ mm|raw }}</p>
  122.                             {% endif %}
  123.                             {% endfor %}
  124.                     </div>
  125.                 <a href="/{{ veriler[3][0].seo }}" class="default-btn mt-2">
  126.                             <div class="d-flex align-items-center gap-10">
  127.                                 Daha fazla
  128.                                 <img src="/dist/assets/images/icon-right-arrow.svg" alt="icon-right-arrow">
  129.                             </div>
  130.                         </a>
  135.                 </div>
  136.             </div>
  137.         </div>
  138.     </div>
  139. </div>
  140. {#
  141. -- 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.  
  142. -- Modül alanları : adı, dosya
  143. ** 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')"
  145. ----------------------------------------------------
  146. #}
  148. <div class="team-area pb-120">
  149.     <div class="container mw-1690">
  150.         <div class="row align-items-center g-4 mb-50">
  151.             <div class="col-lg-7">
  152.                 <span class="top-title">{{ 'siteAdi'|ayarlar }}</span>
  153.                 <h2 class="main-title">{{ veriler[4][0].adi|html_entity_decode|raw }}</h2>
  154.             </div>
  155.             <div class="col-lg-5">
  156.                 <p>Tüm kataloglarımızı inceleyin!</p>
  157.             </div>
  158.         </div>
  160.         <div class="team-content">
  161.             <div class="nav flex-column nav-pills me-3 team-tabs" id="v-pills-tab" role="tablist" aria-orientation="vertical" >
  163.                 <div class="row g-4 align-items-center">
  165.                     {% for ss in veriler[4][1] %}
  166.                         <div class="col-lg-6">
  167.                             <a href="{{ ss.link }}" class="nav-link" id="v-pills-robert-tab" >
  168.                                 <div class="d-flex flex-wrap justify-content-between align-items-center gap-10">
  169.                                     <div>
  170.                                         <h3>{{ ss.adi|html_entity_decode|raw }}</h3>
  171.                                     </div>
  173.                                     <span class="read-more-icon">
  174.                                                 <img src="/dist/assets/images/icon-right-arrow-color.svg" class="arrow-img" alt="icon-right-arrow-color">
  175.                                             </span>
  176.                                 </div>
  177.                             </a>
  178.                         </div>
  179.                     {% endfor %}
  181.                 </div>
  184.             </div>
  185.         </div>
  189.     </div>
  190. </div>
  191. {#
  192. -- 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.  
  193. -- Modül alanları : adı, link, resim
  194. ** 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')"
  196. ----------------------------------------------------
  197. #}
  200. {#
  201. -- 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.  
  202. -- Modül alanları : adı, link, resim
  203. ** 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')"
  205. ----------------------------------------------------
  206. #}
  210.                     
  211.                     {% endblock %}
  212. {% block javascripts %}{% endblock %}