templates/layouts/section/services.html.twig line 1

Open in your IDE?
  1. <!-- Services section -->
  2. <div class="container py-5 mb-5" id="section-services">
  3.     <div class="row mt-5">
  4.         <div class="col">
  5.             <h1 class="display-5 fw-bold text-center">Mes Services Web personnalisés</h1>
  6.         </div>
  7.     </div>
  8.     <div class="row justify-content-center">
  9.         <div class="col-8 text-center">
  10.             <p class="fs-tiny">
  11.                 Je renforce votre présence sur le web grâce à une gamme complète de services qui répondent à tous vos besoins en matière de développement, de la conception au lancement.
  12.             </p>
  13.         </div>
  14.     </div>
  15.     <div class="row mt-4">
  16.         <div class="d-none d-md-block col-4" data-aos="fade-right">
  17.             <img src="{{ asset('build/img/services.png') }}" alt="Mes services">
  18.         </div>
  19.         <div class="col text-center">
  20.             <div class="row h-50">
  21.                 {% for service in services %}
  22.                     <div class="col-12 col-md-4">
  23.                         <div class="row"  data-aos="zoom-in">
  24.                             <div class="col d-flex justify-content-center">
  25.                                 <img src="{{ vich_uploader_asset(service) }}" class="icons" alt="Frontend">
  26.                             </div>
  27.                         </div>
  28.                         <div class="row lh-lg"  data-aos="zoom-in">
  29.                             <h2 class="text-center py-2 fw-semibold">{{ service.label }}</h2>
  30.                         </div>
  31.                         <div class="row" data-aos="zoom-in">
  32.                             <p>
  33.                                 {{ service.description | raw }}
  34.                             </p>
  35.                         </div>
  36.                     </div>
  37.                 {% endfor %}
  38.             </div>
  39.         </div>
  40.     </div>
  41. </div>
  42. <!-- End of Services section -->