templates/main/eligible.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     {{ encore_entry_link_tags('eligible') }}
  6. {% endblock stylesheets %}
  8. {% block javascripts %}
  9.     {{ parent() }}
  10.     {{ encore_entry_script_tags('eligible') }}
  11. {% endblock javascripts %}
  13. {% block header %}
  14.     <header></header>
  15. {% endblock header %}
  17. {% block body %}
  19.     <div class="eligiblePart">
  20.         <div class="eligible">
  21.             <h4>Très Haut Débit, <br> <span>testez votre éligibilité !</span></h4>
  22.             <div class="uzor">
  23.                 <img src="{{ asset('build/img/uzor.svg') }}" alt="">
  24.             </div>
  25.             <div class="eligibleForm">
  26.                 <div class="steps">
  27.                     <div class="oneStep firstStep">
  28.                         <div class="stepNumber">
  29.                             1
  30.                         </div>
  31.                         <div class="stepInfo">
  32.                             <p>Entrez le code postal</p>
  33.                             <span>puis suivez les instructions</span>
  34.                             <div class="eligibleInput">
  35.                                 <button class="resetEligible">x</button>
  36.                                 <div>
  37.                                     <input type="text" placeholder="Code Postal*" class="postalCode" autocomplete="none"
  38.                                            maxlength="5">
  39.                                 </div>
  40.                                 <div>
  41.                                     <input type="text" placeholder="Ville" class="ville d-none secondStepInput mt-2"
  42.                                            autocomplete="none">
  43.                                 </div>
  44.                                 <div class="addressList">
  45.                                     <input type="text" placeholder="Adresse" class="adresse d-none secondStepInput mt-2"
  46.                                            autocomplete="none">
  47.                                     <ul></ul>
  48.                                 </div>
  49.                                 <button class="eligibleValider">Valider</button>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                     <div class="oneStep secondStep secondInformation d-none">
  54.                         <div class="stepNumber">
  55.                             2
  56.                         </div>
  57.                         <div class="stepInfo">
  58.                             <p>Avant tout, sélectionnez le type de prise </p>
  59.                             <span>que vous possédez au sein de votre domicile :</span>
  60.                         </div>
  61.                     </div>
  63.                     <div class="secondStepInfo secondInformation d-none">
  64.                         <button data-type="unique">
  65.                             <img src="{{ asset('build/img/unique.png') }}" alt="">
  66.                             <p>Prise <span>unique</span></p>
  67.                         </button>
  68.                         <button data-type="double">
  69.                             <img src="{{ asset('build/img/double.png') }}" alt="">
  70.                             <p><span>Double</span> prise</p>
  71.                         </button>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  77.     </div>
  78. {% endblock body %}