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

Open in your IDE?
  1. <!-- <div class="container-xl px-4 mb-5 d-none d-sm-block ">
  2.     <h1 class="text-center text-uppercase mb-3 ">Comment faire une consultation voyance ?</h1>
  3.    
  4.     <div class="card">
  5.         <div class="card-header border-bottom">
  6.            
  7.             <div class="nav nav-pills nav-justified flex-column flex-xl-row nav-wizard" id="cardTab" role="tablist">
  8.                
  9.                 <a class="nav-item nav-link active" id="wizard1-tab" href="#wizard1" data-bs-toggle="tab" role="tab"
  10.                     aria-controls="wizard1" aria-selected="true">
  11.                     <div class="wizard-step-icon">1</div>
  12.                     <div class="wizard-step-text">
  13.                         <div class="wizard-step-text-name">Créez Votre Compte</div>
  14.                     </div>
  16.                 </a>
  17.                 
  18.                 <a class="nav-item nav-link" id="wizard2-tab" href="#wizard2" data-bs-toggle="tab" role="tab"
  19.                     aria-controls="wizard2" aria-selected="true">
  20.                     <div class="wizard-step-icon">2</div>
  21.                     <div class="wizard-step-text">
  22.                         <div class="wizard-step-text-name">Appelez le <br> 01 72 89 19 56</div>
  23.                     </div>
  24.                 </a>
  25.               
  26.                 <a class="nav-item nav-link" id="wizard3-tab" href="#wizard3" data-bs-toggle="tab" role="tab"
  27.                     aria-controls="wizard3" aria-selected="true">
  28.                     <div class="wizard-step-icon">3</div>
  29.                     <div class="wizard-step-text">
  30.                         <div class="wizard-step-text-name">Entrez Votre Code personnel</div>
  31.                        
  32.                     </div>
  33.                 </a>
  34.                
  35.                 <a class="nav-item nav-link" id="wizard4-tab" href="#wizard4" data-bs-toggle="tab" role="tab"
  36.                     aria-controls="wizard4" aria-selected="true">
  37.                     <div class="wizard-step-icon">4</div>
  38.                     <div class="wizard-step-text">
  39.                         <div class="wizard-step-text-name">Entrez le Code de l'expert</div>
  41.                     </div>
  42.                 </a>
  43.                 <a class="nav-item nav-link" id="wizard5-tab" href="#wizard5" data-bs-toggle="tab" role="tab"
  44.                     aria-controls="wizard5" aria-selected="true">
  45.                     <div class="wizard-step-icon">5</div>
  46.                     <div class="wizard-step-text">
  47.                         <div class="wizard-step-text-name">Profitez de la consultation</div>
  49.                     </div>
  50.                 </a>
  51.             </div>
  52.         </div>
  53.         <div class="card-body">
  54.             <div class="tab-content" id="cardTabContent">
  55.             
  56.                 <div class="tab-pane py-5 py-xl-10 fade show active" id="wizard1" role="tabpanel"
  57.                     aria-labelledby="wizard1-tab">
  58.                     <div class="row justify-content-center">
  59.                         <p class="card-text text-center">Vous pouvez créer votre compte pour votre voyance sur <a
  60.                                 class="_link" href="{{path('app_register')}}">ce lien</a>. Et si vous avez déjà un
  61.                             compte, c'est <a class="_link" href="{{path('app_login')}}">par ici pour votre consultation
  62.                                 !</a> N'oubliez pas de le <a class="_link" href="{{path('app_tarifs')}}">créditer.</a>
  63.                         </p>
  65.                     </div>
  66.                 </div>
  67.               
  68.                 <div class="tab-pane py-5 py-xl-10 fade" id="wizard2" role="tabpanel" aria-labelledby="wizard2-tab">
  69.                     <p class="card-text text-center"> Consultez notre <strong class="_strong">équipe de voyants et
  70.                             médiums Voyance
  71.                             téléphone par
  72.                             téléphone</strong> au
  73.                         <a class="_link" href="#">01 72 89 19 56.</a>
  75.                 </div>
  76.              
  77.                 <div class="tab-pane py-5 py-xl-10 fade" id="wizard3" role="tabpanel" aria-labelledby="wizard3-tab">
  78.                     <div class="row justify-content-center">
  79.                         <p class="card-text text-center"> Une fois connecté à notre centre de voyantes et voyants, il
  80.                             vous suffit d'entrer votre code personnel à l'aide de votre clavier téléphonique.</p>
  82.                     </div>
  83.                 </div>
  84.                
  85.                 <div class="tab-pane py-5 py-xl-10 fade" id="wizard4" role="tabpanel" aria-labelledby="wizard4-tab">
  86.                     <div class="row justify-content-center">
  87.                         <p class="card-text text-center"> Après avoir choisi votre voyante ou voyant, indiquez son code
  88.                             à l'aide de votre clavier téléphonique. N'oubliez pas de validez par la touche #</p>
  89.                     </div>
  90.                 </div>
  91.                 
  92.                 <div class="tab-pane py-5 py-xl-10 fade" id="wizard5" role="tabpanel" aria-labelledby="wizard5-tab">
  93.                     <div class="row justify-content-center">
  94.                         <p class="card-text text-center"> Vous pouvez à présent vous consacrer à votre conversation avec
  95.                             votre voyante ou voyant.</p>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102. </div> -->
  104. <section class="d-none d-sm-block mb-2 mt-2">
  105.     <h1 class="text-center text-uppercase mb-3 ">Comment faire une consultation voyance ?</h1>
  106.     <div class="accordion accordion-flush mt-3" id="serviceFlush">
  107.         <div class="accordion-item">
  108.             <h2 class="accordion-header" id="flush-headingOne">
  109.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  110.                     data-bs-target="#serviceOne" aria-expanded="false" aria-controls="flush-collapseOne">
  111.                     01. Créez Votre Compte
  112.                 </button>
  113.             </h2>
  114.             <div id="serviceOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
  115.                 data-bs-parent="#serviceFlush">
  116.                 <div class="accordion-body text-center"> Vous pouvez créer votre compte pour votre voyance sur <a
  117.                         href="{{path('app_register')}}" class="_link">ce lien</a> . Et si vous
  118.                     avez déjà un compte, c'est <a href="{{path('app_login')}}" class="_link">par ici pour votre
  119.                         consultation </a> ! N'oubliez pas de le <a href="{{path('app_tarifs')}}"
  120.                         class="_link">créditer</a>.
  122.                 </div>
  123.             </div>
  124.         </div>
  126.         <div class="accordion-item mt-2">
  127.             <h2 class="accordion-header" id="flush-headingTwo">
  128.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  129.                     data-bs-target="#serviceTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
  130.                     02. Appelez le 01 72 89 19 56
  131.                 </button>
  132.             </h2>
  133.             <div id="serviceTwo" class="accordion-collapse collapse " aria-labelledby="flush-headingTwo"
  134.                 data-bs-parent="#serviceFlush">
  135.                 <div class="accordion-body text-center">
  136.                     Consultez notre équipe de voyants et médiums Voyance téléphone par téléphone au <br>
  137.                     <button class="btn btn-primary bg-primary">
  138.                         <i class="bi bi-telephone-fill"></i> 01 72 89 19 56.
  139.                     </button>
  140.                 </div>
  141.             </div>
  142.         </div>
  144.         <div class="accordion-item mt-2">
  145.             <h2 class="accordion-header" id="flush-headingThree">
  146.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  147.                     data-bs-target="#serviceThree" aria-expanded="false" aria-controls="flush-collapseTwo">
  148.                     03. Entrez Votre Code personnel
  150.                 </button>
  151.             </h2>
  152.             <div id="serviceThree" class="accordion-collapse collapse " aria-labelledby="flush-headingThree"
  153.                 data-bs-parent="#serviceFlush">
  154.                 <div class="accordion-body text-center">Une fois connecté à notre centre de voyantes et voyants, il vous
  155.                     suffit
  156.                     d'entrer votre code personnel à l'aide de votre clavier téléphonique.
  157.                 </div>
  158.             </div>
  159.         </div>
  160.         <div class="accordion-item mt-2">
  161.             <h2 class="accordion-header" id="flush-headingFour">
  162.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  163.                     data-bs-target="#serviceFour" aria-expanded="false" aria-controls="flush-collapseTwo">
  166.                     04. Entrez le Code de l'expert
  168.                 </button>
  169.             </h2>
  170.             <div id="serviceFour" class="accordion-collapse collapse " aria-labelledby="flush-headingFour"
  171.                 data-bs-parent="#serviceFlush">
  172.                 <div class="accordion-body text-center">Après avoir choisi votre voyante ou voyant, indiquez son code à
  173.                     l'aide de
  174.                     votre clavier téléphonique. N'oubliez pas de validez par la touche #
  175.                 </div>
  176.             </div>
  177.         </div>
  178.         <div class="accordion-item mt-2">
  179.             <h2 class="accordion-header" id="flush-headingFive">
  180.                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  181.                     data-bs-target="#serviceFive" aria-expanded="false" aria-controls="flush-collapseTwo">
  183.                     05. Profitez de la consultation
  185.                 </button>
  186.             </h2>
  187.             <div id="serviceFive" class="accordion-collapse collapse " aria-labelledby="flush-headingFive"
  188.                 data-bs-parent="#serviceFlush">
  189.                 <div class="accordion-body text-center">Vous pouvez à présent vous consacrer à votre conversation avec
  190.                     votre voyante
  191.                     ou voyant.
  192.                 </div>
  193.             </div>
  194.         </div>
  195.     </div>
  196. </section>