templates/content/home/home_page.html.twig line 1

Open in your IDE?
  1. <section
  2.     id="bandeaux" class="d-none d-sm-block">
  3.     <!-- Vidéo de fond -->
  4.     <video autoplay loop muted playsinline>
  5.         <source src="{{ asset('assets/img/video/video-voyance-en-lignes.mp4') }}" type="video/mp4">
  6.         Votre navigateur ne supporte pas la vidéo HTML5.
  7.     </video>
  8.     <div class="container col-11 mx-auto row">
  9.         <div class="col-9 text-center justify-content-between ">
  10.             <h1 class="text-white text-uppercase titreIndex">
  11.                 {{nomDeDomaine}}
  12.             </h1>
  13.             <h2 class="text-white text-uppercase titreIndex">
  14.                 Les Meilleurs Voyants de France réunis pour Vous</h2>
  15.             {%if app.user == null%}
  16.                 <a href="{{path('app_register')}}">
  17.                     <button class="col-sm-3 col-12 btn btn-primary  mt-2 " ;>
  18.                         <span class="big" ;>Inscription Gratuite</span>
  19.                     </button>
  20.                 </a>
  21.                 {%endif%}
  22.                 {%if app.user == null%}
  23.                     <a href="tel:+419901535535">
  24.                         <button class="col-sm-3 col-12 btn btn-info mt-2 " ;>
  25.                             <span class="big" ;><img src="/assets/img/flag/CHE.png" width="30">
  26.                                 Appel sans CB</span>
  27.                         </button>
  28.                     </a>
  29.                     {%endif%}
  30.                     <a href="{{path('app_tarifs')}}">
  31.                         <button class="col-sm-3 col-12 btn btn-primary  mt-2 " ;="">
  32.                             <span class="big" ;="">Programme fidélité
  33.                             </span>
  34.                         </button>
  35.                     </a>
  36.                 </div>
  37.                 <div class="col-3 text-end ">
  38.                     <p class="text-white ">
  39.                         <img src="/assets/img/flag/FRA.png">
  40.                         <span style="background-color: #1d1717;">
  41.                             <b class="fw-bold">00 33 9 74 44 53 76</b>
  42.                         </span>
  43.                     </p>
  44.                     <p class="text-white ">
  45.                         <img src="/assets/img/flag/BEL.png">
  46.                         <span style="background-color: #1d1717;">
  47.                             <b class="fw-bold">{{telBelgique}}</b>
  48.                         </span>
  49.                     </p>
  50.                     <p class="text-white ">
  51.                         <img src="/assets/img/flag/CHE.png">
  52.                         <span style="background-color: #1d1717;">
  53.                             <b class="fw-bold">{{telSuisse}}</b>
  54.                         </span>
  55.                     </p>
  56.                     <p class="text-white ">
  57.                         <img src="/assets/img/flag/LUX.png">
  58.                         <span style="background-color: #1d1717;">
  59.                             <b class="fw-bold">{{telLuxembourg}}</b>
  60.                         </span>
  61.                     </p>
  62.                 </div>
  63.                 <!--
  64.                         <div class="col-9 text-center justify-content-between ">
  65.                             <a href="{{url_retour}}">
  66.                                 <button class=" col-sm-3 col-12 btn btn-success mt-4">Retour vers le site <br> <b>{{nomDeDomaine}}</b> </button>
  67.                             </a>
  68.                         </div>
  69.                         -->
  70.             </div>
  71.         </section>
  72.         <!-- <div class=" bg-white" id="team">
  73.             <div class="container">
  74.                 {% set dispo = 0 %}
  75.                 {% for conseiller in conseillers %}
  76.                 {%if conseiller.userState == 1 %}
  77.                 {% set dispo = dispo + 1 %}
  78.                 {% endif %}
  79.                 {% endfor %}
  80.                 {% if dispo == 0 %}
  81.                 {%else%}
  82.                 <div class="text-center">
  83.                     <h2 class="section-heading text-uppercase">Conseiller Disponible</h2>
  84.                 </div>
  85.                 {%endif%}
  86.                 <div class="row">
  87.                     {% set i = 0 %}
  88.                     {% for conseiller in conseillers %}
  89.                     {%if conseiller.userState == 1 %}
  90.                     {% set i = i + 1 %}
  91.                     <div class="col-sm-4 ">
  92.                         <div class="team-member ">
  93.         
  94.                             <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
  95.                                     class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
  96.         
  97.                             {% if conseiller.note == 0 %}
  98.                             <p class="text-center  small text-primary">Avis des membres
  99.                                 <i class="bi bi-star"></i>
  100.                                 <i class="bi bi-star"></i>
  101.                                 <i class="bi bi-star"></i>
  102.                                 <i class="bi bi-star"></i>
  103.                                 <i class="bi bi-star"></i>
  104.                             </p>
  105.                             {% elseif conseiller.note == 0.5 %}
  106.                             <p class="text-center  small text-primary">Avis des membres
  107.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  108.                                 <i class="bi bi-star"></i>
  109.                                 <i class="bi bi-star"></i>
  110.                                 <i class="bi bi-star"></i>
  111.                                 <i class="bi bi-star"></i>
  112.                             </p>
  113.                             {% elseif conseiller.note == 1 %}
  114.                             <p class="text-center  small text-primary">Avis des membres
  115.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  116.                                 <i class="bi bi-star"></i>
  117.                                 <i class="bi bi-star"></i>
  118.                                 <i class="bi bi-star"></i>
  119.                                 <i class="bi bi-star"></i>
  120.                             </p>
  121.                             {% elseif conseiller.note == 1.5 %}
  122.                             <p class="text-center  small text-primary">Avis des membres
  123.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  124.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  125.                                 <i class="bi bi-star"></i>
  126.                                 <i class="bi bi-star"></i>
  127.                                 <i class="bi bi-star"></i>
  128.                             </p>
  129.                             {% elseif conseiller.note == 2 %}
  130.                             <p class="text-center  small text-primary">Avis des membres
  131.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  132.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  133.                                 <i class="bi bi-star"></i>
  134.                                 <i class="bi bi-star"></i>
  135.                                 <i class="bi bi-star"></i>
  136.                             </p>
  137.                             {% elseif conseiller.note == 2.5 %}
  138.                             <p class="text-center  small text-primary">Avis des membres
  139.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  140.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  141.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  142.                                 <i class="bi bi-star"></i>
  143.                                 <i class="bi bi-star"></i>
  144.                             </p>
  145.                             {% elseif conseiller.note == 3 %}
  146.                             <p class="text-center  small text-primary">Avis des membres
  147.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  148.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  149.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  150.                                 <i class="bi bi-star"></i>
  151.                                 <i class="bi bi-star"></i>
  152.                             </p>
  153.                             {% elseif conseiller.note == 3.5 %}
  154.                             <p class="text-center  small text-primary">Avis des membres
  155.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  156.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  157.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  158.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  159.                                 <i class="bi bi-star"></i>
  160.                             </p>
  161.                             {% elseif conseiller.note == 4 %}
  162.                             <p class="text-center  small text-primary">Avis des membres
  163.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  164.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  165.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  166.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  167.                                 <i class="bi bi-star"></i>
  168.                             </p>
  169.                             {% elseif conseiller.note == 4.5 %}
  170.                             <p class="text-center  small text-primary">Avis des membres
  171.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  172.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  173.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  174.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  175.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  176.                             </p>
  177.                             {% elseif conseiller.note == 5 %}
  178.                             <p class="text-center  small text-primary">Avis des membres
  179.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  180.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  181.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  182.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  183.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  184.                             </p>
  185.                             {% endif %}
  186.         
  187.         
  188.                             {% if conseiller.kindOfCredit == 1 %}
  189.                             <strong>Consultation CB à {{conseiller.prixParMinute}} €/mn </strong>
  190.                             {% endif %}
  191.                             <h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
  192.         
  193.                             <p class="text-muted col-8 mx-auto">{{conseiller.descriptionCourte|raw}}</p>
  194.                             <div class="d-flex justify-content-center mb-2">
  195.                                 <strong>Specialité :</strong>
  196.                                 {% for specialite in conseiller.specialitesArray%}
  197.                                 &nbsp;
  198.                                 <span class="badge bg-warning mt-1">{{specialite}}</span>
  199.                                 {% endfor %}
  200.                             </div>
  201.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
  202.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
  203.                             {% if conseiller.userMailing %}
  204.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
  205.                             {% endif %}
  206.                             {% if conseiller.userMailing %}
  207.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
  208.                             {% endif %}
  209.         
  210.                         </div>
  211.                     </div>
  212.                     {% endif %}
  213.                     {% endfor %}
  214.                 </div>
  215.         
  216.                 {% if i == 0 %}
  217.                 <div class="row">
  218.                     <div class="col-sm-8 mx-auto text-center">
  219.                         <h3 class="large text-muted">Tous nos conseillers sont actuellement occupés.</h3>
  220.                     </div>
  221.                 </div>
  222.                 {% endif %}
  223.             </div>
  224.         </div> -->
  225.         <!-- <div class=" bg-white" id="team">
  226.             <div class="container">
  227.                 <div class="text-center">
  228.                     <h2 class="section-heading text-uppercase">Conseiller Occupé</h2>
  229.         
  230.                 </div>
  231.                 <div class="row">
  232.                     {% set i = 0 %}
  233.                     {% for conseiller in conseillers %}
  234.                     {%if conseiller.userState == 2 %}
  235.                     {% set i = i + 1 %}
  236.                     <div class="col-lg-4 ">
  237.                         <div class="team-member ">
  238.                             <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
  239.                                     class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
  240.         
  241.                             {% if conseiller.note == 0 %}
  242.                             <p class="text-center  small text-primary">Avis des membres
  243.                                 <i class="bi bi-star"></i>
  244.                                 <i class="bi bi-star"></i>
  245.                                 <i class="bi bi-star"></i>
  246.                                 <i class="bi bi-star"></i>
  247.                                 <i class="bi bi-star"></i>
  248.                             </p>
  249.                             {% elseif conseiller.note == 0.5 %}
  250.                             <p class="text-center  small text-primary">Avis des membres
  251.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  252.                                 <i class="bi bi-star"></i>
  253.                                 <i class="bi bi-star"></i>
  254.                                 <i class="bi bi-star"></i>
  255.                                 <i class="bi bi-star"></i>
  256.                             </p>
  257.                             {% elseif conseiller.note == 1 %}
  258.                             <p class="text-center  small text-primary">Avis des membres
  259.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  260.                                 <i class="bi bi-star"></i>
  261.                                 <i class="bi bi-star"></i>
  262.                                 <i class="bi bi-star"></i>
  263.                                 <i class="bi bi-star"></i>
  264.                             </p>
  265.                             {% elseif conseiller.note == 1.5 %}
  266.                             <p class="text-center  small text-primary">Avis des membres
  267.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  268.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  269.                                 <i class="bi bi-star"></i>
  270.                                 <i class="bi bi-star"></i>
  271.                                 <i class="bi bi-star"></i>
  272.                             </p>
  273.                             {% elseif conseiller.note == 2 %}
  274.                             <p class="text-center  small text-primary">Avis des membres
  275.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  276.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  277.                                 <i class="bi bi-star"></i>
  278.                                 <i class="bi bi-star"></i>
  279.                                 <i class="bi bi-star"></i>
  280.                             </p>
  281.                             {% elseif conseiller.note == 2.5 %}
  282.                             <p class="text-center  small text-primary">Avis des membres
  283.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  284.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  285.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  286.                                 <i class="bi bi-star"></i>
  287.                                 <i class="bi bi-star"></i>
  288.                             </p>
  289.                             {% elseif conseiller.note == 3 %}
  290.                             <p class="text-center  small text-primary">Avis des membres
  291.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  292.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  293.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  294.                                 <i class="bi bi-star"></i>
  295.                                 <i class="bi bi-star"></i>
  296.                             </p>
  297.                             {% elseif conseiller.note == 3.5 %}
  298.                             <p class="text-center  small text-primary">Avis des membres
  299.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  300.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  301.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  302.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  303.                                 <i class="bi bi-star"></i>
  304.                             </p>
  305.                             {% elseif conseiller.note == 4 %}
  306.                             <p class="text-center  small text-primary">Avis des membres
  307.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  308.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  309.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  310.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  311.                                 <i class="bi bi-star"></i>
  312.                             </p>
  313.                             {% elseif conseiller.note == 4.5 %}
  314.                             <p class="text-center  small text-primary">Avis des membres
  315.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  316.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  317.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  318.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  319.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  320.                             </p>
  321.                             {% elseif conseiller.note == 5 %}
  322.                             <p class="text-center  small text-primary">Avis des membres
  323.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  324.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  325.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  326.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  327.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  328.                             </p>
  329.                             {% endif %}
  330.         
  331.         
  332.         
  333.                             <h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
  334.                             <p class="text-muted col-8 mx-auto">{{conseiller.descriptionCourte|raw}}</p>
  335.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
  336.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
  337.                             {% if conseiller.userMailing %}
  338.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
  339.                             {% endif %}
  340.                             {% if conseiller.userMailing %}
  341.                             <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
  342.                             {% endif %}
  343.         
  344.                         </div>
  345.                     </div>
  346.                     {% endif %}
  347.                     {% endfor %}
  348.                     {% if i == 0 %}
  349.                     <div class="row">
  350.                         <div class="col-lg-8 mx-auto text-center">
  351.                             <h3 class="large text-muted">Tous nos conseillers sont actuellement occupés.</h3>
  352.                         </div>
  353.                     </div>
  354.                     {% endif %}
  355.                 </div>
  356.         
  357.         
  358.             </div>
  359.         </div>
  360.         
  361.         
  362.         </div> -->
  363.         <div class="container-fluid px-4 mb-5 d-none d-sm-block mt-4">
  364.             <div class="row">
  365.                 {% if app.user %}
  366.                     {% else %}
  367.                         <div class="col-lg-3">{% include('content/home/step.html.twig') %}</div>
  368.                         {%endif%}
  369.                         {% if app.user %}
  370.                             <div class="col-lg-11 mx-auto">
  371.                             {% else %}
  372.                                 <div class="col-lg-9 col-sm-12">
  373.                                     {%endif%}
  374.                                     <div class=" bg-light mt-2" id="team">
  375.                                         <div class="container text-center ">
  376.                                             <div class="d-flex justify-content-between mt-1">
  377.                                                 <div class="container text-center">
  378.                                                     <p class="text-dark mt-2">Votre avenir professionnel, sentimental, financier ou autre, est à portée de clic ! Notre mission est d'apporter des réponses précises et confidentielles à toutes vos questions. C’est pourquoi nous sélectionnons rigoureusement chaque médium par téléphone, pour vous garantir un voyance en ligne d'exception. Entrez en contact avec nos conseillers, référencés par <a href="https://www.marieclaire.fr/adresses-incontournables/pametik-ange/" target="_blank">Marie-Claire</a> et <a href="https://adresses-incontournables.madame.lefigaro.fr/dossier/pametikange-2/" target="_blank">Madame Figaro</a>, VOYANCE EN LIGNE se place dans une continuité d'évolution, vous serez surpris(e) par leur savoir-faire, leur savoir-être et la justesse de leurs prédictions.</p>
  379.                                                     <p class="text-dark  text-center">Parce que vous recherchez le meilleur voyant, seuls 2% des candidats sont sélectionnés pour intégrer notre plateforme. Le processus de sélection est strict, permettant de distinguer le médium de qualité ou le meilleur guérisseur à distance. Même si les supports varient d’un expert à l’autre -  médiumnité de naissance, pur channeling, astrologie, tarologie, numérologie, etc., l’ensemble des professionnel(le)s fait preuve de passion, de dévotion et d’engagement à vous guider de manière authentique.
  380.                                                         <br><br>Appeler sans inscription et sans CB depuis la
  381.                                                         <img src="/assets/img/flag/CHE.png">
  382.                                                         Suisse:
  383.                                                         <strong>
  384.                                                             <a href="tel:+419901535535" style="color: #fa9404;">0901 535 535 (2.50CHF / min)</a>
  385.                                                         </strong>
  386.                                                     </p>
  387.                                                     <p class="_strong">
  388.                                                         <a href="/register" style="color:#CE9548">Inscrivez-vous Gratuitement</a>
  389.                                                     </p>
  390.                                                 </u>
  391.                                             </strong>
  392.                                         </h3>
  393.                                         <p class="text-dark  text-center">Consultez notre
  394.                                             <strong class="_strong">équipe de voyants et médiums par téléphone</strong>
  395.                                             au
  396.                                         <!-- <p>
  397.                                                                             ou <strong class=""> 023 15
  398.                                                                                 36
  399.                                                                                 85</strong> après inscription
  400.                                                                         </p> -->
  401.                                             <!-- <a href="tel:+3223153685." class="d-sm-none d-block">
  402.                                                                                 <button class="btn btn-primary bg-primary">
  403.                                                                                     <i class="bi bi-telephone-fill"></i> 023 15 36 85
  404.                                                                                 </button>
  405.                                                                             </a> -->
  406.                                         </p>
  407.                                         <p>
  408.                                             <img src="/assets/img/flag/FRA.png">
  409.                                             France:
  410.                                             <strong>
  411.                                                 <a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
  412.                                             </strong><br>
  413.                                             <img src="/assets/img/flag/BEL.png">
  414.                                             Belgique:
  415.                                             <strong>
  416.                                                 <a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
  417.                                             </strong><br>
  418.                                             <img src="/assets/img/flag/CHE.png">
  419.                                             Suisse:
  420.                                             <strong>
  421.                                                 <a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
  422.                                             </strong><br>
  423.                                             <img src="/assets/img/flag/LUX.png">
  424.                                             Luxembourg:
  425.                                             <strong>
  426.                                                 <a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
  427.                                             </strong><br>
  428.                                         </p>
  429.                                         <a href="tel:{{telFrance}}" class="d-sm-none d-block">
  430.                                             <button class="btn btn-primary bg-primary">
  431.                                                 <i class="bi bi-telephone-fill"></i>
  432.                                                 {{telFrance}}
  433.                                             </button>
  434.                                         </a>
  435.                                         <!-- <p>
  436.                                                                             <img src="/assets/img/flag/LUX.png"> Luxembourg :<strong class="">901
  437.                                                                                 27 016 </strong> -
  438.                                                                             1,15€/mn.
  439.                                                                         </p>
  440.                                                                     
  441.                                                                         <a href="tel:901 27 016" class="d-sm-none d-block">
  442.                                                                             <button class="btn btn-primary bg-primary">
  443.                                                                                 <i class="bi bi-telephone-fill"></i> 901 27 016.
  444.                                                                             </button>
  445.                                                                         </a> -->
  446.                                     </p>
  447.                                     <p class="text-dark mb-2">Bénéficiez dès maintenant des services proposés
  448.                                         <strong class=" _strong">
  449.                                             par Voyance en Ligne
  450.                                         </strong>
  451.                                         <br>
  452.                                         L'inscription est toute simple, gratuite et ne vous prendra que quelques instants.
  453.                                     </p>
  454.                                     <h2 class="font-weight-light pt-sm-5 pt-2">Nos
  455.                                         {{conseillers|length}}
  456.                                         conseillers de Voyance en ligne
  457.                                     </h2> 
  458. {# <div class="mt-3" style="position: relative; display: inline-block;">
  459.   <img src="/assets/img/video/couronne_transparent.gif" alt="Couronne Top Expert" style="width: 39px; height: auto; position: absolute; top: -26px; left: 50%; transform: translateX(-50%);">
  460.   <a href="#" class="btn btn-warning">
  461.     <span class="small" style="font-weight: bold;">Top Expert</span>
  462.   </a>
  463. </div> #}
  464.                                     <hr>
  465.                                     <div class="container   row mx-auto my-auto justify-content-center mb-4">
  466.                                         {% for conseiller in conseillers %}
  467.                                             <div class="col-4 col-sm-8 col-md-6 col-lg-6 col-xl-4  border p-3">
  468.                                                 {%if conseiller.userState == 1 %}
  469.                                                     <span class="badge bg-success badge-success-animated mt-1">Présent</span>
  470.                                                 {% elseif conseiller.userState == 2 %}
  471.                                                     <span class="badge bg-warning">Occupé</span>
  472.                                                 {% elseif conseiller.userState == 0 %}
  473.                                                     <span class="badge bg-danger">Absent</span>
  474.                                                 {% endif %}
  475.                                                 <div class="team-member my-2 ">
  476.                                                     <div class="row">
  477.                                                         <div class="d-flex justify-content-center">
  478.                                                             <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." style="height: 100px; width: 100px;"/></a>
  479.                                                         </div>
  480.                                                         <div class="col-12 mt-2">
  481.                                                             <p class="_strong">
  482.                                                                 {{conseiller.userPseudo}}
  483.                                                                 -
  484.                                                                 {{conseiller.userExtensionCode}}
  485.                                                             </p>
  486.                                                         </div>
  487.                                                     </div>
  488.                                                     {% if conseiller.note == 0 %}
  489.                                                         <p class="text-center  small text-primary">Avis des membres
  490.                                                             <i class="bi bi-star"></i>
  491.                                                             <i class="bi bi-star"></i>
  492.                                                             <i class="bi bi-star"></i>
  493.                                                             <i class="bi bi-star"></i>
  494.                                                             <i class="bi bi-star"></i>
  495.                                                         </p>
  496.                                                     {% elseif conseiller.note == 0.5 %}
  497.                                                         <p class="text-center  small text-primary">Avis des membres
  498.                                                             <i class="bi bi-star-half" style="color: #ffc400;"></i>
  499.                                                             <i class="bi bi-star"></i>
  500.                                                             <i class="bi bi-star"></i>
  501.                                                             <i class="bi bi-star"></i>
  502.                                                             <i class="bi bi-star"></i>
  503.                                                         </p>
  504.                                                     {% elseif conseiller.note == 1 %}
  505.                                                         <p class="text-center  small text-primary">Avis des membres
  506.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  507.                                                             <i class="bi bi-star"></i>
  508.                                                             <i class="bi bi-star"></i>
  509.                                                             <i class="bi bi-star"></i>
  510.                                                             <i class="bi bi-star"></i>
  511.                                                         </p>
  512.                                                     {% elseif conseiller.note == 1.5 %}
  513.                                                         <p class="text-center  small text-primary">Avis des membres
  514.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  515.                                                             <i class="bi bi-star-half" style="color: #ffc400;"></i>
  516.                                                             <i class="bi bi-star"></i>
  517.                                                             <i class="bi bi-star"></i>
  518.                                                             <i class="bi bi-star"></i>
  519.                                                         </p>
  520.                                                     {% elseif conseiller.note == 2 %}
  521.                                                         <p class="text-center  small text-primary">Avis des membres
  522.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  523.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  524.                                                             <i class="bi bi-star"></i>
  525.                                                             <i class="bi bi-star"></i>
  526.                                                             <i class="bi bi-star"></i>
  527.                                                         </p>
  528.                                                     {% elseif conseiller.note == 2.5 %}
  529.                                                         <p class="text-center  small text-primary">Avis des membres
  530.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  531.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  532.                                                             <i class="bi bi-star-half" style="color: #ffc400;"></i>
  533.                                                             <i class="bi bi-star"></i>
  534.                                                             <i class="bi bi-star"></i>
  535.                                                         </p>
  536.                                                     {% elseif conseiller.note == 3 %}
  537.                                                         <p class="text-center  small text-primary">Avis des membres
  538.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  539.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  540.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  541.                                                             <i class="bi bi-star"></i>
  542.                                                             <i class="bi bi-star"></i>
  543.                                                         </p>
  544.                                                     {% elseif conseiller.note == 3.5 %}
  545.                                                         <p class="text-center  small text-primary">Avis des membres
  546.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  547.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  548.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  549.                                                             <i class="bi bi-star-half" style="color: #ffc400;"></i>
  550.                                                             <i class="bi bi-star"></i>
  551.                                                         </p>
  552.                                                     {% elseif conseiller.note == 4 %}
  553.                                                         <p class="text-center  small text-primary">Avis des membres
  554.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  555.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  556.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  557.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  558.                                                             <i class="bi bi-star"></i>
  559.                                                         </p>
  560.                                                     {% elseif conseiller.note == 4.5 %}
  561.                                                         <p class="text-center  small text-primary">Avis des membres
  562.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  563.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  564.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  565.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  566.                                                             <i class="bi bi-star-half" style="color: #ffc400;"></i>
  567.                                                         </p>
  568.                                                     {% elseif conseiller.note == 5 %}
  569.                                                         <p class="text-center  small text-primary">Avis des membres
  570.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  571.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  572.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  573.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  574.                                                             <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  575.                                                         </p>
  576.                                                     {% endif %}
  577.                                                     <div style="height: 160px;">
  578.                                                         <p style=" -webkit-line-clamp: 5;
  579.                                                                                                             overflow : hidden;
  580.                                                                                                             text-overflow: ellipsis;
  581.                                                                                                             display: -webkit-box;
  582.                                                                                                             -webkit-box-orient: vertical;
  583.                                                                                                             ">{{conseiller.descriptionCourte | raw }}</p>
  584.                                                     </div>
  585.                                                     <hr>
  586.                                                     {% if conseiller.specialitesArray %}
  587.                                                         <div class="d-flex justify-content-start row">
  588.                                                             <strong>Spécialités:</strong>
  589.                                                             <p class="text-warning mt-1 text-xs" style="height: 30px;">
  590.                                                                 {% for specialite in conseiller.specialitesArray%}
  591.                                                                     &nbsp;
  592.                                                                     {{specialite}}
  593.                                                                 {% endfor %}
  594.                                                             </p>
  595.                                                         </div>
  596.                                                         {%else%}
  597.                                                         <div class="text-warning mt-1 text-xs" style="height: 70px;"></div>
  598.                                                         {%endif%}
  599.                                                         <hr>
  600.                                                         <!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
  601.                                                         <a class="btn  btn-primary btn-social mx-2" href="tel:+33974445376">
  602.                                                             <i class="bi bi-telephone-fill "></i>
  603.                                                         </a>
  604.                                                         <a class="btn btn-primary btn-social mx-2" href="{{path('question_mail', {id : conseiller.complementId})}}">
  605.                                                             <i class="bi bi-envelope-fill "></i>
  606.                                                         </a>
  607.                                                         {% if conseiller.userMailing %}
  608.                                                             <a class="btn btn-primary btn-social mx-2" href="{{path('app_login')}}">
  609.                                                                 <i class="bi bi-chat-fill "></i>
  610.                                                             </a>
  611.                                                         {% endif %}
  612.                                                     </div>
  613.                                                 </div>
  614.                                             {% endfor %}
  615.                                         </div>
  616.                                     </div>
  617.                                 </div>
  618.                             </div>
  619.                         </div>
  620.                     </div>
  621.                     <section>
  622.                         <div class="container px-5">
  623.                             <div class="row gx-5 align-items-center">
  624.                                 <div>
  625.                                     <div class="">
  626.                                         <center>
  627.                                             <div style="display: flex; justify-content: center; gap: 20px;">
  628.                                                     <figure>
  629.                                                         <video frameborder="1" src="assets/img/video/video.mp4" controls width="600" title="Voyance Infinie - VOYANCE EN LIGNE">
  630.                                                             Votre navigateur ne supporte pas les vidéos HTML5.
  631.                                                         </video>
  632.                                                         <figcaption>Voyance en Ligne</figcaption>
  633.                                                     </figure>
  634.                                                 </div>
  635.                                             </center>
  636.                                             <p class="text-dark mt-2">Sentez-vous en sécurité lors de votre consultation par téléphone ou chat (seule la Suisse bénéficie de l’audiotel). Bien qu'il ne soit pas possible de garantir la réalisation des prédictions en raison du libre arbitre des consultant(e)s, notre but ultime reste de garantir votre satisfaction durant la consultation.</p>
  637.                                             <p class="text-dark mt-2">Nos client(e)s adorent converser avec nos médiums de qualité. Vous ressentez un lien fort et une proximité, lesquels sont souvent mentionnés. Beaucoup apprécient leurs interactions et ressentent un véritable attachement envers nos voyants.
  638.                                                 <strong>Consulter nos expert(e)s est comme parler à un ami de confiance qui sait donner des conseils précieux</strong>.</p>
  639.                                             <p class="text-dark mt-2">Hautement compétent et doté d'une grande connaissance de ses capacité, chaque médium en ligne est capable de délivrer des informations précises, claires et pertinentes. Les évaluations de nos clients soulignent l’exactitude avec laquelle nos médiums perçoivent les situations actuelles et futures. Certains de nos clients ont même confirmé la réalisation d'évènements prédits lors des consultations.</p>
  640.                                             <p class="text-dark mt-2">Notre équipe est plébiscitée pour son professionnalisme et la qualité de son accueil, passant du statut de
  641.                                                 <em>voyant</em>
  642.                                                 à celui de confident et guide de confiance, soit
  643.                                                 <em>coach de vie</em>. La plateforme est devenue une source d’accompagnement pour beaucoup de consultant(e)s, que ce soit dans les moments difficiles ou de transition, mais également quand tout va bien et qu'ils veulent juste avoir un aperçu de leur avenir. La force des médiums repose sur leur sincérité, leur empathie et leur capacité à donner l’espoir pour l'avenir sans complaisance.</p>
  644.                                             <h3>
  645.                                                 Consultez nos professionnels de l’art divinatoire en vous
  646.                                                 <strong class="_strong">
  647.                                                     inscrivant gratuitement</strong>.
  648.                                             </h3>
  649.                                         </center>
  650.                                         <p class="text-dark  text-center">Pour joindre nos spécialistes, connus et reconnus, de la voyance, consultez nous au
  651.                                             <br>
  652.                                             <img src="/assets/img/flag/FRA.png">
  653.                                             France:
  654.                                             <strong>
  655.                                                 <a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
  656.                                             </strong><br>
  657.                                             <img src="/assets/img/flag/BEL.png">
  658.                                             Belgique:
  659.                                             <strong>
  660.                                                 <a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
  661.                                             </strong><br>
  662.                                             <img src="/assets/img/flag/CHE.png">
  663.                                             Suisse:
  664.                                             <strong>
  665.                                                 <a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
  666.                                             </strong><br>
  667.                                             <img src="/assets/img/flag/LUX.png">
  668.                                             Luxembourg:
  669.                                             <strong>
  670.                                                 <a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
  671.                                             </strong><br></p>
  672.                                     </a>
  673.                                 </div>
  674.                             </div>
  675.                         </div>
  676.                     </div>
  677.                     <a href="http://annuaire-esoterique.com/mediumnite.php" target="_blank" title="Site selectionne par annuaire-esoterique.com, l'annuaire de reference des professionnels de la voyance. Mise a jour permanente, recherches croisees, ... "><img src="http://annuaire-esoterique.com/Annuaire88x31.gif" alt="annuaire-esoterique.com" width="88" height="31" border="0"></a>
  678.                 </section>
  679.             </div>
  680.         </div>
  681.     </div>
  682. </div>
  683. <div class=" d-sm-none d-block mb-2 mt-2">
  684.     <div class=" bg-light">
  685.         <div class="container text-center mt-sm-5">
  686.             <br><br>
  687.             <h3>
  688.                 Appeler
  689.                 {{nomDeDomaine}}
  690.             </h3>
  691.             <strong class="_strong d-sm-block d-none">Inscription Gratuite</strong>
  692.             <a href="{{path('app_register')}}" class="d-sm-none d-block">
  693.                 <button class="col-sm-3 col-12 btn btn-primary mt-2 " ;>
  694.                     INSCRIPTION GRATUITE
  695.                 </button>
  696.             </a>
  697.             <a href="tel:+419901535535">
  698.                 <button class="col-sm-3 col-12 btn btn-info mt-2 " ;>
  699.                     <span class="big" ;><img src="/assets/img/flag/CHE.png" width="30">
  700.                         Appel sans CB</span>
  701.                 </button>
  702.             </a>
  703.             <p class="text-dark mt-2">Nous vous proposons des voyants, médiums, astrologues,
  704.                                 numérologues... Vus, connus et reconnus.</p>
  705.             <p class="text-dark  text-center">Voulez vous ont savoir plus sur votre avenir sentimental, professionnel,
  706.                                 financier ou autre ?
  707.                 <br>
  708.                 Profitez de nos voyances de qualité.
  709.                 <br><br>Appeler sans inscription et sans CB depuis la
  710.                 <img src="/assets/img/flag/CHE.png">
  711.                 Suisse:
  712.                 <strong>
  713.                     <a href="tel:+419901535535" style="color: #fa9404;">0901 535 535 (2.50CHF / min)</a>
  714.                 </strong>
  715.             </p>
  716.             <p class="text-dark  text-center">Consultez notre
  717.                 <strong class="_strong">équipe de voyants et médiums par téléphone</strong>
  718.                 au
  719.                 <!--<strong class="_strong d-sm-block d-none">09 74 44 53 76</strong>
  720.                                 <a href="tel:+33974445376" class="d-sm-none d-block">
  721.                                     <button class="btn btn-primary bg-primary">
  722.                                         <i class="bi bi-telephone-fill"></i> 09 74 44 53 76
  723.                                     </button>
  724.                                 </a>
  725.                                                  <strong class="_strong d-sm-block d-none">022 519 69 50</strong>
  726.                                 <a href="tel:+33974445376" class="d-sm-none d-block">
  727.                                     <button class="btn btn-primary bg-primary">
  728.                                         <i class="bi bi-telephone-fill"></i>022 519 69 50
  729.                                     </button>
  730.                                 </a>-->
  731.             </p>
  732.             <p>
  733.                 <img src="/assets/img/flag/FRA.png">
  734.                 France:
  735.                 <strong>
  736.                     <a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
  737.                 </strong><br>
  738.                 <img src="/assets/img/flag/BEL.png">
  739.                 Belgique:
  740.                 <strong>
  741.                     <a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
  742.                 </strong><br>
  743.                 <img src="/assets/img/flag/CHE.png">
  744.                 Suisse:
  745.                 <strong>
  746.                     <a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
  747.                 </strong><br>
  748.                 <img src="/assets/img/flag/LUX.png">
  749.                 Luxembourg:
  750.                 <strong>
  751.                     <a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
  752.                 </strong><br>
  753.             </p>
  754.         </p>
  755.         <h2 class="font-weight-light pt-sm-5 pt-2">Nos
  756.             {{conseillers|length}}
  757.             conseillers
  758.         </h2>
  759.         <hr>
  760.         <div class="container   row mx-auto my-auto justify-content-center">
  761.             {% for conseiller in conseillers %}
  762.                 <div class="col-sm-3  border ">
  763.                     {%if conseiller.userState == 1 %}
  764.                         <span class="badge bg-success mt-1">Présent</span>
  765.                     {% elseif conseiller.userState == 2 %}
  766.                         <span class="badge bg-warning">Occupé</span>
  767.                     {% elseif conseiller.userState == 0 %}
  768.                         <span class="badge bg-danger">Absent</span>
  769.                     {% endif %}
  770.                     <div class="team-member my-2">
  771.                         <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="consultation de voyance en ligne"/></a>
  772.                         {% if conseiller.note == 0 %}
  773.                             <p class="text-center  small text-primary">Avis des membres
  774.                                 <i class="bi bi-star"></i>
  775.                                 <i class="bi bi-star"></i>
  776.                                 <i class="bi bi-star"></i>
  777.                                 <i class="bi bi-star"></i>
  778.                                 <i class="bi bi-star"></i>
  779.                             </p>
  780.                         {% elseif conseiller.note == 0.5 %}
  781.                             <p class="text-center  small text-primary">Avis des membres
  782.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  783.                                 <i class="bi bi-star"></i>
  784.                                 <i class="bi bi-star"></i>
  785.                                 <i class="bi bi-star"></i>
  786.                                 <i class="bi bi-star"></i>
  787.                             </p>
  788.                         {% elseif conseiller.note == 1 %}
  789.                             <p class="text-center  small text-primary">Avis des membres
  790.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  791.                                 <i class="bi bi-star"></i>
  792.                                 <i class="bi bi-star"></i>
  793.                                 <i class="bi bi-star"></i>
  794.                                 <i class="bi bi-star"></i>
  795.                             </p>
  796.                         {% elseif conseiller.note == 1.5 %}
  797.                             <p class="text-center  small text-primary">Avis des membres
  798.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  799.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  800.                                 <i class="bi bi-star"></i>
  801.                                 <i class="bi bi-star"></i>
  802.                                 <i class="bi bi-star"></i>
  803.                             </p>
  804.                         {% elseif conseiller.note == 2 %}
  805.                             <p class="text-center  small text-primary">Avis des membres
  806.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  807.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  808.                                 <i class="bi bi-star"></i>
  809.                                 <i class="bi bi-star"></i>
  810.                                 <i class="bi bi-star"></i>
  811.                             </p>
  812.                         {% elseif conseiller.note == 2.5 %}
  813.                             <p class="text-center  small text-primary">Avis des membres
  814.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  815.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  816.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  817.                                 <i class="bi bi-star"></i>
  818.                                 <i class="bi bi-star"></i>
  819.                             </p>
  820.                         {% elseif conseiller.note == 3 %}
  821.                             <p class="text-center  small text-primary">Avis des membres
  822.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  823.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  824.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  825.                                 <i class="bi bi-star"></i>
  826.                                 <i class="bi bi-star"></i>
  827.                             </p>
  828.                         {% elseif conseiller.note == 3.5 %}
  829.                             <p class="text-center  small text-primary">Avis des membres
  830.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  831.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  832.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  833.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  834.                                 <i class="bi bi-star"></i>
  835.                             </p>
  836.                         {% elseif conseiller.note == 4 %}
  837.                             <p class="text-center  small text-primary">Avis des membres
  838.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  839.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  840.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  841.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  842.                                 <i class="bi bi-star"></i>
  843.                             </p>
  844.                         {% elseif conseiller.note == 4.5 %}
  845.                             <p class="text-center  small text-primary">Avis des membres
  846.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  847.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  848.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  849.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  850.                                 <i class="bi bi-star-half" style="color: #fa9404;"></i>
  851.                             </p>
  852.                         {% elseif conseiller.note == 5 %}
  853.                             <p class="text-center  small text-primary">Avis des membres
  854.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  855.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  856.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  857.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  858.                                 <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  859.                             </p>
  860.                         {% endif %}
  861.                         <h4 class="mb-2">{{conseiller.userPseudo}}
  862.                             -
  863.                             {{conseiller.userExtensionCode}}</h4>
  864.                         <!-- <span
  865.                                                     class="badge border border-primary bg-light text-dark">{{conseiller.prixParMinute|number_format(2)}}
  866.                                                     € /mn</span> -->
  867.                         <div style="height: 100px;">
  868.                             <p style=" -webkit-line-clamp: 3;
  869.                                                                 overflow : hidden;
  870.                                                                 text-overflow: ellipsis;
  871.                                                                 display: -webkit-box;
  872.                                                                 -webkit-box-orient: vertical;
  873.                                                                 ">{{conseiller.descriptionCourte | raw }}</p>
  874.                         </div>
  875.                         <!-- <p class="" style="height: 100px;">{{conseiller.descriptionCourte | raw }}</p> -->
  876.                         <hr>
  877.                         {% if conseiller.specialitesArray %}
  878.                             <div class="d-flex justify-content-start row" style="height: 50;">
  879.                                 <strong>Specialité :</strong>
  880.                                 <p class="text-warning mt-1 small">
  881.                                     {% for specialite in conseiller.specialitesArray%}
  882.                                         &nbsp;
  883.                                         {{specialite}}
  884.                                     {% endfor %}
  885.                                 </p>
  886.                             </div>
  887.                             {%else%}
  888.                             {%endif%}
  889.                             <hr>
  890.                             <!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
  891.                             <a class="btn btn-primary btn-social mx-2" href="tel:+33974445376">
  892.                                 <i class="bi bi-telephone-fill "></i>
  893.                             </a>
  894.                             <a class="btn btn-primary btn-social mx-2" href="{{path('question_mail', {id : conseiller.complementId})}}">
  895.                                 <i class="bi bi-envelope-fill "></i>
  896.                             </a>
  897.                             {% if conseiller.userMailing %}
  898.                                 <a class="btn btn-primary btn-social mx-2" href="{{path('app_login')}}">
  899.                                     <i class="bi bi-chat-fill "></i>
  900.                                 </a>
  901.                             {% endif %}
  902.                         </div>
  903.                     </div>
  904.                 {% endfor %}
  905.             </div>
  906.             <section>
  907.                 <div class="container px-5">
  908.                     <div class="row gx-5 align-items-center">
  909.                         <div class="col-12">
  910.                             <div class="text-center my-5">
  911.                                 <div
  912.                                     class="row justify-content-center">
  913.                                         <!-- Vidéo 2 -->
  914.                                         <div class="col-12 col-lg-4 mb-4 d-flex justify-content-center align-items-center">
  915.                                             <figure>
  916.                                                 <video class="w-100" src="assets/img/video/video.mp4" controls title="VOYANCE EN LIGNE video M6">
  917.                                                     Votre navigateur ne supporte pas les vidéos HTML5.
  918.                                                 </video>
  919.                                                 <figcaption>Les Meilleurs Voyants de France réunis pour Vous</figcaption>
  920.                                             </figure>
  921.                                         </div>
  922.                                     </div>
  923.                                 </div>
  924.                                 <!-- Texte sous les vidéos -->
  925.                                 <p class="text-dark mt-2">Sentez-vous en sécurité lors de votre consultation par téléphone ou chat (seule la Suisse bénéficie de l’audiotel). Bien qu'il ne soit pas possible de garantir la réalisation des prédictions en raison du libre arbitre des consultant(e)s, notre but ultime reste de garantir votre satisfaction durant la consultation.</p>
  926.                                 <p class="text-dark mt-2">Nos client(e)s adorent converser avec nos médiums de qualité. Vous ressentez un lien fort et une proximité, lesquels sont souvent mentionnés. Beaucoup apprécient leurs interactions et ressentent un véritable attachement envers nos voyants.
  927.                                     <strong>Consulter nos expert(e)s est comme parler à un ami de confiance qui sait donner des conseils précieux</strong>.</p>
  928.                                 <p class="text-dark mt-2">Hautement compétent et doté d'une grande connaissance de ses capacités, chaque médium en ligne est capable de délivrer des informations précises, claires et pertinentes. Les évaluations de nos clients soulignent l’exactitude avec laquelle nos médiums perçoivent les situations actuelles et futures. Certains de nos clients ont même confirmé la réalisation d'évènements prédits lors des consultations.</p>
  929.                                 <p class="text-dark mt-2">Notre équipe est plébiscitée pour son professionnalisme et la qualité de son accueil, passant du statut de
  930.                                     <em>voyant</em>
  931.                                     à celui de confident et guide de confiance, soit
  932.                                     <em>coach de vie</em>. La plateforme est devenue une source d’accompagnement pour beaucoup de consultant(e)s, que ce soit dans les moments difficiles ou de transition, mais également quand tout va bien et qu'ils veulent juste avoir un aperçu de leur avenir. La force des médiums repose sur leur sincérité, leur empathie et leur capacité à donner de l’espoir pour l'avenir sans complaisance.</p>
  933.                                 <!-- Appel à l'action -->
  934.                                 <h3 class="text-center">Consultez nos professionnels de l’art divinatoire en vous
  935.                                     <strong class="_strong">
  936.                                         inscrivant gratuitement</strong>.</h3>
  937.                                 <!-- Contact et liens téléphoniques -->
  938.                                 <div class="text-center">
  939.                                     <p class="text-dark">Pour joindre nos spécialistes, connus et reconnus, de la voyance, consultez-nous au :</p>
  940.                                     <p>
  941.                                         <img src="/assets/img/flag/FRA.png" alt="France">
  942.                                         France:
  943.                                         <strong>
  944.                                             <a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
  945.                                         </strong><br>
  946.                                         <img src="/assets/img/flag/BEL.png" alt="Belgique">
  947.                                         Belgique:
  948.                                         <strong>
  949.                                             <a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
  950.                                         </strong><br>
  951.                                         <img src="/assets/img/flag/CHE.png" alt="Suisse">
  952.                                         Suisse:
  953.                                         <strong>
  954.                                             <a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
  955.                                         </strong><br>
  956.                                         <img src="/assets/img/flag/LUX.png" alt="Luxembourg">
  957.                                         Luxembourg:
  958.                                         <strong>
  959.                                             <a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
  960.                                         </strong><br>
  961.                                     </p>
  962.                                 </div>
  963.                             </div>
  964.                         </div>
  965.                     </div>
  966.                 </section>
  967.             </div>
  968.         </div>
  969.     </div>