templates/components/areas/home/services.html.twig line 1

Open in your IDE?
  1. <section class="services-area" >
  2.     <div class="services-area-text">
  3.         <h2 class="services-title">{{serviceArea.translate(locale).title}}</h2>
  4.         <div class="outline"></div>
  5.         <div class="services-p">{{serviceArea.translate(locale).subtitle|raw}}</div>
  6.     </div>
  7.     <div class="swiper-ctn">
  8.         {% for key, category in serviceCategories %}
  9.         <div class="swiper" id="services-slider-{{key}}">
  10.             <h3>{{category.translate(locale).title}}</h3>
  11.             <div class="swiper-wrapper">
  12.                 {% for item in category.services %}
  13.                     <div class="swiper-slide services-ctn">
  14.                         <div class="services-flex">
  15.                             <div class="services-text" data-background="">
  16.                                 {# <h4 class="area-title-2">{{category.translate(locale).title}}</h4> #}
  17.                                 <h2 class="services-title area-title">{{item.translate(locale).title}}</h2>
  18.                                 <div class="line"></div>
  19.                                 <div class="services-p area-p">
  20.                                         {{item.translate(locale).introduction|raw}}
  21.                                 </div>
  22.                                 <a href="{{path('service_index')}}" class="read-more">{{serviceArea.translate(locale).callToAction}}</a>
  23.                             </div>
  24.                             <div class="services-img">
  25.                                 <img src="images/lazy.png" data-src="images/service/{{item.image}}" class="lazy" alt="{{item.translate(locale).title}}">
  26.                             </div>
  27.                         </div>
  28.                     </div>
  29.                 {% endfor %}
  30.             </div>
  31.             <div class="swiper-nav">
  32.                 <div class="swiper-button-prev"></div>
  33.                 <div class="swiper-button-next"></div>
  34.             </div>
  35.         </div>
  36.         {% endfor %}
  37.     </div>
  38. </section>