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

Open in your IDE?
  1. <section id="bandeaux" class=" d-none d-sm-block">
  2.     <div class="container col-11 mx-auto row">
  3.         <div class="col-9 text-center justify-content-between ">
  4.             <h2 class="text-white  text-center text-uppercase titreIndex">{{titreIndex}}</h2>
  5.             {% if app.user %}
  6.             <a href="{{path('app_register')}}">
  7.                 <button class=" col-sm-3 col-12 btn btn-primary mt-2">Recharger mon compte</button>
  8.             </a>
  9.             {%else%}
  10.             <a href="{{path('app_register')}}">
  11.                 <button class=" col-sm-3 col-12 btn btn-primary mt-2">Inscription Gratuite</button>
  12.             </a>
  13.             {%endif%}
  14.         </div>
  15.         <div class="col-3 text-end ">
  16.             <p class="text-white "><i class="bi bi-telephone-fill"></i> France : <strong>{{telFrance}}</strong></p>
  17.             <p class="text-white "><i class="bi bi-telephone-fill"></i> Belgique : <strong>{{telBelgique}}</strong></p>
  18.             <p class="text-white "><i class="bi bi-telephone-fill"></i> Suisse : <strong> {{telSuisse}}</strong> </p>
  19.         </div>
  20.     </div>
  22. </section>
  26. <!-- <div class=" bg-white" id="team">
  27.     <div class="container">
  28.         {% set dispo = 0 %}
  29.         {% for conseiller in conseillers %}
  30.         {%if conseiller.userState == 1 %}
  31.         {% set dispo = dispo + 1 %}
  32.         {% endif %}
  33.         {% endfor %}
  34.         {% if dispo == 0 %}
  35.         {%else%}
  36.         <div class="text-center">
  37.             <h2 class="section-heading text-uppercase">Conseiller Disponible</h2>
  38.         </div>
  39.         {%endif%}
  40.         <div class="row">
  41.             {% set i = 0 %}
  42.             {% for conseiller in conseillers %}
  43.             {%if conseiller.userState == 1 %}
  44.             {% set i = i + 1 %}
  45.             <div class="col-sm-4 ">
  46.                 <div class="team-member ">
  48.                     <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
  49.                             class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
  51.                     {% if conseiller.note == 0 %}
  52.                     <p class="text-center  small text-primary">Avis des membres
  53.                         <i class="bi bi-star"></i>
  54.                         <i class="bi bi-star"></i>
  55.                         <i class="bi bi-star"></i>
  56.                         <i class="bi bi-star"></i>
  57.                         <i class="bi bi-star"></i>
  58.                     </p>
  59.                     {% elseif conseiller.note == 0.5 %}
  60.                     <p class="text-center  small text-primary">Avis des membres
  61.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  62.                         <i class="bi bi-star"></i>
  63.                         <i class="bi bi-star"></i>
  64.                         <i class="bi bi-star"></i>
  65.                         <i class="bi bi-star"></i>
  66.                     </p>
  67.                     {% elseif conseiller.note == 1 %}
  68.                     <p class="text-center  small text-primary">Avis des membres
  69.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  70.                         <i class="bi bi-star"></i>
  71.                         <i class="bi bi-star"></i>
  72.                         <i class="bi bi-star"></i>
  73.                         <i class="bi bi-star"></i>
  74.                     </p>
  75.                     {% elseif conseiller.note == 1.5 %}
  76.                     <p class="text-center  small text-primary">Avis des membres
  77.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  78.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  79.                         <i class="bi bi-star"></i>
  80.                         <i class="bi bi-star"></i>
  81.                         <i class="bi bi-star"></i>
  82.                     </p>
  83.                     {% elseif conseiller.note == 2 %}
  84.                     <p class="text-center  small text-primary">Avis des membres
  85.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  86.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  87.                         <i class="bi bi-star"></i>
  88.                         <i class="bi bi-star"></i>
  89.                         <i class="bi bi-star"></i>
  90.                     </p>
  91.                     {% elseif conseiller.note == 2.5 %}
  92.                     <p class="text-center  small text-primary">Avis des membres
  93.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  94.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  95.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  96.                         <i class="bi bi-star"></i>
  97.                         <i class="bi bi-star"></i>
  98.                     </p>
  99.                     {% elseif conseiller.note == 3 %}
  100.                     <p class="text-center  small text-primary">Avis des membres
  101.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  102.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  103.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  104.                         <i class="bi bi-star"></i>
  105.                         <i class="bi bi-star"></i>
  106.                     </p>
  107.                     {% elseif conseiller.note == 3.5 %}
  108.                     <p class="text-center  small text-primary">Avis des membres
  109.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  110.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  111.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  112.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  113.                         <i class="bi bi-star"></i>
  114.                     </p>
  115.                     {% elseif conseiller.note == 4 %}
  116.                     <p class="text-center  small text-primary">Avis des membres
  117.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  118.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  119.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  120.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  121.                         <i class="bi bi-star"></i>
  122.                     </p>
  123.                     {% elseif conseiller.note == 4.5 %}
  124.                     <p class="text-center  small text-primary">Avis des membres
  125.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  126.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  127.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  128.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  129.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  130.                     </p>
  131.                     {% elseif conseiller.note == 5 %}
  132.                     <p class="text-center  small text-primary">Avis des membres
  133.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  134.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  135.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  136.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  137.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  138.                     </p>
  139.                     {% endif %}
  142.                     {% if conseiller.kindOfCredit == 1 %}
  143.                     <strong>Consultation CB à {{conseiller.prixParMinute}} €/mn </strong>
  144.                     {% endif %}
  145.                     <h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
  147.                     <p class="text-muted col-8 mx-auto">{{conseiller.descriptionCourte|raw}}</p>
  148.                     <div class="d-flex justify-content-center mb-2">
  149.                         <strong>Specialité :</strong>
  150.                         {% for specialite in conseiller.specialitesArray%}
  151.                         &nbsp;
  152.                         <span class="badge bg-warning mt-1">{{specialite}}</span>
  153.                         {% endfor %}
  154.                     </div>
  155.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
  156.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
  157.                     {% if conseiller.userMailing %}
  158.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
  159.                     {% endif %}
  160.                     {% if conseiller.userMailing %}
  161.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
  162.                     {% endif %}
  164.                 </div>
  165.             </div>
  166.             {% endif %}
  167.             {% endfor %}
  168.         </div>
  170.         {% if i == 0 %}
  171.         <div class="row">
  172.             <div class="col-sm-8 mx-auto text-center">
  173.                 <h3 class="large text-muted">Tous nos conseiller sont actuellement occupé.</h3>
  174.             </div>
  175.         </div>
  176.         {% endif %}
  177.     </div>
  178. </div> -->
  179. <!-- <div class=" bg-white" id="team">
  180.     <div class="container">
  181.         <div class="text-center">
  182.             <h2 class="section-heading text-uppercase">Conseiller Occupé</h2>
  184.         </div>
  185.         <div class="row">
  186.             {% set i = 0 %}
  187.             {% for conseiller in conseillers %}
  188.             {%if conseiller.userState == 2 %}
  189.             {% set i = i + 1 %}
  190.             <div class="col-lg-4 ">
  191.                 <div class="team-member ">
  192.                     <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
  193.                             class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
  195.                     {% if conseiller.note == 0 %}
  196.                     <p class="text-center  small text-primary">Avis des membres
  197.                         <i class="bi bi-star"></i>
  198.                         <i class="bi bi-star"></i>
  199.                         <i class="bi bi-star"></i>
  200.                         <i class="bi bi-star"></i>
  201.                         <i class="bi bi-star"></i>
  202.                     </p>
  203.                     {% elseif conseiller.note == 0.5 %}
  204.                     <p class="text-center  small text-primary">Avis des membres
  205.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  206.                         <i class="bi bi-star"></i>
  207.                         <i class="bi bi-star"></i>
  208.                         <i class="bi bi-star"></i>
  209.                         <i class="bi bi-star"></i>
  210.                     </p>
  211.                     {% elseif conseiller.note == 1 %}
  212.                     <p class="text-center  small text-primary">Avis des membres
  213.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  214.                         <i class="bi bi-star"></i>
  215.                         <i class="bi bi-star"></i>
  216.                         <i class="bi bi-star"></i>
  217.                         <i class="bi bi-star"></i>
  218.                     </p>
  219.                     {% elseif conseiller.note == 1.5 %}
  220.                     <p class="text-center  small text-primary">Avis des membres
  221.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  222.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  223.                         <i class="bi bi-star"></i>
  224.                         <i class="bi bi-star"></i>
  225.                         <i class="bi bi-star"></i>
  226.                     </p>
  227.                     {% elseif conseiller.note == 2 %}
  228.                     <p class="text-center  small text-primary">Avis des membres
  229.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  230.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  231.                         <i class="bi bi-star"></i>
  232.                         <i class="bi bi-star"></i>
  233.                         <i class="bi bi-star"></i>
  234.                     </p>
  235.                     {% elseif conseiller.note == 2.5 %}
  236.                     <p class="text-center  small text-primary">Avis des membres
  237.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  238.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  239.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  240.                         <i class="bi bi-star"></i>
  241.                         <i class="bi bi-star"></i>
  242.                     </p>
  243.                     {% elseif conseiller.note == 3 %}
  244.                     <p class="text-center  small text-primary">Avis des membres
  245.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  246.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  247.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  248.                         <i class="bi bi-star"></i>
  249.                         <i class="bi bi-star"></i>
  250.                     </p>
  251.                     {% elseif conseiller.note == 3.5 %}
  252.                     <p class="text-center  small text-primary">Avis des membres
  253.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  254.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  255.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  256.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  257.                         <i class="bi bi-star"></i>
  258.                     </p>
  259.                     {% elseif conseiller.note == 4 %}
  260.                     <p class="text-center  small text-primary">Avis des membres
  261.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  262.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  263.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  264.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  265.                         <i class="bi bi-star"></i>
  266.                     </p>
  267.                     {% elseif conseiller.note == 4.5 %}
  268.                     <p class="text-center  small text-primary">Avis des membres
  269.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  270.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  271.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  272.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  273.                         <i class="bi bi-star-half" style="color: #fa9404;"></i>
  274.                     </p>
  275.                     {% elseif conseiller.note == 5 %}
  276.                     <p class="text-center  small text-primary">Avis des membres
  277.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  278.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  279.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  280.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  281.                         <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  282.                     </p>
  283.                     {% endif %}
  287.                     <h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
  288.                     <p class="text-muted col-8 mx-auto">{{conseiller.descriptionCourte|raw}}</p>
  289.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
  290.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
  291.                     {% if conseiller.userMailing %}
  292.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
  293.                     {% endif %}
  294.                     {% if conseiller.userMailing %}
  295.                     <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
  296.                     {% endif %}
  298.                 </div>
  299.             </div>
  300.             {% endif %}
  301.             {% endfor %}
  302.             {% if i == 0 %}
  303.             <div class="row">
  304.                 <div class="col-lg-8 mx-auto text-center">
  305.                     <h3 class="large text-muted">Tous nos conseiller sont actuellement occupé.</h3>
  306.                 </div>
  307.             </div>
  308.             {% endif %}
  309.         </div>
  312.     </div>
  313. </div>
  314. </div> -->
  316. <div class="container-fluid px-4 mb-5 d-none d-sm-block mt-4">
  317.     <div class="row">
  318.         {% if app.user %}
  319.         {% else %}
  320.         <div class="col-lg-3">{% include('content/home/step.html.twig') %}</div>
  321.         {%endif%}
  322.         {% if app.user %}
  323.         <div class="col-lg-11 mx-auto">
  324.             {% else %}
  325.             <div class="col-lg-9 col-sm-12">
  326.                 {%endif%}
  327.                 <div class=" bg-light mt-2" id="team">
  328.                     <div class="container text-center ">
  329.                         <div class="d-flex justify-content-between mt-1">
  330.                             <div class="container text-center mt-sm-5">
  331.                                 
  332.                                 <p class="text-dark  text-center mt-2">Nous vous proposons pour vous des voyants,
  333.                                     médiums, astrologues,
  334.                                     numérologue etc... Vus,
  335.                                     connus
  336.                                     et reconnus.</p>
  337.                                 <p class="text-dark  text-center">Voulez vous savoir plus sur votre avenir sentimental,
  338.                                     professionnel,
  339.                                     financier ou autre ?
  340.                                     <br>
  341.                                     Profitez de nos voyances de qualité.
  342.                                 </p>
  343.                                 <p class="text-dark  text-center">Consultez notre <strong class="_strong">équipe de
  344.                                         voyants
  345.                                         et
  346.                                         médiums Voyance
  347.                                         téléphone par
  348.                                         téléphone</strong> au
  349.                                     <strong class="_strong d-sm-block d-none">01 72 89 19 56.</strong>
  350.                                     <a href="tel:0172891956" class="d-sm-none d-block">
  351.                                         <button class="btn btn-primary bg-primary">
  352.                                             <i class="bi bi-telephone-fill"></i> 01 72 89 19 56.
  353.                                         </button>
  354.                                     </a>
  356.                                 </p>
  357.                                 <p class="text-dark  text-center mb-2">Bénéficiez dès maintenant des services proposés
  358.                                     <strong class=" _strong">
  359.                                         par ce
  360.                                         site de consultation de
  361.                                         voyance
  362.                                         téléphonique </strong> voyance-telephone.eu.
  363.                                     <br>
  364.                                     L'inscription est toute simple, gratuite et ne vous prendra que quelques instants.
  365.                                 </p>
  366. <h2 class="font-weight-light pt-sm-5 pt-2">Nos {{conseillers|length}} conseillers </h2>
  367.                                 <hr>
  368.                                 <div class="container   row mx-auto my-auto justify-content-center mb-4">
  369.                                     {% for conseiller in conseillers %}
  374.                                     <div class="col-4 col-sm-8 col-md-6 col-lg-6 col-xl-4  border p-3">
  375.                                         {%if conseiller.userState == 1 %}
  377.                                         <span class="badge bg-success mt-1">Présent</span>
  379.                                         {% elseif conseiller.userState == 2 %}
  380.                                         <span class="badge bg-warning">Occupé</span>
  381.                                         {% elseif conseiller.userState == 0 %}
  382.                                         <span class="badge bg-danger">Absent</span>
  383.                                         {% endif %}
  384.                                         <div class="team-member my-2 ">
  385.                                             <div class="row">
  386.                                                 <div class="d-flex justify-content-center"><a
  387.                                                         href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
  388.                                                             class="mx-auto rounded-circle" src="{{conseiller.photo}}"
  389.                                                             alt="..." style="height: 100px; width: 100px;" /></a></div>
  391.                                                 <div class="col-12 mt-2">
  392.                                                     <h6>
  393.                                                         {{conseiller.userPseudo}}
  394.                                                     </h6>
  396.                                                     <h6>
  397.                                                         {{conseiller.userExtensionCode}}
  398.                                                     </h6>
  400.                                                 </div>
  401.                                             </div>
  402.                                             {% if conseiller.note == 0 %}
  403.                                             <p class="text-center  small text-primary">Avis des membres
  404.                                                 <i class="bi bi-star"></i>
  405.                                                 <i class="bi bi-star"></i>
  406.                                                 <i class="bi bi-star"></i>
  407.                                                 <i class="bi bi-star"></i>
  408.                                                 <i class="bi bi-star"></i>
  409.                                             </p>
  410.                                             {% elseif conseiller.note == 0.5 %}
  411.                                             <p class="text-center  small text-primary">Avis des membres
  412.                                                 <i class="bi bi-star-half" style="color: #ffc400;"></i>
  413.                                                 <i class="bi bi-star"></i>
  414.                                                 <i class="bi bi-star"></i>
  415.                                                 <i class="bi bi-star"></i>
  416.                                                 <i class="bi bi-star"></i>
  417.                                             </p>
  418.                                             {% elseif conseiller.note == 1 %}
  419.                                             <p class="text-center  small text-primary">Avis des membres
  420.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  421.                                                 <i class="bi bi-star"></i>
  422.                                                 <i class="bi bi-star"></i>
  423.                                                 <i class="bi bi-star"></i>
  424.                                                 <i class="bi bi-star"></i>
  425.                                             </p>
  426.                                             {% elseif conseiller.note == 1.5 %}
  427.                                             <p class="text-center  small text-primary">Avis des membres
  428.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  429.                                                 <i class="bi bi-star-half" style="color: #ffc400;"></i>
  430.                                                 <i class="bi bi-star"></i>
  431.                                                 <i class="bi bi-star"></i>
  432.                                                 <i class="bi bi-star"></i>
  433.                                             </p>
  434.                                             {% elseif conseiller.note == 2 %}
  435.                                             <p class="text-center  small text-primary">Avis des membres
  436.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  437.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  438.                                                 <i class="bi bi-star"></i>
  439.                                                 <i class="bi bi-star"></i>
  440.                                                 <i class="bi bi-star"></i>
  441.                                             </p>
  442.                                             {% elseif conseiller.note == 2.5 %}
  443.                                             <p class="text-center  small text-primary">Avis des membres
  444.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  445.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  446.                                                 <i class="bi bi-star-half" style="color: #ffc400;"></i>
  447.                                                 <i class="bi bi-star"></i>
  448.                                                 <i class="bi bi-star"></i>
  449.                                             </p>
  450.                                             {% elseif conseiller.note == 3 %}
  451.                                             <p class="text-center  small text-primary">Avis des membres
  452.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  453.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  454.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  455.                                                 <i class="bi bi-star"></i>
  456.                                                 <i class="bi bi-star"></i>
  457.                                             </p>
  458.                                             {% elseif conseiller.note == 3.5 %}
  459.                                             <p class="text-center  small text-primary">Avis des membres
  460.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  461.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  462.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  463.                                                 <i class="bi bi-star-half" style="color: #ffc400;"></i>
  464.                                                 <i class="bi bi-star"></i>
  465.                                             </p>
  466.                                             {% elseif conseiller.note == 4 %}
  467.                                             <p class="text-center  small text-primary">Avis des membres
  468.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  469.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  470.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  471.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  472.                                                 <i class="bi bi-star"></i>
  473.                                             </p>
  474.                                             {% elseif conseiller.note == 4.5 %}
  475.                                             <p class="text-center  small text-primary">Avis des membres
  476.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  477.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  478.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  479.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  480.                                                 <i class="bi bi-star-half" style="color: #ffc400;"></i>
  481.                                             </p>
  482.                                             {% elseif conseiller.note == 5 %}
  483.                                             <p class="text-center  small text-primary">Avis des membres
  484.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  485.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  486.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  487.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  488.                                                 <i class="bi bi-star-fill" style="color: #ffc400;"></i>
  489.                                             </p>
  490.                                             {% endif %}
  494.                                             <div style="height: 160px;">
  495.                                                 <p style=" -webkit-line-clamp: 5;
  496.                                                 overflow : hidden;
  497.                                                 text-overflow: ellipsis;
  498.                                                 display: -webkit-box;
  499.                                                 -webkit-box-orient: vertical;
  500.                                                 ">{{conseiller.descriptionCourte}}</p>
  502.                                             </div>
  503.                                             <hr>
  504.                                             {% if conseiller.specialitesArray %}
  505.                                             <div class="d-flex justify-content-start row">
  507.                                                 <strong>Spécialités:</strong>
  509.                                                 <p class="text-warning mt-1 text-xs" style="height: 30px;">
  510.                                                     {% for specialite in conseiller.specialitesArray%}
  511.                                                     &nbsp;
  512.                                                     {{specialite}}
  513.                                                     {% endfor %}
  514.                                                 </p>
  515.                                             </div>
  516.                                             {%else%}
  517.                                             <div class="text-warning mt-1 text-xs" style="height: 70px;"></div>
  518.                                             {%endif%}
  519.                                             <hr>
  520.                                             <!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
  521.                                             <a class="btn  btn-primary btn-social mx-2" href="#!"><i
  522.                                                     class="bi bi-telephone-fill "></i></a>
  523.                                             <a class="btn btn-primary btn-social mx-2" href="#!"><i
  524.                                                     class="bi bi-envelope-fill "></i></a>
  525.                                             {% if conseiller.userMailing %}
  526.                                             <a class="btn btn-primary btn-social mx-2" href="#!"><i
  527.                                                     class="bi bi-chat-fill "></i></a>
  528.                                             {% endif %}
  529.                                             {% if conseiller.userMailing %}
  530.                                             <a class="btn btn-primary btn-social mx-2" href="#!"><i
  531.                                                     class="bi bi-camera-video-fill"></i></a>
  532.                                             {% endif %}
  534.                                         </div>
  535.                                     </div>
  536.                                     {% endfor %}
  537.                                 </div>
  540.                             </div>
  541.                         </div>
  542.                     </div>
  543.                 </div>
  544.             </div>
  545.         </div>
  546.     </div>
  547. </div>
  549. <div class=" d-sm-none d-block mb-2 mt-2">
  551.     <div class=" bg-light">
  553.         <div class="container text-center mt-sm-5">
  554.             
  555.             <p class="text-dark  text-center mt-2">Nous vous proposons pour vous des voyants, médiums, astrologues,
  556.                 numérologue etc... Vus,
  557.                 connus
  558.                 et reconnus.</p>
  559.             <p class="text-dark  text-center">Voulez vous savoir plus sur votre avenir sentimental,
  560.                 professionnel,
  561.                 financier ou autre ?
  562.                 <br>
  563.                 Profitez de nos voyances de qualité.
  564.             </p>
  565.             <p class="text-dark  text-center">Consultez notre <strong class="_strong">équipe de voyants
  566.                     et
  567.                     médiums Voyance
  568.                     téléphone par
  569.                     téléphone</strong> au
  570.                 <strong class="_strong d-sm-block d-none">01 72 89 19 56.</strong>
  571.                 <a href="tel:0172891956" class="d-sm-none d-block">
  572.                     <button class="btn btn-primary bg-primary">
  573.                         <i class="bi bi-telephone-fill"></i> 01 72 89 19 56.
  574.                     </button>
  575.                 </a>
  577.             </p>
  578.             <p class="text-dark  text-center mb-2">Bénéficiez dès maintenant des services proposés <strong
  579.                     class=" _strong">
  580.                     par ce
  581.                     site de consultation de
  582.                     voyance
  583.                     téléphonique </strong> voyance-telephone.eu.
  584.                 <br>
  585.                 L'inscription est toute simple, gratuite et ne vous prendra que quelques instants.
  586.             </p>
  587. <h2 class="font-weight-light pt-sm-5 pt-2">Nos {{conseillers|length}} conseillers </h2>
  588.             <hr>
  589.             <div class="container   row mx-auto my-auto justify-content-center">
  590.                 {% for conseiller in conseillers %}
  595.                 <div class="col-sm-3  border ">
  596.                     {%if conseiller.userState == 1 %}
  598.                     <span class="badge bg-success mt-1">Présent</span>
  600.                     {% elseif conseiller.userState == 2 %}
  601.                     <span class="badge bg-warning">Occupé</span>
  602.                     {% elseif conseiller.userState == 0 %}
  603.                     <span class="badge bg-danger">Absent</span>
  604.                     {% endif %}
  605.                     <div class="team-member my-2">
  606.                         <a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
  607.                                 class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
  609.                         {% if conseiller.note == 0 %}
  610.                         <p class="text-center  small text-primary">Avis des membres
  611.                             <i class="bi bi-star"></i>
  612.                             <i class="bi bi-star"></i>
  613.                             <i class="bi bi-star"></i>
  614.                             <i class="bi bi-star"></i>
  615.                             <i class="bi bi-star"></i>
  616.                         </p>
  617.                         {% elseif conseiller.note == 0.5 %}
  618.                         <p class="text-center  small text-primary">Avis des membres
  619.                             <i class="bi bi-star-half" style="color: #fa9404;"></i>
  620.                             <i class="bi bi-star"></i>
  621.                             <i class="bi bi-star"></i>
  622.                             <i class="bi bi-star"></i>
  623.                             <i class="bi bi-star"></i>
  624.                         </p>
  625.                         {% elseif conseiller.note == 1 %}
  626.                         <p class="text-center  small text-primary">Avis des membres
  627.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  628.                             <i class="bi bi-star"></i>
  629.                             <i class="bi bi-star"></i>
  630.                             <i class="bi bi-star"></i>
  631.                             <i class="bi bi-star"></i>
  632.                         </p>
  633.                         {% elseif conseiller.note == 1.5 %}
  634.                         <p class="text-center  small text-primary">Avis des membres
  635.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  636.                             <i class="bi bi-star-half" style="color: #fa9404;"></i>
  637.                             <i class="bi bi-star"></i>
  638.                             <i class="bi bi-star"></i>
  639.                             <i class="bi bi-star"></i>
  640.                         </p>
  641.                         {% elseif conseiller.note == 2 %}
  642.                         <p class="text-center  small text-primary">Avis des membres
  643.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  644.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  645.                             <i class="bi bi-star"></i>
  646.                             <i class="bi bi-star"></i>
  647.                             <i class="bi bi-star"></i>
  648.                         </p>
  649.                         {% elseif conseiller.note == 2.5 %}
  650.                         <p class="text-center  small text-primary">Avis des membres
  651.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  652.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  653.                             <i class="bi bi-star-half" style="color: #fa9404;"></i>
  654.                             <i class="bi bi-star"></i>
  655.                             <i class="bi bi-star"></i>
  656.                         </p>
  657.                         {% elseif conseiller.note == 3 %}
  658.                         <p class="text-center  small text-primary">Avis des membres
  659.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  660.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  661.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  662.                             <i class="bi bi-star"></i>
  663.                             <i class="bi bi-star"></i>
  664.                         </p>
  665.                         {% elseif conseiller.note == 3.5 %}
  666.                         <p class="text-center  small text-primary">Avis des membres
  667.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  668.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  669.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  670.                             <i class="bi bi-star-half" style="color: #fa9404;"></i>
  671.                             <i class="bi bi-star"></i>
  672.                         </p>
  673.                         {% elseif conseiller.note == 4 %}
  674.                         <p class="text-center  small text-primary">Avis des membres
  675.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  676.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  677.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  678.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  679.                             <i class="bi bi-star"></i>
  680.                         </p>
  681.                         {% elseif conseiller.note == 4.5 %}
  682.                         <p class="text-center  small text-primary">Avis des membres
  683.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  684.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  685.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  686.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  687.                             <i class="bi bi-star-half" style="color: #fa9404;"></i>
  688.                         </p>
  689.                         {% elseif conseiller.note == 5 %}
  690.                         <p class="text-center  small text-primary">Avis des membres
  691.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  692.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  693.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  694.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  695.                             <i class="bi bi-star-fill" style="color: #fa9404;"></i>
  696.                         </p>
  697.                         {% endif %}
  701.                         <h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
  702.                         <span
  703.                             class="badge border border-primary bg-light text-dark">{{conseiller.prixParMinute|number_format(2)}}
  704.                             € /mn</span>
  705.                         <div style="height: 100px;">
  706.                             <p style=" -webkit-line-clamp: 3;
  707.                                 overflow : hidden;
  708.                                 text-overflow: ellipsis;
  709.                                 display: -webkit-box;
  710.                                 -webkit-box-orient: vertical;
  711.                                 ">{{conseiller.descriptionCourte}}</p>
  713.                         </div>
  714.                         <!-- <p class="" style="height: 100px;">{{conseiller.descriptionCourte}}</p> -->
  715.                         <hr>
  716.                         {% if conseiller.specialitesArray %}
  717.                         <div class="d-flex justify-content-start row" style="height: 50;">
  719.                             <strong>Specialité :</strong>
  721.                             <p class="text-warning mt-1 small">
  722.                                 {% for specialite in conseiller.specialitesArray%}
  723.                                 &nbsp;
  724.                                 {{specialite}}
  725.                                 {% endfor %}
  726.                             </p>
  727.                         </div>
  728.                         {%else%}
  729.                         {%endif%}
  730.                         <hr>
  731.                         <!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
  732.                         <a class="btn btn-primary btn-social mx-2" href="tel:0172891956"><i class="bi bi-telephone-fill "></i></a>
  733.                         <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
  734.                         {% if conseiller.userMailing %}
  735.                         <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
  736.                         {% endif %}
  737.                         {% if conseiller.userMailing %}
  738.                         <a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
  739.                         {% endif %}
  741.                     </div>
  742.                 </div>
  743.                 {% endfor %}
  744.             </div>
  747.         </div>
  749.     </div>
  750. </div>
  751. <!-- <section>
  752.     <div class="container px-5">
  753.         <div class="row gx-5 align-items-center">
  754.             <div class="col-lg-6 order-lg-2 d-sm-none d-block">
  755.                 <div class="p-5"><img class="img-fluid rounded-circle" src="{{asset('assets/img/photo/book.jpg')}}"
  756.                         alt="..." style="width: 200px; height: 200px;" /></div>
  757.             </div>
  758.             <div class="col-lg-6 order-lg-2 d-none d-sm-block">
  759.                 <div class="p-5"><img class="img-fluid rounded-circle" src="{{asset('assets/img/photo/book.jpg')}}"
  760.                         alt="..." style="width: 400px; height: 400px;" /></div>
  761.             </div>
  762.             <div class="col-sm-6 col-12 order-lg-1">
  763.                 <div class="">
  764.                  <h2 class="display-4">Une équipe de voyants professionnels à votre écoute</h2> 
  765.                     <p class=""><strong>Voyance-telephone.eu</strong> vous permet de réaliser une
  766.                         consultation
  767.                         de voyance
  768.                         par téléphone. Ce
  769.                         site de voyance
  770.                         Francophone est accessible depuis la Belgique, France, Suisse, Luxembourg et
  771.                         Canada, il est fait
  772.                         pour ceux
  773.                         qui
  774.                         souhaitent en apprendre davantage sur leur avenir. Vous désirez résoudre et
  775.                         comprendre le
  776.                         mystère de vos
  777.                         difficultés
  778.                         ou comment trouver l'amour; le chemin de votre réussite personnelle ou
  779.                         professionnelle. Nos
  780.                         <strong>voyants
  781.                             et médiums
  782.                             professionnels </strong> feront les nécessaires pour vous donner une voyance
  783.                         fiable et
  784.                         sérieuse. Ils
  785.                         vous tiennent au courant
  786.                         de votre <strong> avenir financier et amoureux</strong> mais vous préviennent en
  787.                         même temps de
  788.                         tout
  789.                         évènement qui pourrait
  790.                         survenir
  791.                         dans votre prochaine vie.
  792.                     </p>
  793.                     <p class="">
  794.                         Cette fois-ci, donnez-vous une chance de vivre sereinement, tout en étant
  795.                         conscient de ce qui
  796.                         vous attend.
  797.                         Parce que
  798.                         vous êtes chanceux, et que vous méritez de vivre heureusement,
  799.                         <strong>voyance-telephone.eu</strong> met à
  800.                         votre disposition les
  801.                         meilleurs médiums et voyants que nous connaissons mais aussi des
  802.                         <strong>numérologue, tarologue
  803.                             professionnel,
  804.                             radiesthésiste</strong>.
  805.                     </p>
  806.                     <p class="">
  807.                         voyance-telephone.eu est l'idéal voyance sérieuse, une voyance immédiate par
  808.                         téléphone et une
  809.                         <strong>consultation CB</strong>. La <strong>consultation médium</strong> sur le
  810.                         site vous fera
  811.                         profiter de
  812.                         nombreux avantages tels que:
  813.                     </p>
  814.                     <ol class=" col-11 mx-auto">
  815.                         <li>un large choix de <strong>voyants et médiums professionnels</strong>: tous
  816.                             des experts en
  817.                             voyance et
  818.                             secrets, qui seront toujours à
  819.                             votre écoute et en attente de réaliser vos voeux les plus chers.</li>
  820.                         <br>
  821.                         <li>voyance-telephone.eu affecte par la diversité de la voyance qui répondra
  822.                             volontiers à vos
  823.                             demandes:
  824.                             <strong>une
  825.                                 voyance
  826.                                 tarot</strong> , une <strong>voyance amour</strong> , un
  827.                             <strong>coaching</strong>, une
  828.                             <strong>remise en
  829.                                 forme</strong>, un bien-être, des conseils en gestion du
  830.                             stress, une
  831.                             numérologie clairvoyance etc.
  832.                         </li>
  833.                         <br>
  834.                         <li>
  835.                             Chaque voyant et médium sur Voyance-telephone a sa propre spécialité. Il
  836.                             vous revient de
  837.                             décider avec
  838.                             lequel ou
  839.                             laquelle vous entrerez en consultation en <strong>voyance en privée</strong>
  840.                         </li>
  841.                         <br>
  842.                         <li>
  843.                             une <strong>voyance médium</strong> à petit prix : si vous allez sur la page
  844.                             <a href="{{path('app_tarifs')}}" class="_link">"nos tarifs"</a> , vous
  845.                             pourrez
  846.                             choisir la
  847.                             formule qui vous
  848.                             convient et adaptée à vos besoins. Le plus de Voyance-telephone ? La
  849.                             <strong>voyance directe
  850.                                 par
  851.                                 téléphone</strong>
  852.                             terminée, vous
  853.                             pouvez garder les minutes restantes si besoin.
  854.                         </li>
  855.                     </ol>
  860.                 </div>
  861.             </div>
  862.         </div>
  863.     </div>
  864. </section> -->