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. #}
  30. <div class="rts-banner-three-area rts-section-gap">
  32.         <div class="container pt--150 pb--90">
  33.             <div class="row">
  34.                 <div class="banner-three-wrapper">
  35.                     <span class="pre-title">{{ 'siteAdi'|ayarlar }}</span>
  36.                     <h1 class="title">
  37.                         {{ sliders[0].baslik|raw }} <br>
  38.                         <span class="strock" id="fullText" fullText="{{ sliders[0].aciklama|raw }}">
  39.                             {{ sliders[0].aciklama|split(',')[0] }}
  40.                         </span>
  41.                     </h1>
  42.                     
  43.                     <!-- to bottom icon -->
  44.                     <div class="rts-to-bottom-start">
  45.                         <a href="#about"><img src="/dist/assets/images/banner/shape/03.png" alt="shape image"></a>
  46.                     </div>
  47.                     <!-- to bottom icon end -->
  48.                 </div>
  49.             </div>
  50.         </div>
  51.         <div class="banner-image-area">
  52.            <img src="/storage/{{ sliders[0].resim }}" alt="banner-image">
  53.         </div>
  54.     </div>
  57. {#
  58. -- 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.  
  59. -- Modül alanları : baslik, metin, resim
  60. ** 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')"
  62. ----------------------------------------------------
  63. #}
  64. <div class="rts-about-area rts-section-gap3" id="about">
  65.         <div class="container">
  66.             <div class="row align-items-start">
  67.                 <div class="col-lg-5">
  68.                     <div class="about-image-thumbnail-3">
  69.                       {{ veriler[3][1][0].resim|imgOlustur(600,10,'cover')|raw }}
  70.                      
  71.                     </div>
  72.                 </div>
  73.                 <div class="col-lg-7 pl--60 p-md-0">
  74.                     <div class="about-three-wrapper">
  75.                         <div class="title-three-left">
  76.                             <div class="bg-title">
  77.                                 {{ veriler[3][1][0].baslik|html_entity_decode|raw }}
  78.                             </div>
  79.                             <span class="pre-title" data-sal="slide-up" data-sal-delay="100" data-sal-duration="800" style="display: block;">
  80.                                 {{ 'siteAdi'|ayarlar }}
  81.                             </span>
  82.                             <h3 class="title" data-sal="slide-up" data-sal-delay="100" data-sal-duration="800">
  83.                                {{ veriler[3][1][0].baslik|html_entity_decode|raw }}
  84.                             </h3>
  85.                         </div>
  86.                         <div class="rts-tab-three-start" data-sal="slide-up" data-sal-delay="400" data-sal-duration="800">
  87.                            
  88.                            
  89.                                 <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
  90.                                     <div class="single-tab-content-three">
  91.                                         <p class="disc">
  92.                                           {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')|raw %}
  93.                                               {{ (metin[0]~'</p>')|raw  }}
  94.                                               {{ (metin[1]|default('<p>')~'</p>')|raw  }}
  95.                                         </p>
  96.                                        
  97.                                         <a href="/{{ veriler[3][0].seo }}" class="rts-btn btn-seconday">Daha fazla</a>
  98.                                     </div>
  99.                                 </div>
  100.                                 <!-- ingle content tab end -->
  101.                                 
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </div>{#
  108. -- 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.  
  109. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  110. ** 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')"
  112. ----------------------------------------------------
  113. #}
  117. <div class="funfacts-and-casestudy-wrapper bg_image--5 no-repeat">
  118.   <div class="funfacts-area section-bottom-seperator rts-section-gap">
  119.     <div class="container">
  120.         <div class="row">
  121.             <div class="col-lg-12">
  122.                 <div class="funfacts-three-wrapper">
  123.                     <!-- Tekil funfacts alanı başlangıç -->
  124.                     <div class="single-fun-facts-three">
  125.                         <div class="header-area">
  126.                             <div class="logo">
  127.                                 <img src="/dist/assets/images/fun-facts/icon/02.svg" alt="funfacts">
  128.                             </div>
  129.                             <h2 class="title plus">
  130.                                 <span class="counter">25</span>
  131.                             </h2>
  132.                         </div>
  133.                         <p class="disc">
  134.                             Yıllık Tecrübe<br> Çıtışlı Mermer ve Orman Ürünleri, yılların birikimiyle sektörde fark yaratıyor.
  135.                         </p>
  136.                     </div>
  137.                     <!-- Tekil funfacts alanı bitiş -->
  138.                     <!-- Tekil funfacts alanı başlangıç -->
  139.                     <div class="single-fun-facts-three">
  140.                         <div class="header-area">
  141.                             <div class="logo">
  142.                                 <img src="/dist/assets/images/fun-facts/icon/08.svg" alt="funfacts">
  143.                             </div>
  144.                             <h2 class="title parcent">
  145.                                 <span class="counter">80</span>
  146.                             </h2>
  147.                         </div>
  148.                         <p class="disc">
  149.                             Başarıyla Tamamlanan Projeler<br> Müşterilerimizin memnuniyeti bizim en büyük başarımızdır.
  150.                         </p>
  151.                     </div>
  152.                     <!-- Tekil funfacts alanı bitiş -->
  153.                     <!-- Tekil funfacts alanı başlangıç -->
  154.                     <div class="single-fun-facts-three">
  155.                         <div class="header-area">
  156.                             <div class="logo">
  157.                                 <img src="/dist/assets/images/fun-facts/icon/09.svg" alt="funfacts">
  158.                             </div>
  159.                             <h2 class="title plus">
  160.                                 <span class="counter">100</span>
  161.                             </h2>
  162.                         </div>
  163.                         <p class="disc">
  164.                             Uzman Ekibimiz<br> 7/24 destek sunan, alanında uzman 100 kişilik bir ekibe sahibiz.
  165.                         </p>
  166.                     </div>
  167.                     <!-- Tekil funfacts alanı bitiş -->
  168.                     <!-- Tekil funfacts alanı başlangıç -->
  169.                     <div class="single-fun-facts-three">
  170.                         <div class="header-area">
  171.                             <div class="logo">
  172.                                 <img src="/dist/assets/images/fun-facts/icon/07.svg" alt="funfacts">
  173.                             </div>
  174.                             <h2 class="title plus">
  175.                                 <span class="counter">38</span>
  176.                             </h2>
  177.                         </div>
  178.                         <p class="disc">
  179.                             Hizmet Verilen Ülkeler<br> Çıtışlı Mermer ve Orman Ürünleri, 38 ülkede projeler gerçekleştirdi.
  180.                         </p>
  181.                     </div>
  182.                     <!-- Tekil funfacts alanı bitiş -->
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </div>
  187. </div>
  189.     <div class="rts-case-study-area rts-section-gapTop">
  190.         <div class="container">
  191.             <div class="row">
  192.                 <div class="col-lg-12">
  193.                     <div class="title-wrapper-case">
  194.                         <div class="left-title-area-case">
  195.                             <span class="pre-title">{{ 'siteAdi'|ayarlar }}</span>
  196.                             <h2 class="title">{{ veriler[4][0].adi }}</h2>
  197.                         </div>
  198.                         <div class="swiper-btn-case">
  199.                             <div class="swiper-button-next"></div>
  200.                             <div class="swiper-button-prev"></div>
  201.                         </div>
  202.                     </div>
  203.                 </div>
  204.             </div>
  205.         </div>
  206.         <div class="container-full-screen mt--50">
  207.             <!-- Swiper -->
  208.             <div class="swiper case-three">
  209.                 <div class="swiper-wrapper">
  210.                     {% for case in veriler[4][1] %}
  211.                     <div class="swiper-slide">
  212.                         <!-- single image area start -->
  213.                         <div class="rts-single-case-three">
  214.                             <div class="wrapper">
  215.                                 <a href="{{ case.link }}" class="thumbnail">
  216.                                     {{ case.resim | imgOlustur(400, 10, 'cover')|raw }}
  217.                                 </a>
  218.                                 <div class="content">
  219.                                     <a href="{{ case.link }}">
  220.                                         <h4 class="title">{{ case.adi|html_entity_decode|raw }}</h4>
  221.                                     </a>
  222.                                     <p class="disc">{{ case.metin|html_entity_decode|striptags|slice(0,75)|raw }}...</p>
  223.                                 </div>
  224.                             </div>
  225.                         </div>
  226.                         <!-- single image area end -->
  227.                     </div>
  228.                     {% endfor %}
  229.                 </div>
  230.             </div>
  231.         </div>
  232.     </div>
  233. </div>
  235. <div class="rts-company-process rts-section-gap3Top rts-section-gap3Bottom">
  236.     <div class="container">
  237.         <div class="row">
  238.             <div class="col-lg-12">
  239.                 <div class="title-three-left">
  240.                     <div class="bg-title">
  241.                         Süreç
  242.                     </div>
  243.                     <span class="pre-title">
  244.                         {{ 'siteAdi'|ayarlar }}
  245.                     </span>
  246.                     <h3 class="title">
  247.                         Çalışma Sürecimiz
  248.                     </h3>
  249.                 </div>
  250.             </div>
  251.         </div>
  252.         <!-- süreç wrapper başlangıç -->
  253.         <div class="row">
  254.             <div class="col-lg-12">
  255.                 <div class="main-process-wrapper">
  257.                     <!-- tek süreç alanı başlangıç -->
  258.                     <div class="single-working-process-three">
  259.                         <div class="icon">
  260.                             <img src="/dist/assets/images/working-process/icon/01.png" alt="">
  261.                         </div>
  262.                         <h5 class="title">Danışmanlık</h5>
  263.                         <p class="disc">
  264.                             Projelerinize en uygun çözümleri sunmak için uzman ekibimizle detaylı danışmanlık hizmeti veriyoruz.
  265.                         </p>
  266.                     </div>
  267.                     <!-- tek süreç alanı bitiş -->
  268.                     <!-- tek süreç alanı başlangıç -->
  269.                     <div class="single-working-process-three">
  270.                         <div class="icon">
  271.                             <img src="/dist/assets/images/working-process/icon/02.png" alt="">
  272.                         </div>
  273.                         <h5 class="title">Detaylı Teklif</h5>
  274.                         <p class="disc">
  275.                             İhtiyaçlarınıza özel hazırladığımız detaylı tekliflerle projelerinizi en iyi şekilde planlıyoruz.
  276.                         </p>
  277.                     </div>
  278.                     <!-- tek süreç alanı bitiş -->
  279.                     <!-- tek süreç alanı başlangıç -->
  280.                     <div class="single-working-process-three">
  281.                         <div class="icon">
  282.                             <img src="/dist/assets/images/working-process/icon/03.png" alt="">
  283.                         </div>
  284.                         <h5 class="title">Proje Uygulama</h5>
  285.                         <p class="disc">
  286.                             Uzman ekibimiz, projelerinizin hayata geçirilmesi için titizlikle çalışır ve tüm adımları takip eder.
  287.                         </p>
  288.                     </div>
  289.                     <!-- tek süreç alanı bitiş -->
  290.                     <!-- tek süreç alanı başlangıç -->
  291.                     <div class="single-working-process-three">
  292.                         <div class="icon">
  293.                             <img src="/dist/assets/images/working-process/icon/04.png" alt="">
  294.                         </div>
  295.                         <h5 class="title">Son Kontrol</h5>
  296.                         <p class="disc">
  297.                             Projelerinizin tamamlanmasının ardından son kontrolleri yaparak teslimat öncesi kaliteyi garanti ediyoruz.
  298.                         </p>
  299.                     </div>
  300.                     <!-- tek süreç alanı bitiş -->
  301.                 </div>
  302.             </div>
  303.         </div>
  304.         <!-- süreç wrapper bitiş -->
  305.     </div>
  306. </div>
  308. <!-- rts rtsa funfacts and case studys end -->
  310.                     
  311.                     {% endblock %}
  312. {% block javascripts %}{% endblock %}