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'|ceviri }}</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.                    
  124.                   {% if app.session.get('dil')['kisa']=='tr' %}
  125.                       <!-- Tekil funfacts alanı başlangıç -->
  126.                       <div class="single-fun-facts-three">
  127.                           <div class="header-area">
  128.                               <div class="logo">
  129.                                   <img src="/dist/assets/images/fun-facts/icon/02.svg" alt="funfacts">
  130.                               </div>
  131.                               <h2 class="title plus">
  132.                                   <span class="counter">15</span>
  133.                               </h2>
  134.                           </div>
  135.                           <p class="disc">
  136.                               Yıllık Tecrübe<br> Kutu Ambalaj, sektörde 15 yıllık deneyimiyle öncü.
  137.                           </p>
  138.                       </div>
  139.                       <!-- Tekil funfacts alanı bitiş -->
  140.                       <!-- Tekil funfacts alanı başlangıç -->
  141.                       <div class="single-fun-facts-three">
  142.                           <div class="header-area">
  143.                               <div class="logo">
  144.                                   <img src="/dist/assets/images/fun-facts/icon/08.svg" alt="funfacts">
  145.                               </div>
  146.                               <h2 class="title parcent">
  147.                                   <span class="counter">200+</span>
  148.                               </h2>
  149.                           </div>
  150.                           <p class="disc">
  151.                               Tamamlanan Projeler<br> 200’den fazla başarılı proje ile müşteri memnuniyeti garanti altında.
  152.                           </p>
  153.                       </div>
  154.                       <!-- Tekil funfacts alanı bitiş -->
  155.                       <!-- Tekil funfacts alanı başlangıç -->
  156.                       <div class="single-fun-facts-three">
  157.                           <div class="header-area">
  158.                               <div class="logo">
  159.                                   <img src="/dist/assets/images/fun-facts/icon/09.svg" alt="funfacts">
  160.                               </div>
  161.                               <h2 class="title plus">
  162.                                   <span class="counter">50</span>
  163.                               </h2>
  164.                           </div>
  165.                           <p class="disc">
  166.                               Uzman Ekibimiz<br> Deneyimli 50 kişilik ekibimiz ile en iyi çözümleri sunuyoruz.
  167.                           </p>
  168.                       </div>
  169.                       <!-- Tekil funfacts alanı bitiş -->
  170.                       <!-- Tekil funfacts alanı başlangıç -->
  171.                       <div class="single-fun-facts-three">
  172.                           <div class="header-area">
  173.                               <div class="logo">
  174.                                   <img src="/dist/assets/images/fun-facts/icon/07.svg" alt="funfacts">
  175.                               </div>
  176.                               <h2 class="title plus">
  177.                                   <span class="counter">25</span>
  178.                               </h2>
  179.                           </div>
  180.                           <p class="disc">
  181.                               Hizmet Verilen Ülkeler<br> Kutu Ambalaj, 25 farklı ülkede faaliyet göstermektedir.
  182.                           </p>
  183.                       </div>
  184.                       <!-- Tekil funfacts alanı bitiş -->
  185.                       {% else %}
  186.                       <!-- Single funfacts area start -->
  187.                       <div class="single-fun-facts-three">
  188.                           <div class="header-area">
  189.                               <div class="logo">
  190.                                   <img src="/dist/assets/images/fun-facts/icon/02.svg" alt="funfacts">
  191.                               </div>
  192.                               <h2 class="title plus">
  193.                                   <span class="counter">15</span>
  194.                               </h2>
  195.                           </div>
  196.                           <p class="disc">
  197.                               Years of Experience<br> Box Packaging, a pioneer in the industry with 15 years of experience.
  198.                           </p>
  199.                       </div>
  200.                       <!-- Single funfacts area end -->
  201.                       <!-- Single funfacts area start -->
  202.                       <div class="single-fun-facts-three">
  203.                           <div class="header-area">
  204.                               <div class="logo">
  205.                                   <img src="/dist/assets/images/fun-facts/icon/08.svg" alt="funfacts">
  206.                               </div>
  207.                               <h2 class="title parcent">
  208.                                   <span class="counter">200+</span>
  209.                               </h2>
  210.                           </div>
  211.                           <p class="disc">
  212.                               Completed Projects<br> Customer satisfaction guaranteed with over 200 successful projects.
  213.                           </p>
  214.                       </div>
  215.                       <!-- Single funfacts area end -->
  216.                       <!-- Single funfacts area start -->
  217.                       <div class="single-fun-facts-three">
  218.                           <div class="header-area">
  219.                               <div class="logo">
  220.                                   <img src="/dist/assets/images/fun-facts/icon/09.svg" alt="funfacts">
  221.                               </div>
  222.                               <h2 class="title plus">
  223.                                   <span class="counter">50</span>
  224.                               </h2>
  225.                           </div>
  226.                           <p class="disc">
  227.                               Expert Team<br> Providing the best solutions with our experienced team of 50 people.
  228.                           </p>
  229.                       </div>
  230.                       <!-- Single funfacts area end -->
  231.                       <!-- Single funfacts area start -->
  232.                       <div class="single-fun-facts-three">
  233.                           <div class="header-area">
  234.                               <div class="logo">
  235.                                   <img src="/dist/assets/images/fun-facts/icon/07.svg" alt="funfacts">
  236.                               </div>
  237.                               <h2 class="title plus">
  238.                                   <span class="counter">25</span>
  239.                               </h2>
  240.                           </div>
  241.                           <p class="disc">
  242.                               Countries Served<br> Box Packaging operates in 25 different countries.
  243.                           </p>
  244.                       </div>
  245.                       <!-- Single funfacts area end -->
  247.                   {% endif %}
  248.                   
  249.                   
  250.                   
  251.                 </div>
  252.             </div>
  253.         </div>
  254.     </div>
  255. </div>
  257.     <div class="rts-case-study-area rts-section-gapTop">
  258.         <div class="container">
  259.             <div class="row">
  260.                 <div class="col-lg-12">
  261.                     <div class="title-wrapper-case">
  262.                         <div class="left-title-area-case">
  263.                             <span class="pre-title">{{ 'siteAdi'|ayarlar }}</span>
  264.                             <h2 class="title">{{ veriler[4][0].adi }}</h2>
  265.                         </div>
  266.                         <div class="swiper-btn-case">
  267.                             <div class="swiper-button-next"></div>
  268.                             <div class="swiper-button-prev"></div>
  269.                         </div>
  270.                     </div>
  271.                 </div>
  272.             </div>
  273.         </div>
  274.         <div class="container-full-screen mt--50">
  275.             <!-- Swiper -->
  276.             <div class="swiper case-three">
  277.                 <div class="swiper-wrapper">
  278.                     {% for case in veriler[4][1] %}
  279.                     <div class="swiper-slide">
  280.                         <!-- single image area start -->
  281.                         <div class="rts-single-case-three">
  282.                             <div class="wrapper">
  283.                                 <a href="{{ case.link }}" class="thumbnail">
  284.                                     {{ case.resim | imgOlustur(400, 10, 'cover')|raw }}
  285.                                 </a>
  286.                                 <div class="content">
  287.                                     <a href="{{ case.link }}">
  288.                                         <h4 class="title">{{ case.adi|html_entity_decode|raw }}</h4>
  289.                                     </a>
  290.                                     <p class="disc">{{ case.metin|html_entity_decode|striptags|slice(0,75)|raw }}...</p>
  291.                                 </div>
  292.                             </div>
  293.                         </div>
  294.                         <!-- single image area end -->
  295.                     </div>
  296.                     {% endfor %}
  297.                 </div>
  298.             </div>
  299.         </div>
  300.     </div>
  301. </div>
  303. <div class="rts-company-process rts-section-gap3Top rts-section-gap3Bottom">
  304.     <div class="container">
  305.         <div class="row">
  306.             <div class="col-lg-12">
  307.                 <div class="title-three-left">
  308.                         {% if app.session.get('dil')['kisa']=='tr' %}
  309.                     <div class="bg-title">
  310.                         Süreç
  311.                     </div>
  312.                     <span class="pre-title">
  313.                         {{ 'siteAdi'|ayarlar }}
  314.                     </span>
  315.                     <h3 class="title">
  316.                         Çalışma Sürecimiz
  317.                     </h3>
  318.                   {%else%}
  319.                    <div class="bg-title">
  320.                         Period
  321.                     </div>
  322.                     <span class="pre-title">
  323.                         {{ 'siteAdi'|ayarlar }}
  324.                     </span>
  325.                     <h3 class="title">
  326.                        Our Working Process
  327.                     </h3>
  328.                   {%endif%}
  329.                 </div>
  330.             </div>
  331.         </div>
  332.         <!-- süreç wrapper başlangıç -->
  333.         <div class="row">
  334.             <div class="col-lg-12">
  335.                 <div class="main-process-wrapper">
  336. {% if app.session.get('dil')['kisa']=='tr' %}
  337. <!-- tek süreç alanı başlangıç -->
  338. <div class="single-working-process-three">
  339.     <div class="icon">
  340.         <img src="/dist/assets/images/working-process/icon/01.png" alt="">
  341.     </div>
  342.     <h5 class="title">Tasarım</h5>
  343.     <p class="disc">
  344.         Kutu ambalaj projeleriniz için özgün ve işlevsel tasarımlar oluşturuyoruz.
  345.     </p>
  346. </div>
  347. <!-- tek süreç alanı bitiş -->
  348. <!-- tek süreç alanı başlangıç -->
  349. <div class="single-working-process-three">
  350.     <div class="icon">
  351.         <img src="/dist/assets/images/working-process/icon/02.png" alt="">
  352.     </div>
  353.     <h5 class="title">Malzeme Seçimi</h5>
  354.     <p class="disc">
  355.         Projelerinizin gereksinimlerine uygun en kaliteli malzemeleri seçiyoruz.
  356.     </p>
  357. </div>
  358. <!-- tek süreç alanı bitiş -->
  359. <!-- tek süreç alanı başlangıç -->
  360. <div class="single-working-process-three">
  361.     <div class="icon">
  362.         <img src="/dist/assets/images/working-process/icon/03.png" alt="">
  363.     </div>
  364.     <h5 class="title">Üretim</h5>
  365.     <p class="disc">
  366.         Tasarım ve malzeme seçiminden sonra, projelerinizin üretimini titizlikle gerçekleştiriyoruz.
  367.     </p>
  368. </div>
  369. <!-- tek süreç alanı bitiş -->
  370. <!-- tek süreç alanı başlangıç -->
  371. <div class="single-working-process-three">
  372.     <div class="icon">
  373.         <img src="/dist/assets/images/working-process/icon/04.png" alt="">
  374.     </div>
  375.     <h5 class="title">Kalite Kontrol</h5>
  376.     <p class="disc">
  377.         Üretim sonrası ürünlerinizin kalitesini kontrol ediyor ve en yüksek standartlarda teslimat yapıyoruz.
  378.     </p>
  379. </div>
  380. <!-- tek süreç alanı bitiş -->
  381.                   
  382. {%else%}
  383.   <!-- single process area start -->
  384. <div class="single-working-process-three">
  385.     <div class="icon">
  386.         <img src="/dist/assets/images/working-process/icon/01.png" alt="">
  387.     </div>
  388.     <h5 class="title">Design</h5>
  389.     <p class="disc">
  390.         We create unique and functional designs for your box packaging projects.
  391.     </p>
  392. </div>
  393. <!-- single process area end -->
  394. <!-- single process area start -->
  395. <div class="single-working-process-three">
  396.     <div class="icon">
  397.         <img src="/dist/assets/images/working-process/icon/02.png" alt="">
  398.     </div>
  399.     <h5 class="title">Material Selection</h5>
  400.     <p class="disc">
  401.         We select the highest quality materials that meet the requirements of your projects.
  402.     </p>
  403. </div>
  404. <!-- single process area end -->
  405. <!-- single process area start -->
  406. <div class="single-working-process-three">
  407.     <div class="icon">
  408.         <img src="/dist/assets/images/working-process/icon/03.png" alt="">
  409.     </div>
  410.     <h5 class="title">Production</h5>
  411.     <p class="disc">
  412.         After design and material selection, we meticulously carry out the production of your projects.
  413.     </p>
  414. </div>
  415. <!-- single process area end -->
  416. <!-- single process area start -->
  417. <div class="single-working-process-three">
  418.     <div class="icon">
  419.         <img src="/dist/assets/images/working-process/icon/04.png" alt="">
  420.     </div>
  421.     <h5 class="title">Quality Control</h5>
  422.     <p class="disc">
  423.         After production, we ensure the quality of your products and deliver them at the highest standards.
  424.     </p>
  425. </div>
  426. <!-- single process area end -->
  427.                 
  428. {%endif%}
  429.                   
  430.                   
  431.                   
  432.                 </div>
  433.             </div>
  434.         </div>
  435.         <!-- süreç wrapper bitiş -->
  436.     </div>
  437. </div>
  439. <!-- rts rtsa funfacts and case studys end -->
  441.                     
  442.                     {% endblock %}
  443. {% block javascripts %}{% endblock %}