templates/home/services.html.twig line 1

Open in your IDE?
  1. <section class="py-10 py-md-7 mb-5 overlay overlay-black overlay-60 bg-cover" style="background-image: url({{ getPostByTitle('Nos Services').image }});">
  2.     <div class="container">
  3.         <div class="row justify-content-center">
  4.             <div class="col-12 col-md-10 col-lg-8 text-center">
  6.                 <!-- Heading -->
  7.                 <h1 class="display-2 fw-bold text-white">
  8.                     {% if getPostByTitle('Nos Services') is not null %}
  9.                         {{ getPostByTitle('Nos Services').title }}
  10.                     {% endif %}
  11.                 </h1>
  13.                 <!-- Text -->
  14.                 <div class="lead text-white-75 mb-0 text-left">
  15.                     {{ getPostByTitle('Nos Services').description|raw }}
  16.                 </div>
  18.             </div>
  19.         </div> <!-- / .row -->
  20.     </div> <!-- / .container -->
  21.     <div class="container pt-5">
  22.         <div class="row">
  23.             <div class="col-12">
  25.                 <!-- Divider -->
  27.                 <!-- Categories -->
  28.                 <div class="row">
  29.                     {% if contentChildren(7) is not null %}
  30.                         {% for child in contentChildren(7) %}
  31.                     <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up">
  33.                         <!-- Card -->
  34.                         <div class="card card-border border-dark shadow-lg mb-6 mb-md-8 mb-lg-0 lift lift-lg">
  35.                             <div class="card-body text-center">
  37.                                 <!-- Icon -->
  38.                                 <div class="icon-circle bg-transparent border-1 border-warning text-white mb-5 text-center" style="width: 50%;height: 50%;border: 1px solid #f19100">
  39.                                     <img src="{{ child.icon }}" loading="lazy" alt="{{ child.title }}" class="img-fluid rounded border-1 border-warning w-100 text-center">
  40.                                 </div>
  42.                                 <!-- Heading -->
  43.                                 <h4 class="fw-bold" >
  44.                                     {{ child.title }}
  45.                                 </h4>
  46.                                 <!-- Text -->
  47.                                 <p class="text-gray-700 mb-5 text-left" style="text-align: left">
  48.                                     {{ child.summary|u.truncate(50, '...', false) }}
  49.                                 </p>
  51.                                 <!-- Badge -->
  52.                                 <span class="badge rounded-pill bg-dark-soft">
  53.                                   <span class="h6 text-uppercase">
  54.                                   <a href="{{ path('service_details',{'slug':child.slug}) }}">Lire la suite</a>
  55.                                   </span>
  56.                                 </span>
  58.                             </div>
  59.                         </div>
  61.                     </div>
  62.                         {% endfor %}
  63.                     {% endif %}
  65.                 </div> <!-- / .row -->
  67.             </div>
  68.         </div> <!-- / .row -->
  69.     </div> <!-- / .container -->
  70. </section>
  71. <div class="position-relative">
  72.     <div class="shape shape-bottom shape-fluid-x text-light">
  73.         <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  74.             <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  75.         </svg>
  76.     </div>
  77. </div>