templates/besoins.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}Les troubles traités par la médecine douce - Zendez Vous{% endblock %}
  4. {% block description %}Zendez-Vous vous accompagne dans votre recherche. Parce que chaque besoin nécessite une réponse précise et spécialisée.{% endblock %}
  6. {% block styles %}
  7. {{ parent() }}
  8. {% endblock %}
  10. {% block body %}
  11. <section class="page_header_salamander">
  12. <div class="container pb-10">
  13. <ul class="breadcrumb">
  14. <li><a href="{{ path('default_home') }}">Accueil</a></li>
  15. <li>Besoins</li>
  16. </ul>
  17. <div class="mt-12">
  18. <svg xmlns="http://www.w3.org/2000/svg" width="47.959" height="31.849" viewBox="0 0 47.959 31.849">
  19. <path id="Tracé_185" data-name="Tracé 185" d="M286.3,169.475a11.395,11.395,0,0,0-11.383-11.382,11.252,11.252,0,0,0-6.254,1.939,11.252,11.252,0,0,0-6.254-1.939,11.395,11.395,0,0,0-11.383,11.382,8.621,8.621,0,0,0,1.076,3.653h-5a1.876,1.876,0,1,0,0,3.753h7.356c3.753,5.166,9.719,10.52,12.3,11.67h0a3.6,3.6,0,0,0,1.951.375h.338a3.9,3.9,0,0,0,1.613-.4c2.577-1.151,8.505-6.5,12.3-11.67h7.356a1.876,1.876,0,1,0,0-3.753h-5a8.627,8.627,0,0,0,1-3.628Zm-9.619,9.032h0a33.37,33.37,0,0,1-7.63,6.63,1.84,1.84,0,0,0-.85,0,33.361,33.361,0,0,1-7.63-6.63c-.513-.563-.989-1.1-1.439-1.626h1.6a1.875,1.875,0,0,0,1.751-1.25l1.639-4.278,2.777,6.492a1.876,1.876,0,0,0,1.651,1.139h.075a1.893,1.893,0,0,0,1.664-1l2.739-5.166,1.026,2.789a1.864,1.864,0,0,0,1.751,1.251h2.314c-.45.55-.926,1.088-1.439,1.651Zm.438-5.378-2.026-5.5h0a1.876,1.876,0,0,0-3.415-.225l-2.864,5.416-3.052-7.13A1.813,1.813,0,0,0,264,164.547a1.887,1.887,0,0,0-1.714,1.251l-2.839,7.393h-3.128a8.491,8.491,0,0,1-1.613-3.653,7.644,7.644,0,0,1,7.63-7.63,7.505,7.505,0,0,1,5,1.951,1.876,1.876,0,0,0,2.5,0,7.506,7.506,0,0,1,5-1.951,7.644,7.644,0,0,1,7.63,7.63,8.491,8.491,0,0,1-1.613,3.653Z" transform="translate(-244.724 -157.593)" fill="#ff6700" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  20. </svg>
  21. </div>
  22. <div class="mt-5">
  23. <h1 class="text-primary fw-bold" style="font-size: 38px;">Les troubles traités par la médecine douce</h1>
  24. </div>
  25. <div class="mt-5" style="max-width: 750px;">
  26. <p>
  27. Sélectionnez le besoin qui vous intéresse le plus et lisez le contenu de la fiche besoin. Vous y trouverez des propositions de pratiques correspondant à chaque besoin. C’est à vous!
  28. </p>
  29. </div>
  31. <div class="page_header_salamander_logo"></div>
  32. </div>
  33. </section>
  34. <section class="bg-primary">
  35. <div class="container py-15">
  36. <div class="d-flex flex-wrap gap-5 justify-content-start">
  37. {% for need in needs %}
  38. <div class="mobile-w-100" style="width: 32%;">
  39. <a href="{{ path('default_besoins_fiche', {"slug": need.slug}) }}">
  40. <div class="zv-button-list-item">
  41. {{ need.label }}
  42. <div class="zv-button-list-item-arrow">
  43. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18.315 18.73">
  44. <g id="Icon_feather-arrow-left" data-name="Icon feather-arrow-left" transform="translate(0.5 0.707)">
  45. <path id="Tracé_32" data-name="Tracé 32" d="M7.5,18H24.815" transform="translate(-7.5 -9.342)" fill="none" stroke="#186d7c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  46. <path id="Tracé_33" data-name="Tracé 33" d="M7.5,24.815l8.658-8.658L7.5,7.5" transform="translate(1.158 -7.5)" fill="none" stroke="#186d7c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  47. </g>
  48. </svg>
  49. </div>
  50. </div>
  51. </a>
  52. </div>
  53. {% endfor %}
  54. </div>
  55. <div class="my-15" style="max-width: 750px;">
  56. <div class="bg-white py-7 px-10 d-flex align-items-center justify-content-between gap-5 mobile-flex-column" style="border-radius: 10px;">
  57. <div>
  58. <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 46 46">
  59. <path id="Icon_ionic-md-happy" data-name="Icon ionic-md-happy" d="M26.375,3.375a23,23,0,1,0,23,23A22.994,22.994,0,0,0,26.375,3.375Zm0,41.4a18.4,18.4,0,1,1,18.4-18.4A18.455,18.455,0,0,1,26.375,44.775Zm8.05-20.7a3.45,3.45,0,1,0-3.45-3.45A3.388,3.388,0,0,0,34.425,24.075Zm-16.1,0a3.45,3.45,0,1,0-3.45-3.45A3.388,3.388,0,0,0,18.325,24.075Zm8.05,14.95a12.532,12.532,0,0,0,11.73-8.05H14.645A12.532,12.532,0,0,0,26.375,39.025Z" transform="translate(-3.375 -3.375)" fill="#ff6700"/>
  60. </svg>
  61. </div>
  62. <div class="text-primary fw-semibold fs-5 mobile-text-center">Besoin d’être accompagné pour améliorer votre bien-être ?</div>
  63. <div><a href="{{ path('default_conseils') }}"><button style="white-space: nowrap;">Prendre rendez-vous</button></a></div>
  64. </div>
  65. </div>
  66. </div>
  67. </section>
  68. {% include("utils/help-coach.html.twig") %}
  69. {% endblock %}
  71. {% block javascripts %}
  72. {{ parent() }}
  73. {% endblock %}