templates/themes/ismart/block/home-ecosystem.html.twig line 1

Open in your IDE?
  1. {#<section class="home-system" style="background-image: url({{ asset('themes/ismart') }}/img/home/system-bg.webp)">#}
  2. <section class="home-system">
  3.     <div class="container">
  4.         <div class="row justify-content-center">
  5.             <div class="col-sm-10"><h2 class="page-title mb-3" data-aos="fade-up">{{ block.title }}
  6.                     <br/>
  7.                     {{ block.subTitle }}
  8.                 </h2>
  9.                 <p class="text-center page-description mb-5" data-aos="fade-up">{{ block.description }}</p></div>
  10.         </div>
  11.         <div class="row justify-content-center">
  12.             <div class="col-12">
  13.                 <div class="system-list">
  14.                     <div class="row">
  15.                         {% set items = block.content | json_decode %}
  16.                         {% for itm in items %}
  17.                         <div class="{{ itm.css }}">
  18.                             <a class="system-item {% if itm.childClass is defined %}{{ itm.childClass }}{% endif %}" data-aos="fade-up">
  19.                                 <div class="system-info">
  20.                                     <h4 class="title">{{ itm.title }}</h4>
  21.                                     <h6 class="info">{{ itm.subTitle }}</h6>
  22.                                 </div>
  23.                                 {% if itm.image is not null and itm.image is not empty %}
  24.                                     {% if isMobile %}
  25.                                         <picture class="system-img picture-lazy">
  26.                                             <img class="d-block w-100"
  27.                                                  loading="lazy"
  28.                                                  src="{{ getImageWebp(getImageBySize(itm.image, 'small')) }}"
  29.                                                  data-src="{{ getImageWebp(getImageBySize(itm.image,'thumb')) }}"
  30.                                                  alt="{{ itm.image }}"
  31.                                                  style="width:auto;">
  32.                                         </picture>
  33.                                     {% else %}
  34.                                         <picture class="system-img picture-lazy">
  35.                                             <img class="d-block w-100"
  36.                                                  loading="lazy"
  37.                                                  src="{{ getImageWebp(getImageBySize(itm.image, 'small')) }}"
  38.                                                  data-src="{{ getImageWebp(itm.image) }}"
  39.                                                  alt="{{ itm.image }}"
  40.                                                  style="width:auto;">
  41.                                         </picture>
  42.                                     {% endif %}
  43.                                 {% endif %}
  44.                             </a>
  46.                         </div>
  47.                         {% endfor %}
  48.                     </div>
  49.                 </div>
  50.                 {%  if isMobile %}
  51.                     <picture class="system-talent picture-lazy img-loaded d-flex align-items-center justify-content-center" data-aos="fade-up">
  52.                         <img loading="lazy"
  53.                              src="{{ asset('themes/ismart') }}/img/compressed.webp"
  54.                              data-src="{{ asset('themes/ismart') }}/img/home/system-talent_thumb.webp"
  55.                              alt="">
  56.                     </picture>
  57.                 {% else %}
  58.                     <picture class="system-talent picture-lazy img-loaded d-flex align-items-center justify-content-center" data-aos="fade-up">
  59.                         <img loading="lazy"
  60.                              src="{{ asset('themes/ismart') }}/img/compressed.webp"
  61.                              data-src="{{ asset('themes/ismart') }}/img/home/system-talent_feature.webp"
  62.                              alt="">
  63.                     </picture>
  64.                 {% endif %}
  65.                 </div>
  66.         </div>
  67.     </div>
  68. </section>