templates/isolations/isolations.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/bannieres/banniere-services-isolation.png') }}" alt="Responsive image" class="img-fluid">
  7.         </div>
  8.     </div>
  10.     <div class="container-fluid">
  11.         <div class="row">
  12.             <div class="col-4">
  13.                 <div class="body-hover">
  14.                     <a class="a-img-txt" href="{{ path("isolation-combles") }}">
  15.                         <img class="a-img" src="{{ asset('assets/img/isocombles.png') }}" alt="jenseign">
  16.                         <span class="a-txt c1">Découvrir</span>
  17.                     </a>
  18.                 </div>
  19.             </div>
  20.             <div class="col-4">
  21.                 <div class="body-hover">
  22.                     <a class="a-img-txt" href="{{ path("isolation-sous-sols") }}">
  23.                         <img class="a-img" src="{{ asset('assets/img/isosoussols.png') }}" alt="jenseign">
  24.                         <span class="a-txt c1">Découvrir</span>
  25.                     </a>
  26.                 </div>
  27.             </div>
  28.             <div class="col-4">
  29.                 <div class="body-hover">
  30.                     <a class="a-img-txt" href="{{ path("isolation-murs") }}">
  31.                         <img class="a-img" src="{{ asset('assets/img/isomurs.png') }}" alt="jenseign">
  32.                         <span class="a-txt c1">Découvrir</span>
  33.                     </a>
  34.                 </div>
  35.             </div>
  36.         </div>
  37.     </div>
  38.     <div class="container-fluid mt-5">
  39.         <div class="row bg-g">
  40.             <div class="col-12" style="background-color: #A0C620">
  41.                 <div class="title-bd-d text-center">
  42.                     <h1>Demandez un diagnostique gratuit de votre maison !</h1>
  43.                 </div>
  44.             </div>
  45.             <div class="col-sm-12 col-md-6 col-xl-6" style="background-color: #A0C620">
  46.                 <form id="form_mail" name="form_mail" style="color: white">
  47.                     <div class="row">
  48.                         <div id="contact_title" class="form-group col-md-12">
  49.                             <p>Je souhaite être rappelé(e)</p>
  50.                         </div>
  52.                         <div class="form-group col-md-12 col-sm-12">
  53.                             <label for="name">Nom, prénom</label>
  54.                             <input type="text" class="form-control" id="name" name="name"
  55.                                    placeholder="..." value="" required>
  56.                         </div>
  58.                         <div class="form-group col-md-12 col-sm-12">
  59.                             <label for="tel">Numéro de téléphone</label>
  60.                             <input type="text" class="form-control" id="tel" name="tel"
  61.                                    placeholder="..." value="" required>
  62.                         </div>
  64.                         <div class="form-group col-md-12 col-sm-12">
  65.                             <label for="city">Ville</label>
  66.                             <input type="text" class="form-control" id="city" name="city"
  67.                                    placeholder="..." value="" required>
  68.                         </div>
  70.                         <div class="form-group col-md-12 col-sm-12">
  71.                             <label for="project">Projet</label>
  72.                             <input type="text" class="form-control" id="project" name="project"
  73.                                    placeholder="..." value="" required>
  74.                         </div>
  76.                         <div class="form-group col-md-12 col-sm-12">
  77.                             <input type="text" class="form-control" id="varHidden" name="varHidden"
  78.                                    placeholder="..." value="1" hidden>
  79.                         </div>
  81.                         <div class="form-group col-md-12 col-sm-12" style="text-align: center">
  82.                             <button id="valider" name="valider" class="btn btn-modif btn-large btn-success"
  83.                                     type="submit"
  84.                                     data-id="" style="background-color: #6A4A34; border-color: #6A4A34">Contactez-nous !
  85.                             </button>
  86.                             <div class="text-center" id="done" hidden>Nous avons bien reçu votre demande ! <br> Nous
  87.                                 allons vous contacter d'ici peu, merci de votre confiance.
  88.                             </div>
  89.                         </div>
  90.                     </div>
  91.                 </form>
  92.             </div>
  93.             <div class="col-sm-12 col-md-6 col-xl-6 my-auto" style="background-color: #A0C620">
  94.                 <div class="contact-isolations">
  95.                     <div class="row">
  96.                         <div class="col-6 my-auto">
  97.                             <img class="mx-auto" src="https://img.icons8.com/cotton/64/000000/cottage.png"/>
  98.                         </div>
  99.                         <div class="col-6 my-auto">
  100.                             <p style="margin:auto; color:white; font-weight:bold;">Evo-Logis <br> 9 rue de la gare <br>
  101.                                 87600 - Rochechouart</p>
  102.                         </div>
  103.                         <div class="col-6 my-auto">
  104.                             <img class="mx-auto" src="https://img.icons8.com/plasticine/64/000000/important-mail.png"/>
  105.                         </div>
  106.                         <div class="col-6 my-auto">
  107.                             <a style=" color:white; font-weight:bold;" href="mailto:contact@evo-logis.fr">contact@evo-logis.fr</a>
  108.                         </div>
  109.                         <div class="col-6 my-auto">
  110.                             <img src="{{ asset('assets/img/icon-phone.png') }}" alt="Responsive image" class="mx-auto">
  111.                         </div>
  112.                         <div class="col-6 my-auto">
  113.                             <p style="margin:auto; color:white; font-weight:bold;">05 55 14 62 77</p>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </div>
  119.     </div>
  120.     <div class="container-fluid">
  121.         <div class="row">
  122.             <div class="col-12 mt-5 srv-hidden-2">
  123.                 <h3><u>Evo-Logis vous propose plusieurs services afin que vous puissiez isoler au mieux votre maison</u>
  124.                 </h3>
  125.                 <p>Spécialiste de l'isolation, nous proposons pour votre logement tout type de travaux :</p>
  126.                 <ul>
  127.                     <li><strong><a href="{{ path("isolation-combles") }}">Isolation des combles perdus</a></strong></li>
  128.                     <li><strong><a href="{{ path("isolation-toitures") }}">Isolation des toitures</a></strong></li>
  129.                     <li><strong><a href="{{ path("isolation-murs") }}">Isolation des murs</a></strong></li>
  130.                     <li><strong><a href="{{ path("isolation-sous-sols") }}">Isolation des caves</a></strong></li>
  131.                 </ul>
  132.                 <p>Diverses techniques d'isolation et plusieurs matériaux sont utilisés en fonction de vos besoins. En
  133.                     fonction des
  134.                     caractéristiques de la zone à isoler et de votre budget, nous sommes en mesure de mettre en oeuvre
  135.                     plusieurs types d'isolation :
  136.                 </p>
  137.                 <ul>
  138.                     <li>Isolation par soufflage mécanique pour les combles perdus (Laine de verre, laine de roche, ouate
  139.                         de cellulose)
  140.                     </li>
  141.                     <li>Isolation classique avec des panneaux ou rouleaux de laine de roche, laine de verre, ouate de
  142.                         cellulose
  143.                     </li>
  144.                     <li>Système inject Styrène, qui permet d'injecter des billes isolantes dans vos murs ou dans vos
  145.                         plafonds afin d'y former
  146.                         une plaque de polystyrène sans démolir.
  147.                     </li>
  148.                 </ul>
  149.                 <p>Nous intervenons sur <b><a href="{{ path("zones-travaux") }}">les zones géographiques
  150.                             suivantes</a></b> :</p>
  151.                 <ul>
  152.                     <li>Haute-Vienne, 87 (<b><a href="{{ path('isolation', {city: 'Limoges'}) }}">Limoges</a></b>,
  153.                         <strong><a href="{{ path('isolation', {city: 'Saint-Junien'}) }}">Saint-Junien</a></strong>, <b><a
  154.                                     href="{{ path('isolation', {city: 'Rochechouart'}) }}">Rochechouart</a></b>, Bellac,
  155.                         Saint-Yrieix la Perche, Eymoutiers…)
  156.                     </li>
  157.                     <li>Charente, 16 (Angoulême, Cognac, Confolens, Roumazières-Loubert…)</li>
  158.                     <li>Dordogne, 24 (Périgueux, Sarlat-la-Canéda, Bergerac, Nontron, Ribérac…)</li>
  159.                     <li>Creuse, 23 (Guéret, La Souterraine, Aubusson…)</li>
  160.                     <li>Corrèze, 19 (Brive-la-Gaillarde, Tulle, Ussel…)</li>
  161.                 </ul>
  162.             </div>
  163.         </div>
  164.     </div>
  166.     <div class="col-12 mt-5 srv-hidden">
  167.         <h3><u>Evo-Logis vous propose plusieurs services afin que vous puissiez isoler au mieux votre
  168.                 maison</u></h3>
  169.         <p>Spécialiste de l'isolation, nous proposons pour votre logement tout type de travaux :</p>
  170.         <ul>
  171.             <li><strong><a href="{{ path("isolation-combles") }}">Isolation des combles
  172.                         perdus</a></strong></li>
  173.             <li><strong><a href="{{ path("isolation-toitures") }}">Isolation des toitures</a></strong>
  174.             </li>
  175.             <li><strong><a href="{{ path("isolation-murs") }}">Isolation des murs</a></strong></li>
  176.             <li><strong><a href="{{ path("isolation-sous-sols") }}">Isolation des caves</a></strong>
  177.             </li>
  178.         </ul>
  179.         <p>Diverses techniques d'isolation et plusieurs matériaux sont utilisés en fonction de vos
  180.             besoins. En fonction des
  181.             caractéristiques de la zone à isoler et de votre budget, nous sommes en mesure de mettre on
  182.             oeuvres plusieurs types d'isolation :
  183.         </p>
  184.         <ul>
  185.             <li>Isolation par soufflage mécanique pour les combles perdus (Laine de verre, laine de
  186.                 roche, ouate de cellulose
  187.             </li>
  188.             <li>Isolation classique avec des panneaux ou rouleaux de laine de roche, laine de verre,
  189.                 ouate de cellulose
  190.             </li>
  191.             <li>Système inject Styrène, qui permet d'injecter des billes isolantes dans vos murs ou dans
  192.                 vos plafonds afin d'y former
  193.                 une plaque de polystyrène sans démolir.
  194.             </li>
  195.         </ul>
  196.     </div>
  198. {% endblock %}
  200. {% block footer %}
  201.     {{ parent() }}
  202.     <script src="{{ asset('assets/js/mail.js') }}"></script>
  203. {% endblock %}