templates/themes/ismart/block/product-banner.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .custom-block-{{ block.id }}{
  3.         background-image: url("{{ block.background }}");
  4.     }
  5.     @media (max-width: 991.98px) {
  6.         .custom-block-{{ block.id }}{
  7.             background-image: url("{{ block.mobileBackground }}");
  8.         }
  9.     }
  10. </style>
  11. <section class="custom-block-{{ block.id}} design-i-pro-banner">
  12.     <div class="design-i-pro-bg">
  13.         <img loading="lazy" class="program-talent" data-aos="fade-up" data-aos-delay="300"
  14.                                       src="{{ block.image }}" alt=""/>
  15.         <h2 class="program-name" data-aos="zoom-in" data-aos-delay="500">{{ block.title | raw }}</h2>
  16.         <img loading="lazy"
  17.                 data-aos="fade-up" data-aos-delay="100" class="global-bg" src="{{ block.imageIcon }}"
  18.                 alt=""/></div>
  19.     <div class="design-i-pro-content container"><h2 data-aos="zoom-in" data-aos-delay="100">{{ block.subTitle }}</h2>
  20.         <h3 data-aos="zoom-in" data-aos-delay="300">{{ block.description | striptags | raw }}</h3>
  21.         <div class="" data-aos="zoom-in" data-aos-delay="500">
  22.             {{ block.content | raw }}
  23.         </div>
  24.     </div>
  25. </section>