templates/modul/hizmetler_ic.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  3. {% block title %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  4. {% block keywords %}{{ icerik.anahtarkelimeler|html_entity_decode|raw }}{% endblock %}
  5. {% block description %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
  6. {% block title2 %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  7. {% block description2 %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
  8. {% block image_alt %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  9. {% block title3 %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  10. {% block description3 %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
  11. {% block image %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ resimler[0]|default(icerik.resim|default('logo.webp')) }}{% endblock %}
  12. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ resimler[0]|default(icerik.resim|default('logo.webp')) }}{% endblock %}
  13.     {% block body %}
  14.     {% include 'siteBase/breadcrumbs.html.twig' %}
  15.   {#
  16. -- Sayfa Verileri : "icerik" adında bir dizi döndürülüyor. Dizi elemanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler, link
  17. -- Büyük resim için : <div class="row">{% for resim in icerik.resimler|split(",") %}{% if resim|default("")!="" %}<div class="col-md-6 mb-3"><a href="/storage/{{ resim }}" data-fancybox="gallery">{{ resim|imgOlustur(300,10)|raw }}</a></div>{% endif %} {% endfor %}</div> yazmanız yeterli olcaktır.
  18. -- Sol veya Sağ menüler için : "solMenuler" adında bir dizi döndürülüyor. Dizi elemanları : adi, link, resim
  19. -- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
  20. ** 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')"
  22. ----------------------------------------------------
  23. #}
  25. <div class="service-main-details-area sp1">
  26.     <div class="container">
  27.         <div class="row">
  28.             <div class="col-xl-5">
  29.                 <div class="img1" style="border-radius: 10px; padding: 10px; border: 1px solid #ccc;">
  30.                     <div id="carouselExample" class="carousel slide">
  31.                         <div class="carousel-inner">
  32.                             {% for key,resim in icerik.resimler|split(',') %}
  33.                                 {% if resim|default('')!='' %}
  34.                                     <div class="carousel-item {% if key==0 %}active{% endif %}">
  35.                                         <img src="/storage/{{ resim }}" class="d-block w-100" alt="..." style="border-radius: 10px;">
  36.                                     </div>
  37.                                 {% endif %}
  38.                             {% endfor %}
  40.                         </div>
  41.                         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
  42.                             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  43.                             <span class="visually-hidden">Previous</span>
  44.                         </button>
  45.                         <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
  46.                             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  47.                             <span class="visually-hidden">Next</span>
  48.                         </button>
  49.                     </div>
  50.                 </div>
  52.                 <div class="space32"></div>
  54.                 {% if icerik.urunvideo|default('')!='' %}
  55.                 <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc;">
  56.                     <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ icerik.urunvideo }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  57.                 </div>
  58.                 {% endif %}
  60.            {#     <div class="service-main-sidebar">
  63.                     <div class="space30"></div>
  64.                     <div class="categories-area">
  65.                         <h3>{{ 'Diğer'|ceviri }}</h3>
  66.                         <div class="space4"></div>
  67.                         <ul>
  68.                             {% for mm in solMenuler %}
  69.                                 <li><a href="{{ mm.link }}">{{ mm.adi|html_entity_decode|raw }} <span><i class="fa-solid fa-angle-right"></i></span></a></li>
  70.                             {% endfor %}
  71.                         </ul>
  72.                     </div>
  73.                     <div class="space30"></div>
  74.                     <div class="help-area">
  75.                         <h3>{{ 'Hemen teklif isteyin!'|ceviri }}</h3>
  76.                         <div class="space24"></div>
  77.                         <div class="btn-area1">
  78.                             <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}"><span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none">
  79.                                 <path d="M1.64362 5.57135C1.40487 3.99885 2.51362 2.58635 4.20737 2.06885C4.50794 1.97695 4.83224 2.00311 5.11419 2.142C5.39614 2.28089 5.61453 2.52205 5.72487 2.81635L6.26862 4.26635C6.35615 4.49962 6.37198 4.75372 6.31407 4.99605C6.25616 5.23837 6.12716 5.45786 5.94362 5.62635L4.32612 7.1076C4.24639 7.18077 4.18698 7.27335 4.15368 7.37631C4.12038 7.47927 4.11433 7.5891 4.13612 7.6951L4.15112 7.7601L4.18987 7.9226C4.39103 8.71216 4.69753 9.47105 5.10112 10.1789C5.54076 10.931 6.08635 11.6159 6.72112 12.2126L6.77112 12.2576C6.85187 12.3293 6.94981 12.3788 7.0554 12.4014C7.16099 12.4239 7.27062 12.4188 7.37362 12.3864L9.46487 11.7276C9.70253 11.653 9.95707 11.6511 10.1958 11.7221C10.4346 11.7932 10.6467 11.9339 10.8049 12.1264L11.7949 13.3276C12.2074 13.8276 12.1574 14.5626 11.6836 15.0039C10.3874 16.2126 8.60487 16.4601 7.36487 15.4639C5.8449 14.2378 4.56356 12.7425 3.58487 11.0526C2.59823 9.36403 1.94044 7.50439 1.64362 5.57135ZM5.44737 7.7776L6.78737 6.5476C7.15466 6.21077 7.41291 5.77185 7.52895 5.2872C7.64499 4.80254 7.61354 4.29425 7.43862 3.8276L6.89612 2.3776C6.67405 1.78541 6.23453 1.30018 5.66714 1.02078C5.09974 0.741374 4.44716 0.68883 3.84237 0.873852C1.73862 1.5176 0.0498675 3.40385 0.407368 5.7601C0.657368 7.4051 1.23362 9.4976 2.50487 11.6826C3.56076 13.5047 4.94294 15.117 6.58237 16.4389C8.44237 17.9326 10.9249 17.4226 12.5374 15.9201C12.9988 15.4905 13.2788 14.901 13.3204 14.272C13.362 13.6429 13.1619 13.0217 12.7611 12.5351L11.7711 11.3326C11.4544 10.9482 11.0301 10.6672 10.5526 10.5255C10.0751 10.3839 9.5662 10.3881 9.09112 10.5376L7.35487 11.0839C6.90658 10.6216 6.51391 10.1086 6.18487 9.5551C5.86702 8.99555 5.61932 8.39898 5.44737 7.77885V7.7776Z" fill="white"/>
  80.                                 </svg></span> {{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  81.                         </div>
  82.                     </div>
  86.                 </div>#}
  87.             </div>
  88.             <div class="col-xl-7">
  89.                 <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc;">
  90.                     <h3 class="text-center">{{ icerik.adi|html_entity_decode|raw }}</h3>
  91.                     <h4 class="text-center" style="color: var(--ztc-bg-bg-3);">{{ icerik.model|html_entity_decode|raw }}</h4>
  92.                     <br>
  93.                     <p>{{ icerik.aciklama|html_entity_decode|raw }}</p>
  97.                 </div>
  98.                 <br>
  99.                 <h4 class="mb-2">{{ 'BOYUTLAR'|ceviri|upper }}</h4>
  100.                 <div class="row">
  101.                     <div class="col-lg-4 mt-2">
  102.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center">
  103.                             <i class="fas fa-arrows-left-right" style="color: var(--ztc-bg-bg-3);    transform: rotate(45deg); font-size: 40px;"></i>
  104.                           <div class="ms-3">
  105.                               <span class="text-muted">{{ 'UZUNLUK'|ceviri|upper }}</span>
  106.                               <h4>{{ icerik.boyutlaruzunluk|html_entity_decode|raw }}</h4>
  107.                           </div>
  108.                         </div>
  109.                     </div>
  110.                     <div class="col-lg-4 mt-2">
  111.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center">
  112.                             <i class="fas fa-arrows-left-right" style="color: var(--ztc-bg-bg-3);font-size: 40px;"></i>
  113.                             <div class="ms-3">
  114.                                 <span class="text-muted">{{ 'GENİŞLİK'|ceviri|upper }}</span>
  115.                                 <h4>{{ icerik.boyutlargenislik|html_entity_decode|raw }}</h4>
  116.                             </div>
  117.                         </div>
  118.                     </div>
  119.                     <div class="col-lg-4 mt-2">
  120.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc;" class="d-flex align-items-center">
  121.                             <i class="fas fa-arrows-up-down" style="color: var(--ztc-bg-bg-3);font-size: 40px;"></i>
  122.                             <div class="ms-3">
  123.                                 <span class="text-muted">{{ 'YÜKSELİK'|ceviri|upper }}</span>
  124.                                 <h4>{{ icerik.boyutlaryukseklik|html_entity_decode|raw }}</h4>
  125.                             </div>
  126.                         </div>
  127.                     </div>
  128.                     <div class="col-lg-12 mt-2">
  129.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc;" class="d-flex align-items-center">
  130.                             <i class="fas fa-bolt" style="color: var(--ztc-bg-bg-3);font-size: 40px;"></i>
  131.                             <div class="ms-3">
  132.                                 <span class="text-muted">{{ 'ELEKTRİK BİLEŞENLERİ'|ceviri|upper }}</span>
  133.                                 <h4>{{ icerik.elektrikbilesenleri|html_entity_decode|raw }}</h4>
  134.                             </div>
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.                 <br>
  139.                    {% if icerik.enerjiozellikleriyakittipimotorinminimum|default('')=='' and icerik.enerjiozellikleriyakittipimotorinmaximum|default('')=='' and icerik.enerjiozellikleriyakittipimotorinortalama|default('')=='' and icerik.enerjiozellikleriyakittipielektrikrezistans|default('')=='' and icerik.enerjiozellikleriyakittipilpgminimum|default('')=='' and icerik.enerjiozellikleriyakittipilpgmaximum|default('')=='' and icerik.enerjiozellikleriyakittipilpgortalama|default('')=='' and icerik.enerjiozellikleriyakittipidogalgazminimum|default('')=='' and icerik.enerjiozellikleriyakittipidogalgazmaximum|default('')=='' and icerik.enerjiozellikleriyakittipidogalgazortalama|default('')=='' %}{% else %}
  140.                 <h4 class="mb-2">{{ 'ENERJİ ÖZELLİKLERİ'|ceviri|upper }}</h4>
  141.                 <div class="row">
  142.                    {% if icerik.enerjiozellikleriyakittipimotorinminimum|default('')=='' and icerik.enerjiozellikleriyakittipimotorinmaximum|default('')=='' and icerik.enerjiozellikleriyakittipimotorinortalama|default('')=='' %}{% else %}
  143.                     <div class="col-lg-6">
  144.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  145.                             <div class="">
  146.                                 <span class="text-muted">{{ 'YAKIT TİPİ'|ceviri|upper }}</span>
  147.                                 <h4>{{ 'Motorin'|ceviri }}</h4>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  151.                     <div class="col-lg-2">
  152.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  153.                             <div class="text-center">
  154.                                 <span class="text-muted">{{ 'Minimum'|ceviri|upper }}</span>
  155.                                 <h4>{{ icerik.enerjiozellikleriyakittipimotorinminimum|default('-')|html_entity_decode|raw }}</h4>
  156.                             </div>
  157.                         </div>
  158.                     </div>
  159.                     <div class="col-lg-2">
  160.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  161.                             <div class="text-center">
  162.                                 <span class="text-muted">{{ 'Maximum'|ceviri|upper }}</span>
  163.                                 <h4>{{ icerik.enerjiozellikleriyakittipimotorinmaximum|default('-')|html_entity_decode|raw }}</h4>
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                     <div class="col-lg-2">
  168.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  169.                             <div class="text-center">
  170.                                 <span class="text-muted">{{ 'Ortalama'|ceviri|upper }}</span>
  171.                                 <h4>{{ icerik.enerjiozellikleriyakittipimotorinortalama|default('-')|html_entity_decode|raw }}</h4>
  172.                             </div>
  173.                         </div>
  174.                     </div>
  175.                     {% endif %}
  176.                     {% if icerik.enerjiozellikleriyakittipielektrikrezistans|default('')!='' %}
  177.                       <div class="col-lg-6 mt-2">
  178.                           <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  179.                               <div class="">
  180.                                   <span class="text-muted">{{ 'YAKIT TİPİ'|ceviri|upper }}</span>
  181.                                   <h4>{{ 'Elektrik'|ceviri }}</h4>
  182.                               </div>
  183.                           </div>
  184.                       </div>
  185.                       <div class="col-lg-6 mt-2">
  186.                           <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  187.                               <div class="text-center">
  188.                                   <span class="text-muted">{{ 'Rezistans'|ceviri|upper }}</span>
  189.                                   <h4>{{ icerik.enerjiozellikleriyakittipielektrikrezistans|default('-')|html_entity_decode|raw }}</h4>
  190.                               </div>
  191.                           </div>
  192.                       </div>
  193.                       {% endif %}
  195.                     {% if icerik.enerjiozellikleriyakittipilpgminimum|default('')=='' and icerik.enerjiozellikleriyakittipilpgmaximum|default('')=='' and icerik.enerjiozellikleriyakittipilpgortalama|default('')=='' %}{% else %}
  196.                     <div class="col-lg-6 mt-2">
  197.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  198.                             <div class="">
  199.                                 <span class="text-muted">{{ 'YAKIT TİPİ'|ceviri|upper }}</span>
  200.                                 <h4>{{ 'LPG'|ceviri }}</h4>
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                     <div class="col-lg-2 mt-2">
  205.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  206.                             <div class="text-center">
  207.                                 <span class="text-muted">{{ 'Minimum'|ceviri|upper }}</span>
  208.                                 <h4>{{ icerik.enerjiozellikleriyakittipilpgminimum|default('-')|html_entity_decode|raw }}</h4>
  209.                             </div>
  210.                         </div>
  211.                     </div>
  212.                     <div class="col-lg-2 mt-2">
  213.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  214.                             <div class="text-center">
  215.                                 <span class="text-muted">{{ 'Maximum'|ceviri|upper }}</span>
  216.                                 <h4>{{ icerik.enerjiozellikleriyakittipilpgmaximum|default('-')|html_entity_decode|raw }}</h4>
  217.                             </div>
  218.                         </div>
  219.                     </div>
  220.                     <div class="col-lg-2 mt-2">
  221.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  222.                             <div class="text-center">
  223.                                 <span class="text-muted">{{ 'Ortalama'|ceviri|upper }}</span>
  224.                                 <h4>{{ icerik.enerjiozellikleriyakittipilpgortalama|default('-')|html_entity_decode|raw }}</h4>
  225.                             </div>
  226.                         </div>
  227.                     </div>
  228.                        {% endif %}
  229.                    {% if icerik.enerjiozellikleriyakittipidogalgazminimum|default('')=='' and icerik.enerjiozellikleriyakittipidogalgazmaximum|default('')=='' and icerik.enerjiozellikleriyakittipidogalgazortalama|default('')=='' %}{% else %}
  230.                     <div class="col-lg-6 mt-2">
  231.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  232.                             <div class="">
  233.                                 <span class="text-muted">{{ 'YAKIT TİPİ'|ceviri|upper }}</span>
  234.                                 <h4>{{ 'Doğal Gaz'|ceviri }}</h4>
  235.                             </div>
  236.                         </div>
  237.                     </div>
  238.                     <div class="col-lg-2 mt-2">
  239.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  240.                             <div class="text-center">
  241.                                 <span class="text-muted">{{ 'Minimum'|ceviri|upper }}</span>
  242.                                 <h4>{{ icerik.enerjiozellikleriyakittipidogalgazminimum|default('-')|html_entity_decode|raw }}</h4>
  243.                             </div>
  244.                         </div>
  245.                     </div>
  246.                     <div class="col-lg-2 mt-2">
  247.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  248.                             <div class="text-center">
  249.                                 <span class="text-muted">{{ 'Maximum'|ceviri|upper }}</span>
  250.                                 <h4>{{ icerik.enerjiozellikleriyakittipidogalgazmaximum|default('-')|html_entity_decode|raw }}</h4>
  251.                             </div>
  252.                         </div>
  253.                     </div>
  254.                     <div class="col-lg-2 mt-2">
  255.                         <div style="border-radius: 10px; padding: 10px; border: 1px solid #ccc; " class="d-flex align-items-center justify-content-center">
  256.                             <div class="text-center">
  257.                                 <span class="text-muted">{{ 'Ortalama'|ceviri|upper }}</span>
  258.                                 <h4>{{ icerik.enerjiozellikleriyakittipidogalgazortalama|default('-')|html_entity_decode|raw }}</h4>
  259.                             </div>
  260.                         </div>
  261.                     </div>
  262.                      {% endif %}    
  264.                 </div>
  265.               
  266.                 <br>
  267.                   {% endif %}
  269.                 <h4 class="mb-2">{{ 'ÜRÜN KAPASİTESİ'|ceviri|upper }}</h4>
  270.                 <p>{{ icerik.metin|html_entity_decode|raw }}</p>
  272.                {# <div class="service-details-widget padding1 heading1">
  273.                     <div class="img1">
  274.                         <div id="carouselExample" class="carousel slide">
  275.                             <div class="carousel-inner">
  276.                                 {% for key,resim in icerik.resimler|split(',') %}
  277.                                     {% if resim|default('')!='' %}
  278.                                         <div class="carousel-item {% if key==0 %}active{% endif %}">
  279.                                             <img src="/storage/{{ resim }}" class="d-block w-100" alt="...">
  280.                                         </div>
  281.                                     {% endif %}
  282.                                 {% endfor %}
  284.                             </div>
  285.                             <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
  286.                                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  287.                                 <span class="visually-hidden">Previous</span>
  288.                             </button>
  289.                             <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
  290.                                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
  291.                                 <span class="visually-hidden">Next</span>
  292.                             </button>
  293.                         </div>
  294.                     </div>
  295.                     <div class="space32"></div>
  296.                     <h3>{{ icerik.adi|html_entity_decode|raw }}</h3>
  297.                     <div class="space16"></div>
  298.                     {{ icerik.metin|html_entity_decode|raw }}
  299.                     <div class="space16"></div>
  302.                 </div>#}
  303.             </div>
  304.         </div>
  305.     </div>
  306. </div>
  310. <div class="project1 sp1">
  311.     <div class="container">
  312.         <div class="row">
  313.             <div class="col-xl-6 m-auto">
  314.                 <div class="heading1 text-center space-margin60">
  315.                     <h5 class="vl-section-subtitle" data-aos="zoom-in-up" data-aos-duration="900"><img src="/dist/assets/img/elements/elements5.png" alt=""> <span>{{ sayfa.adi }}</span> <img src="/dist/assets/img/elements/elements6.png" alt=""></h5>
  316.                     <div class="space16"></div>
  317.                     <h2 class="vl-section-title" data-aos="zoom-in-up" data-aos-duration="1000">{{ "Diğer Ürünler"|ceviri|upper }}</h2>
  318.                 </div>
  319.             </div>
  320.         </div>
  322.         <div class="row">
  323.             <div class="col-xl-12">
  324.                 <div class="project-slider-area">
  326.                     {% for mm in solMenuler %}
  328.                         <div class="projects-boxes-area">
  329.                             <div class="img1">
  330.                                 {{ mm.resim|imgOlustur(500,10,'cover')|raw }}
  331.                             </div>
  332.                             <div class="contain-main-area">
  333.                                 <div class="content-p-area">
  334.                                     <span>{{ sayfa.adi }}</span>
  335.                                     <div class="space12"></div>
  336.                                     <a href="{{ mm.link }}" class="title">{{ mm.adi|html_entity_decode|raw }}</a>
  337.                                 </div>
  339.                             </div>
  340.                         </div>
  341.                     {% endfor %}
  346.                 </div>
  347.             </div>
  348.         </div>
  349.     </div>
  350. </div>
  351.                     
  352.                     {% endblock %}
  353. {% block javascripts %}{% endblock %}