templates/pub_chauffage_2024.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  4.     <div id="box-search">
  5.         <div class="thumbnail">
  6.             <img src="{{ asset('assets/img/bandeau-05-2023.jpg') }}" alt="Responsive image" class="img-fluid">
  7.         </div>
  8.     </div>
  9.     <div class="container-fluid mt-5">
  10.         <div class="row">
  11.             <div class="col-md-6 col-xl-6 col-sm-12 etude_pac-image">
  12.                 <img src="{{ asset('assets/img/economisez.jpg') }}" alt="Responsive image" class="img-fluid mx-auto" width="100%">
  13.             </div>
  14.             <div class="col-md-6 col-xl-6 col-sm-12">
  15.                 <div class="row d-flex justify-content-center align-items-center">
  16.                     <div class="col-md-12 col-sm-6">
  17.                         <form id="regForm">
  18.                             <h1 id="register">Réduisez votre facture d'électricité !</h1>
  19.                             <h4 id="register2" style="text-align: center">Faites votre demande d'étude gratuite</h4>
  20.                             <div class="all-steps" id="all-steps"> <span class="step"></span> <span class="step"></span> <span class="step"></span> <span class="step"></span> <span class="step"></span> </div>
  21.                             <div class="tab" id="1">
  22.                                 <h3>Votre logement:</h3>
  23.                                 <label class="container">Maison avec extérieur
  24.                                     <input type="radio" name="radio" checked="checked" value="Maison avec extérieur">
  25.                                     <span class="checkmark"></span>
  26.                                 </label>
  27.                                 <label class="container">Maison sans extérieur
  28.                                     <input type="radio" name="radio" value="Maison sans extérieur">
  29.                                     <span class="checkmark"></span>
  30.                                 </label>
  31.                                 <label class="container">Appartement avec extérieur
  32.                                     <input type="radio" name="radio" value="Appartement avec extérieur">
  33.                                     <span class="checkmark"></span>
  34.                                 </label>
  35.                                 <label class="container">Appartement sans extérieur
  36.                                     <input type="radio" name="radio" value="Appartement sans extérieur">
  37.                                     <span class="checkmark"></span>
  38.                                 </label>
  39.                             </div>
  40.                             <div class="tab" id="2">
  41.                                 <h3>Mode de chauffage:</h3>
  42.                                 <select id="chauffage">
  43.                                     <option value="Electricité">Electricité</option>
  44.                                     <option value="Fioul">Fioul</option>
  45.                                     <option value="Bois">Bois</option>
  46.                                     <option value="Gaz_de_ville">Gaz de ville</option>
  47.                                     <option value="Gaz_propane">Gaz propane</option>
  48.                                     <option value="PAC">Pompe à chaleur</option>
  49.                                 </select>
  50.                             </div>
  51.                             <div class="tab" id="3">
  52.                                 <h3>Votre objectif:</h3>
  53.                                 <label class="container">Faire des économies
  54.                                     <input type="radio" name="radio" checked="checked" value="Faire des économies">
  55.                                     <span class="checkmark"></span>
  56.                                 </label>
  57.                                 <label class="container">Mieux chauffer
  58.                                     <input type="radio" name="radio" value="Mieux chauffer">
  59.                                     <span class="checkmark"></span>
  60.                                 </label>
  61.                                 <label class="container">Climatiser l'été
  62.                                     <input type="radio" name="radio" value="Climatiser l'été">
  63.                                     <span class="checkmark"></span>
  64.                                 </label>
  65.                                 <label class="container">Autres
  66.                                     <input type="radio" name="radio" value="Autres">
  67.                                     <span class="checkmark"></span>
  68.                                 </label>
  69.                             </div>
  70.                             <div class="tab" id="4">
  71.                                 <h3>Vous êtes:</h3>
  72.                                 <label class="container">Propriétaire
  73.                                     <input type="radio" name="radio" checked="checked" value="Propriétaire">
  74.                                     <span class="checkmark"></span>
  75.                                 </label>
  76.                                 <label class="container">Locataire
  77.                                     <input type="radio" name="radio" value="Locataire">
  78.                                     <span class="checkmark"></span>
  79.                                 </label>
  80.                             </div>
  81.                             <div class="tab" id="5">
  82.                                 <h3>Coordonnées:</h3>
  83.                                 <p><input placeholder="Nom complet" oninput="this.className = ''" name="nom"></p>
  84.                                 <p><input placeholder="Email" oninput="this.className = ''" name="email"></p>
  85.                                 <p><input placeholder="Téléphone" oninput="this.className = ''" name="telephone"></p>
  86.                                 <p><input placeholder="Ville" oninput="this.className = ''" name="ville"></p>
  87.                             </div>
  89.                             <div class="thanks-message text-center" id="text-message"> <img src="https://i.imgur.com/O18mJ1K.png" width="100" class="mb-4 mx-auto">
  90.                                 <h3>Merci pour votre confiance!</h3> <span>Nous allons prendre contact avec vous rapidement!</span>
  91.                             </div>
  92.                             <div style="overflow:auto;" id="nextprevious">
  93.                                 <div style="float:right;"> <button type="button" id="prevBtn" onclick="nextPrev(-1)">Précédent</button> <button type="button" id="nextBtn" onclick="nextPrev(1)">Suivant</button> </div>
  94.                             </div>
  95.                         </form>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.         </div>
  100.     </div>
  102. {% endblock %}
  104. {% block footer %}
  105.     {{ parent() }}
  106.     <script src="{{ asset('assets/js/diagnostique2.js') }}"></script>
  107. {% endblock %}