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

Open in your IDE?
  1. <section class="home-product design-program">
  2.     <div class="row justify-content-center">
  3.         <div class="col-md-10 col-12">
  4.             <h2 class="page-title mb-3" data-aos="fade-up">{{ block.title }}</h2>
  6.             <p class="text-center page-description mb-5" data-aos="fade-up">{{ block.description }}</p>
  7.         </div>
  8.     </div>
  9.     <div class="design-group-wrapper" data-aos="fade-up">
  10.         <div class="design-group">
  11.             {% set items = block.content | json_decode %}
  12.             {% for itm in items %}
  13.             <div class="item iPRO">
  16.                 <a href="{{ forceSSL(url('frontend_site_page_detail',{slug:itm.url ?? 'ipro'})) }}">
  17.                     <picture  class="panel picture-lazy w-100" >
  18.                         <img loading="lazy"
  19.                              src="{{ getImageWebp(getImageBySize(itm.mainBackground,'small')) }}"
  20.                              data-src="{{ getImageWebp(itm.mainBackground) }}" class="d-block w-100" alt="">
  21.                     </picture>
  22.                 </a>
  23.                 <picture class="img-fluid picture-lazy w-100">
  24.                     <img loading="lazy"
  25.                          src="{{ getImageWebp(getImageBySize(itm.overBackground,'small')) }}"
  26.                          data-src="{{ getImageWebp(itm.overBackground) }}"
  27.                          class="d-block w-100" alt="">
  28.                 </picture>
  29.                 <picture class="img-fluid image-banner w-100 picture-lazy">
  30.                     <img loading="lazy"
  31.                          src="{{ getImageWebp(getImageBySize(itm.image,'small')) }}"
  32.                          data-src="{{ getImageWebp(itm.image) }}"
  33.                          class="d-block w-100" alt="">
  34.                 </picture>
  35.                 {% if itm.icon is defined and itm.icon is not empty %}
  36.                 <picture class="img-fluid image-logo w-100 picture-lazy">
  37.                     <img loading="lazy"
  38.                          src="{{ getImageWebp(getImageBySize(itm.icon,'small')) }}"
  39.                          data-src="{{ getImageWebp(itm.icon) }}"
  40.                          class="d-block w-100" alt="{{ getImageWebp(itm.icon) }}">
  41.                 </picture>
  42.                 {% endif %}
  43.                 {%  if not isMobile %}
  44.                     <img loading="lazy" src="{{ getImageWebp(itm.userImage) }}" class="img-fluid image-user d-none d-lg-block" alt="">
  45.                 {% endif %}
  46.             </div>
  47.             {% endfor %}
  48.         </div>
  49.     </div>
  50. </section>