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.                     {{ slider.resim|imgOlustur(800,0,'cover')|raw }}
  37.                     <div style="
  38.     position: absolute;
  39.     width: 100%;
  40.     height: 100%;
  41.     left: 0;
  42.     top: 0;
  43.     background-color: #f4e9ddad;
  44.     z-index: 0;
  45. "></div>
  46.                     <div class="row align-items-center position-absolute ozelbanner" style="    top: 220px;
  47.     left: 90px;
  48.     width: 80%;">
  49.                         <div class="col-lg-5">
  50.                             <div class="banner-content">
  51.                                 <span class="top-title">{{ 'siteAdi'|ayarlar }}</span>
  52.                                 <h1>{{ slider.baslik|html_entity_decode|raw }}</h1>
  53.                                 <p>{{ slider.aciklama|html_entity_decode|raw }}</p>
  55.                                 <div class="d-flex flex-wrap gap-30 banner-btn align-items-center">
  56.                                     <a href="/kataloglar" class="default-btn">
  57.                                         <div class="d-flex align-items-center gap-10 text-white">
  58.                                             Kataloglar
  59.                                             <img src="/dist/assets/images/icon-right-arrow.svg" alt="icon-right-arrow">
  60.                                         </div>
  61.                                     </a>
  62.                                     <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}" class="d-flex align-items-center call-btn gap-15">
  63.                                         <div class="flex-shrink-0">
  64.                                             <div class="icon">
  65.                                                 <img src="/dist/assets/images/icon-call.svg" alt="icon-call">
  66.                                             </div>
  67.                                         </div>
  68.                                         <div class="flex-grow-1">
  69.                                             <span class="d-block name">Bilgi alın</span>
  70.                                             <span class="number">{{ 'telefon'|site_iletisimBilgileri|raw }}</span>
  71.                                         </div>
  72.                                     </a>
  73.                                 </div>
  74.                             </div>
  75.                         </div>
  76.                         <div class="col-lg-7">
  77.                             <div class="banner-img position-relative z-1" >
  78.                                 <span class="monograms d-none d-lg-inline-block">Teknik Yapı Çözümleri</span>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  84.             {% endfor %}
  85.         </div>
  86.         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
  87.             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  88.             <span class="visually-hidden">Previous</span>
  89.         </button>
  90.         <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
  91.             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  92.             <span class="visually-hidden">Next</span>
  93.         </button>
  94.     </div>
  97. </div>
  98. <!-- End Banner Area -->
  100. <div class="partner-area bg-secondary">
  101.     <div class="container-fluid p-0">
  102.         <div class="row g-4 justify-content-center">
  103.             {% for key,vv in veriler[5][1] %}
  105.                 {% if key<6 %}
  107.                     <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6">
  108.                         <div class="partner-single-item" style="filter: brightness(0) invert(1);">
  109.                             {{ vv.resim|imgOlustur(40,0,'contain')|raw }}
  110.                         </div>
  111.                     </div>
  113.                 {% endif %}
  114.             {% endfor %}
  116.         </div>
  117.     </div>
  118. </div>{#
  119. -- 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.  
  120. -- Modül alanları : baslik, metin, resim
  121. ** 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')"
  123. ----------------------------------------------------
  124. #}
  127. <div class="testimonial-area bg-f3eade overflow-hidden my-5">
  128.     <div class="container-fluid p-lg-0">
  129.         <div class="row">
  130.             <div class="col-lg-6">
  131.                 <div class="testimonial-img-one position-relative h-100">
  132.                     <div ><img src="/storage/{{ veriler[3][1][0].resim }}" class="h-100 object-fit-cover ukiyo" alt="testimonial" ></div>
  133.                 </div>
  134.             </div>
  135.             <div class="col-lg-6">
  136.                 <div class="ptb-120">
  137.                     <div class="testimonial-content-wrap">
  138.                         <div class="mb-30 mt-0">
  139.                             <span class="top-title">{{ 'siteAdi'|ayarlar }}</span>
  140.                             <h2 class="main-title mw-100">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
  141.                         </div>
  143.                         <div class="testimonial-single-item">
  145.                             {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
  146.                             {% for key,mm in metin %}
  147.                             {% if key<3 %}
  148.                             {{ mm|raw }}</p>
  149.                             {% endif %}
  150.                             {% endfor %}
  152.                         </div>
  154.                         <a href="/{{ veriler[3][0].seo }}" class="default-btn mt-2">
  155.                             <div class="d-flex align-items-center gap-10">
  156.                                 Daha fazla
  157.                                 <img src="/dist/assets/images/icon-right-arrow.svg" alt="icon-right-arrow">
  158.                             </div>
  159.                         </a>
  162.                     </div>
  163.                 </div>
  164.             </div>
  165.         </div>
  166.     </div>
  167. </div>{#
  168. -- 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.  
  169. -- Modül alanları : adı, dosya
  170. ** 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')"
  172. ----------------------------------------------------
  173. #}
  175. <div class="team-area pb-120">
  176.     <div class="container mw-1690">
  177.         <div class="row align-items-center g-4 mb-50">
  178.             <div class="col-lg-7">
  179.                 <span class="top-title">{{ 'siteAdi'|ayarlar }}</span>
  180.                 <h2 class="main-title">{{ veriler[4][0].adi|html_entity_decode|raw }}</h2>
  181.             </div>
  182.             <div class="col-lg-5">
  183.                 <p>Tüm kataloglarımızı inceleyin!</p>
  184.             </div>
  185.         </div>
  187.         <div class="team-content">
  188.             <div class="nav flex-column nav-pills me-3 team-tabs" id="v-pills-tab" role="tablist" aria-orientation="vertical" >
  190.                 <div class="row g-4 align-items-center">
  192.                     {% for ss in veriler[4][1] %}
  193.                         <div class="col-lg-6">
  194.                             <a href="{{ ss.link }}" class="nav-link" id="v-pills-robert-tab" >
  195.                                 <div class="d-flex flex-wrap justify-content-between align-items-center gap-10">
  196.                                     <div>
  197.                                         <h3>{{ ss.adi|html_entity_decode|raw }}</h3>
  198.                                     </div>
  200.                                     <span class="read-more-icon">
  201.                                                 <img src="/dist/assets/images/icon-right-arrow-color.svg" class="arrow-img" alt="icon-right-arrow-color">
  202.                                             </span>
  203.                                 </div>
  204.                             </a>
  205.                         </div>
  206.                     {% endfor %}
  208.                 </div>
  211.             </div>
  212.         </div>
  216.     </div>
  217. </div>
  218. {#
  219. -- 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.  
  220. -- Modül alanları : adı, link, resim
  221. ** 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')"
  223. ----------------------------------------------------
  224. #}
  227. {#
  228. -- 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.  
  229. -- Modül alanları : adı, link, resim
  230. ** 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')"
  232. ----------------------------------------------------
  233. #}
  237.                     
  238.                     {% endblock %}
  239. {% block javascripts %}{% endblock %}