templates/components/serviceBlock.html.twig line 1

Open in your IDE?
  1. <div class="service-bloc"  data-controller="swiper">
  2.     <div class="header">
  3.         <h2 class="title">Services <span class="alternate-text">+</span></h2>
  4.         <div data-swiper-target="controls">
  5.             {% include 'components/swiperButtons.html.twig' %}
  6.         </div>
  7.     </div>
  9.     <div class="content">
  10.         {% if description is defined and description %}
  11.         <div class="description-wrapper">
  12.             <p class="description">{{ description }}</p>
  13.             <a href="{{ path('app_services_index') }}" class="button">Voir tous les services</a>
  14.         </div>
  15.         {% endif %}
  16.         <div class="service-cards{% if description is defined and description %} has-description{% endif %}" data-swiper-target="swiper">
  17.             <div class="swiper-wrapper">
  18.                 {% for service in services %}
  19.                     <div class="swiper-slide">
  20.                         <div class="service-card" data-controller="card service-card">
  21.                             <img class="picture" src="{{ asset(vich_uploader_asset(service, 'illustrationFile')) }}" alt="{{ service.illustrationAlt }}" />
  23.                             <div class="overlay">
  24.                                 <p class="over-title">{{ service.subTitle }}</p>
  25.                                 <h3 class="title">
  26.                                     {% set titleArray = service.title|split('*') %}
  27.                                     {% for titlePart in titleArray %}
  28.                                         {% if loop.index0 % 2 == 0 %}
  29.                                             {{ titlePart|raw }}
  30.                                         {% else %}
  31.                                             <span class="alternate-text">
  32.                                             {{ titlePart|raw }}
  33.                                         </span>
  34.                                         {% endif %}
  35.                                     {% endfor %}
  36.                                 </h3>
  37.                                 <p class="description">
  38.                                     {{ service.resume }}
  39.                                 </p>
  40.                                 <a class="button button-alternate no-hover" href="{{ path('app_services_index') }}#{{ service.slug }}" data-card-target="link">
  41.                                     En savoir +
  42.                                 </a>
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 {% endfor %}
  47.             </div>
  48.         </div>
  49.     </div>
  50. </div>