templates/composantsPages/homeComponents/nosServices.html.twig line 1

Open in your IDE?
  1. <section class="pt-4 pb-4">
  2.     <div class="container" data-animate="fadeInUp">
  3.         <div class="col-lg-12">
  4.             <div class="heading-text  heading-section">
  5.                 <h2><span>{{ 'components.nos_services.titre' | admintrans | raw }}</span></h2>
  6.                 <p>{{ 'components.nos_services.description' | admintrans | raw }} </p>
  7.             </div>
  8.         </div>
  9.     </div>
  10.     <div class="container">
  11.         <div class="portfolio-3-columns">
  12.             {% for service in services | slice(0,3) %}
  13.                 <!-- portfolio item -->
  14.                 <div class="portfolio-item overlay-links"  data-animate="fadeInUp" data-animate-delay="{{ 300 * loop.index0 }}">
  15.                     <div class="portfolio-item-wrap">
  16.                         <a href="{{ path('preview-service',{'id' : service.id}) }}" data-lightbox="ajax"></a>
  17.                         <div class="portfolio-image">
  18.                             <img alt="{{ service.altDescription }}" {{ responsive_src(asset('images/upload/' ~ service.image)) | raw }}>
  19.                         </div>
  20.                         <div class="portfolio-description">
  21.                             <a href="{{ path('preview-service',{'id' : service.id}) }}" data-lightbox="ajax">
  22.                                 <h3>{{ service.titre }}</h3>
  23.                             </a>
  24.                         </div>
  25.                     </div>
  26.                 </div>
  27.             {% endfor %}
  28.         </div>
  29.         <hr class="space">
  30.         <div class="text-center pt-5">
  31.             <a class="btn btn-light text-center" href="{{ path('services') }}" data-animate="fadeInUp">{{ 'components.nos_services.tous' | admintrans | raw }}</a>
  32.         </div>
  33.     </div>
  34. </section>