templates/isol-ecolo.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  2. {% block content %}
  3.     <div id="box-search">
  4.         <div class="thumbnail">
  5.             <img src="{{ asset('assets/img/bandeau-05-2023.jpg') }}" alt="Responsive image" class="img-fluid">
  6.             {#<div class="btn-bandeau">
  7.                 <a type="submit" class="btn btn-primary btn-lg btn-accueil" href="{{ path('diagnostique_gratuit') }}">Demandez
  8.                     votre
  9.                     diagnostique gratuit</a>
  10.             </div>#}
  11.         </div>
  12.     </div>
  13.     <div class="title mt-3 mb-3">
  14.     <u><h1> L'isolation de votre maison : Double effet écologique </h1></u>
  15.     </div>
  16.     <div class="container-fluid">
  17.         <div class="row">
  18.             <div class="col-8 my-auto">
  19.                 <div class="subtitle">
  20.                     <p> Faire des économies et sauver la planète </p>
  21.                 </div>
  22.                 <p>Les rejets de CO² sont au coeur des problématiques de notre société. Entre l'essor des grosses industries ou la 
  23. pollution gratuite que nous offre certains de nos concitoyens ne connaissant pas le pouvoir d'une poubelle, on oublie souvent qu'une 
  24. maison mal isolée peut être un véritable souci pour l'atmosphère, et pour votre porte-monnaie! De la chaleur qui s'échappe en quleques 
  25. heures de votre maison, c'est autant d'économies de chauffage qui s'envole. C'est pour ça qu'aujourd'hui, il existe des primes de 
  26. l'Etat, qui permettent dans un premier temps à la France de tenir ses engagements écologiques face à l'Europe, mais également aux 
  27. particuliers d'isoler leurs maisons pour 1€ symbolique, ou avec une prise en charge d'environ 90% si ces derniers ne rentrent pas dans 
  28. les critères d'éligibilités. Une réelle opportunité donc pour les ménages, d'augmenter la valeur de leurs biens ainsi que leurs 
  29. pouvoir isolant, tout en faisant un geste pour la planète, puisque leurs habitations rejetteront moins de CO².</p>
  30.             </div>
  31.             <div class="col-4 my-auto text-center">
  32.                 <img src="{{ asset('assets/img/ministre.jpg') }}" alt="Responsive image" class="img-fluid"
  33.                      style="margin: auto">
  34.             </div>
  35.             <div class="col-4 my-auto text-center">
  36.                 <img src="{{ asset('assets/img/arbreplante.png') }}" alt="Responsive image" class="img-fluid"
  37.                      style="margin: auto">
  38.             </div>
  39.             <div class="col-8">
  40.                 <div class="subtitle">
  41.                     <p style="text-align: right"> Faire coup double </p>
  42.                 </div>
  43.                 <p style="text-align: right"> Faisant parti des grandes mesures pour répondre aux enjeux environnementaux, ces aides sont un réel 
  44. bienfait pour stimuler l'écologie française et il faut dire que l'offre est très intéressante. Seulement, du fait de l'énergie et la 
  45. logistique nécessaire pour la création des matériaux isolants, il est légitime de se demander si au bout du compte, l'opération est vraiment 
  46. bonne pour l'environnement ? Dans une démarche écologique ayant pour but de compenser son empreinte carbone, l'entreprise EVO-LOGIS, en 
  47. partenariat avec ReforestAction, s'engage à planter 1 arbre en Australie 
  48.                 </p>
  49.             </div>
  50.             
  51.         </div>
  52.     </div>
  53. <div class="container-fluid mt-4" style="background-color:#A0C620">
  54.         <form id="form_mail" name="form_mail">
  55.             <div class="row">
  56.                 <div class="title form-group col-md-12" style="color:white">
  57.                     <p>Demandez votre diagnostique gratuit</p>
  58.                 </div>
  59.                 <div class="col-md-12 mb-4" style="color: #6A4A34; font-size: large">
  60.                     Remplissez ce formulaire pour être contacté par un conseillé Evo-Logis
  61.                 </div>
  62.                 <div class="col-md-6">
  63.                     <div class="form-group col-md-12 col-sm-12">
  64.                         <label for="name">Nom</label>
  65.                         <input type="text" class="form-control" id="name" name="name"
  66.                                placeholder="..." value="" required>
  67.                     </div>
  68.                 </div>
  69.                 <div class="col-md-6">
  70.                     <div class="form-group col-md-12 col-sm-12">
  71.                         <label for="firstname">Prénom</label>
  72.                         <input type="text" class="form-control" id="firstname" name="firstname"
  73.                                placeholder="..." value="" required>
  74.                     </div>
  75.                 </div>
  76.                 <div class="col-md-6">
  77.                     <div class="form-group col-md-12 col-sm-12">
  78.                         <label for="tel">Numéro de téléphone</label>
  79.                         <input type="text" class="form-control" id="tel" name="tel"
  80.                                placeholder="..." value="" required>
  81.                     </div>
  82.                 </div>
  83.                 <div class="col-md-6">
  84.                     <div class="form-group col-md-12 col-sm-12">
  85.                         <label for="city">Commune</label>
  86.                         <input type="text" class="form-control" id="city" name="city"
  87.                                placeholder="..." value="" required>
  88.                     </div>
  89.                 </div>
  90.                 <div class="col-md-6">
  91.                     <div class="form-group col-md-12 col-sm-12">
  92.                         <label for="project-type">Type de projet</label>
  93.                         <select id="project-type" name="project-type" class="form-control" required>
  94.                             <option value="Isolation combles">Isolation de combles</option>
  95.                             <option value="Isolation sols">Isolation de sols</option>
  96.                             <option value="Inject styrene">Inject styrene</option>
  97.                             <option value="Autre">Autre</option>
  98.                         </select>
  99.                     </div>
  100.                 </div>
  101.                 <div class="col-md-6">
  102.                     <div class="form-group col-md-12 col-sm-12">
  103.                         <label for="commentaires">Commentaires</label>
  104.                         <input type="text" class="form-control" id="commentaires" name="commentaires"
  105.                                placeholder="..." value="">
  106.                     </div>
  107.                 </div>
  108.                 <div class="form-group col-md-12 col-sm-12">
  109.                     <input type="text" class="form-control" id="varHidden" name="varHidden"
  110.                            placeholder="..." value="2" hidden>
  111.                 </div>
  112.                 <div class="form-group col-md-12 col-sm-12 text-center">
  113.                     <div class="g-recaptcha" data-sitekey="6LfiebUZAAAAAI0seUtnC2jWkQRAZZSaFzSC6c_R"></div>
  114.                 </div>
  115.                 <div class="form-group col-md-12 col-sm-12" style="text-align: center">
  116.                     <button id="valider" name="valider" class="btn btn-modif btn-large btn-success" type="submit"
  117.                             data-id="" >Valider
  118.                     </button>
  119.                     <br>
  120.                     <div class="lds-ring col-md-12 col-sm-12" id="lds-ring" hidden>
  121.                         <div></div>
  122.                         <div></div>
  123.                         <div></div>
  124.                         <div></div>
  125.                     </div>
  126.                     <div class="text-center" id="done" hidden>Nous avons bien reçu votre demande ! <br> Nous allons vous
  127.                         contacter d'ici peu, merci de votre confiance.
  128.                     </div>
  129.                    <div class="text-center" id="captcha" hidden>Veuillez vérifier la captcha ci-dessus !</div>
  130.                 </div>
  131.             </div>
  132.         </form>
  133.     </div>
  134. {% endblock %}
  135. {% block footer %}
  136.     {{ parent() }}
  137.     <script src="{{ asset('assets/js/diagnostique.js') }}"></script>
  138. {% endblock %}