templates/pages/page.avocat-details.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ settings[0].siteName }} : {{ page.name }}{% endblock %}
  5. {% block body %}
  7.     {% include '_includes/_breadcrumbs-avocat.html.twig' %}
  9.     <div class="container pt-5">
  10.         <div class="row d-flex justify-content-center mb-4">
  11.             <div class="col-lg-6 col-sm-12 text-center">
  12.                 <h4 class="text-uppercase fw-bold color1">{{ page.title|raw }}</h4>
  13.                 </p>
  14.             </div>
  15.         </div>
  16.     </div>
  18.     <div class="container mb-4">
  19.         <div class="row g-5">
  20.             <div class="col-lg-3 col-sm-12">
  21.                 <img src="{{ asset('assets/img/avocats/' ~ avocat.image ) }}" alt="{{ avocat.prenom }} {{ avocat.nom }}" class="img-fluid d-block mx-auto" style="max-width: 650px; width: 100%; object-fit: cover;">
  22.                 <div class="bgcolor-1 text-center d-flex flex-column justify-content-center align-items-center" style="height: 200px;">
  23.                     <h5 class="text-white fw-bold text-uppercase">Contact</h5>
  24.                     <div class="color3">
  25.                         <span class="text-xsmall">Tél. : {{ avocat.telephone }}</span>
  26.                         <br>
  27.                         <span class="text-xsmall">Fax : {{ avocat.fax }}</span>
  28.                         <p class="mt-3">
  29.                             <a href="#" class="button-avocat">
  30.                                 <img src="https://rdv.meetlaw.fr/new-logo-meetlaw.png" alt="Meet Law" class="img-fluid ps-1 pe-3 me-2 border-end float-start" style="max-width: 70px; width: 100%;">
  31.                                 Prendre RDV<br>en ligne
  32.                             </a>
  33.                         </p>
  34.                     </div>
  35.                 </div>
  36.             </div>
  38.             <div class="col-lg-9 col-sm-12 py-3 px-5 small">
  39.                 <h5 class="color1 text-uppercase fw-bold">Maître {{ avocat.prenom }} {{ avocat.nom }}</h5>
  40.                 <div class="mt-4">
  41.                     <span class="color1 fw-bold">Parcours</span><br>
  42.                     <div class="color2">{{ avocat.parcours|replace({'<div>': '', '</div>': '',})|raw }}</div>
  43.                 </div>
  45.                 {% if avocat.specialisation != null %}
  46.                     <div class="mt-4">
  47.                         <span class="color1 fw-bold">Spécialisation</span><br>
  48.                         <div class="color2">{{ avocat.specialisation|replace({'<div>': '', '</div>': '',})|raw }}</div>
  49.                     </div>
  50.                 {% endif %}
  52.                 <div class="mt-4">
  53.                     <span class="color1 fw-bold">Compétences</span><br>
  54.                     <div class="color2">{{ avocat.competences|replace({'<div>': '', '</div>': '',})|raw }}</div>
  55.                 </div>
  57.                 {% if avocat.note != null %}
  58.                     <div class="mt-4">
  59.                         <span class="color1 fw-bold">A noter</span><br>
  60.                         <div class="color2">{{ avocat.note|replace({'<div>': '', '</div>': '',})|raw }}</div>
  61.                     </div>
  62.                 {% endif %}
  63.             </div>
  65.         </div>
  66.     </div>
  68.     <div class="container-fluid bgcolor-2 bg-avocats"></div>
  69.     <div class="container bgavocats-container">
  70.         <div class="row row-cols-1 row-cols-md-3 g-5 d-flex justify-content-center mb-5 pb-4">
  71.             {% for d in avocat.domaine %}
  72.                 <div class="col-lg-3 col-sm-12 avocats" style="height: 250px;">
  73.                     <div class="card h-100" style="background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url({{ asset('assets/img/domaines/' ~ d.image) }}); background-position: center; background-repeat: no-repeat; background-size: cover;">
  74.                         <div class="card-body px-5 d-flex align-items-center justify-content-center my-5 flex-column">
  75.                             <p class="mb-4 text-title text-white fw-bold text-center text-uppercase">{{ d.title }}</p>
  76.                             <p class="my-0">
  77.                                 <a href="{{ d.buttonLink }}" class="button">{{ d.buttonText }}</a>
  78.                             </p>
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.             {% endfor %}
  83.         </div>
  84.     </div>
  86. {% endblock %}