templates/home.html.twig line 1

Open in your IDE?
  1. {% extends 'home-layout.html.twig' %}
  2. {% block content %}
  3.     {# Accueil photo centre #}
  4.     <div id="introCarousel" class="carousel slide carousel-fade shadow-2-strong" data-mdb-ride="carousel"
  5.          data-mdb-pause="false"
  6.          data-mdb-carousel-init>
  7.         <!-- Indicators -->
  8.         <div class="carousel-indicators">
  9.             <li data-mdb-target="#introCarousel" data-mdb-slide-to="0" class="active"></li>
  10.             <li data-mdb-target="#introCarousel" data-mdb-slide-to="1"></li>
  11.             <li data-mdb-target="#introCarousel" data-mdb-slide-to="2"></li>
  12.         </div>
  13.         <!-- Inner -->
  14.         <div class="carousel-inner">
  15.             <!-- Single item -->
  16.             <div class="carousel-item active">
  17.                 <div class="mask" style="
  18.                                  background-color: rgba(0, 0, 0, 0.5);
  19.                                  ">
  20.                     <div class="container d-flex h-100">
  21.                         <div class="row" style="position: absolute; left: 18%; top: 30%;">
  22.                             <div class="col text-white" style="text-align:left; max-width: 100%">
  23.                                 <h3 class="title-carousel-1">OFFRE EXCEPTIONNELLE - DURÉE LIMITÉE</h3>
  24.                                 <h1 class="title-carousel-2 mb-3">TVA à zéro % sur votre installation solaire : <br> Réalisez encore plus d'économies</h1>
  25.                                 <a type="submit" class="btn btn-sm text-center"
  26.                                    style="background: #98c10f;"
  27.                                    href="{{ path("panneau-solaire") }}">Découvrir nos solutions solaires</a>
  28.                             </div>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.             <!-- Single item -->
  34.             <div class="carousel-item">
  35.                 <div class="mask" style="background-color: rgba(0, 0, 0, 0.5);">
  36.                     <div class="container d-flex h-100">
  37.                         <div class="row" style="position: absolute; left: 18%; top: 30%;">
  38.                             <div class="col text-white" style="max-width: 100%; text-align: left">
  39.                                 <h3 class="title-carousel-1">EVO-LOGIS, VOTRE EXPERT LOCAL</h3>
  40.                                 <h1 class="title-carousel-2 mb-3">Produisez votre propre énergie <br> et divisez votre
  41.                                     facture par trois !</h1>
  42.                                 <a type="submit" class="btn btn-sm text-center"
  43.                                    style="background: #98c10f;"
  44.                                    href="{{ path("contact") }}">Demander votre étude personnalisée</a>
  45.                             </div>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.             <!-- Single item -->
  51.             <div class="carousel-item">
  52.                 <div class="mask" style="background-color: rgba(0, 0, 0, 0.5);">
  53.                     <div class="container d-flex h-100">
  54.                         <div class="row" style="position: absolute; left: 18%; top: 30%;">
  55.                             <div class="col text-white" style="max-width: 100%; text-align: left">
  56.                                 <h3 class="title-carousel-1">EVO-LOGIS, VOTRE EXPERT LOCAL</h3>
  57.                                 <h1 class="title-carousel-2 mb-3">Chaleur en hiver, fraîcheur en été: <br>la pompe à
  58.                                     chaleur tout-en-un !</h1>
  59.                                 <a type="submit" class="btn btn-sm text-center"
  60.                                    style="background: #98c10f;"
  61.                                    href="{{ path("contact") }}">Découvrir nos solutions ici</a>
  62.                             </div>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.         <!-- Inner -->
  69.         <!-- Controls -->
  70.         <button class="carousel-control-prev" type="button" data-mdb-target="#introCarousel" data-mdb-slide="prev">
  71.             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  72.             <span class="visually-hidden">Previous</span>
  73.         </button>
  74.         <button class="carousel-control-next" type="button" data-mdb-target="#introCarousel" data-mdb-slide="next">
  75.             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  76.             <span class="visually-hidden">Next</span>
  77.         </button>
  78.     </div>
  79.     <div class="container mb-5" style="padding-top: 5rem;">
  80.         <div class="row">
  81.             <div class="col-sm-12 col-md-6 my-auto">
  82.                 <div class="subhead reveal">
  83.                     <h3>DÉCOUVRIR</h3>
  84.                 </div>
  85.                 <div class="title-2">
  86.                     <h1>Nos services sur-mesure <br> en toute confiance</h1>
  87.                 </div>
  88.                 <p>Des solutions fiables, locales et transparentes pour vos projets d'énergie et de rénovation</p>
  89.             </div>
  90.             <div class="col-sm-12 col-md-6">
  91.                 <div class="row">
  92.                     <div class="col-md-6 col-sm-6 services-pics reveal-top">
  93.                         <div class="body-hover">
  94.                             <a class="a-img-txt" href="{{ path("panneau-solaire") }}">
  95.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Services1.png') }}" loading="lazy"
  96.                                      alt="jenseign">
  97.                                 <span class="a-txt c1">Découvrir</span>
  98.                             </a>
  99.                         </div>
  100.                     </div>
  101.                     <div class="col-md-6 col-sm-6 services-pics reveal-top">
  102.                         <div class="body-hover">
  103.                             <a class="a-img-txt" href="{{ path("pac-clim") }}">
  104.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Services2.png') }}" loading="lazy"
  105.                                      alt="jenseign">
  106.                                 <span class="a-txt c1">Découvrir</span>
  107.                             </a>
  108.                         </div>
  109.                     </div>
  110.                     <div class="col-md-6 col-sm-6 services-pics reveal-top">
  111.                         <div class="body-hover">
  112.                             <a class="a-img-txt" href="{{ path("isolations") }}">
  113.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Services3.png') }}" loading="lazy"
  114.                                      alt="jenseign">
  115.                                 <span class="a-txt c1">Découvrir</span>
  116.                             </a>
  117.                         </div>
  118.                     </div>
  119.                     <div class="col-md-6 col-sm-6 services-pics reveal-top">
  120.                         <div class="body-hover">
  121.                             <a class="a-img-txt" href="{{ path("borne-recharge") }}">
  122.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Services4.png') }}"
  123.                                      loading="lazy"
  124.                                      alt="jenseign">
  125.                                 <span class="a-txt c1">Découvrir</span>
  126.                             </a>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </div>
  133.     <div class="bd-engagement">
  134.         <div class="container">
  135.             <div class="row">
  136.                 <div class="subhead reveal">
  137.                     <h3>TRANSPARENCE</h3>
  138.                 </div>
  139.                 <div class="title-2 reveal-top" style="color: white">
  140.                     <h1>Notre engagement, votre sérénité</h1>
  141.                 </div>
  142.                 <div class="col-sm-12 col-md-6 reveal-top"><p>Chez Evo-Logis, nous faisons plus que réaliser des travaux
  143.                         : nous
  144.                         nous engageons à vos
  145.                         côtés, à chaque étape de votre projet.<br>
  146.                         Implantés en Haute-Vienne depuis 10 ans, nous avons bâti une relation de confiance durable avec
  147.                         des centaines de foyers, des entreprises et des collectivités.</p></div>
  148.                 <div class="col-sm-12 col-md-6 reveal-top"><p> Nos engagements reposent sur quatre piliers solides : <b>proximité</b>,
  149.                         <b>excellence</b>, <b>performance</b> et <b>transparence</b>.
  150.                         Parce qu'un projet ne se résume pas à une installation, mais à une expérience fiable, sereine et
  151.                         durable.</p></div>
  152.                 <ul class="ul-home-engagement">
  153.                     <li class="li-home-engagement reveal-top">
  154.                         <span class="li-home-engagement__icon">
  155.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto5.png') }}"
  156.                                  loading="lazy"
  157.                                  alt="jenseign">
  158.                         </span>
  159.                         <span class="li-home-engagement__title">
  160.                             TRANSPARENCE TOTALE
  161.                         </span>
  162.                         <span class="li-home-engagement__text">
  163.                             Devis clairs, explications simples, zéro coût caché.
  164.                         </span>
  165.                     </li>
  166.                     <li class="li-home-engagement reveal-top">
  167.                         <span class="li-home-engagement__icon">
  168.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto6.png') }}"
  169.                                  loading="lazy"
  170.                                  alt="jenseign">
  171.                         </span>
  172.                         <span class="li-home-engagement__title">
  173.                             ACCOMPAGNEMENT DE A À Z
  174.                         </span>
  175.                         <span class="li-home-engagement__text">
  176.                             Vous n'êtes jamais seul : Nous gérons aussi les démarches et les aides
  177.                         </span>
  178.                     </li>
  179.                     <li class="li-home-engagement reveal-top">
  180.                         <span class="li-home-engagement__icon">
  181.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto7.png') }}"
  182.                                  loading="lazy"
  183.                                  alt="jenseign">
  184.                         </span>
  185.                         <span class="li-home-engagement__title">
  186.                             QUALITÉ CERTIFIÉE
  187.                         </span>
  188.                         <span class="li-home-engagement__text">
  189.                             Matériel fiable, pose par des professionnels qualifiés et respect des normes.
  190.                         </span>
  191.                     </li>
  192.                     <li class="li-home-engagement reveal-top">
  193.                         <span class="li-home-engagement__icon">
  194.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto8.png') }}"
  195.                                  loading="lazy"
  196.                                  alt="jenseign">
  197.                         </span>
  198.                         <span class="li-home-engagement__title">
  199.                             PERFORMANCES MESURABLES
  200.                         </span>
  201.                         <span class="li-home-engagement__text">
  202.                             Économies d'énergies garanties, retour sur investissement estimé, suivi post-installation.
  203.                         </span>
  204.                     </li>
  205.                 </ul>
  206.             </div>
  207.         </div>
  208.     </div>
  209.     <div class="home-bd-garanties">
  210.         <div class="container home-bd-garanties__container">
  211.             <div class="row home-bd-garanties__text reveal-top">
  212.                 <div class="subhead">
  213.                     <h3>RECONNU, CERTIFIÉ, ENGAGÉ</h3>
  214.                 </div>
  215.                 <div class="title-2">
  216.                     <h1>Et parce que votre confiance se mérite...</h1>
  217.                 </div>
  218.                 <p>Evo-Logis est une entreprise reconnue et certifiée par les principaux organismes du secteur. C'est la
  219.                     garantie d'un savoir-faire sérieux, d'installations conformes aux normes, et de l'accès aux aides
  220.                     auxquelles vous avez droit. Ces certifications confirment notre engagement pour la qualité, la
  221.                     fiabilité et l'accompagnement à long terme. Choisir Evo-Logis, c'est faire le choix d'un partenaire
  222.                     expérimenté, transparent et responsable.</p>
  223.             </div>
  224.             <ul class="ul-home-confiance">
  225.                 <li class="li-home-confiance reveal-top">
  226.                         <span class="li-home-confiance__icon">
  227.                             <img src="{{ asset('assets/img/pictos/RGE-Qualibat.png') }}" alt="Responsive image"
  228.                                  class="img-fluid mx-auto" loading="lazy">
  229.                         </span>
  230.                 </li>
  231.                 <li class="li-home-confiance reveal-top">
  232.                         <span class="li-home-confiance__icon">
  233.                             <img src="{{ asset('assets/img/pictos/FFB-BPT-87.png') }}" alt="Responsive image"
  234.                                  class="img-fluid mx-auto" loading="lazy">
  235.                         </span>
  236.                 </li>
  237.                 <li class="li-home-confiance reveal-top">
  238.                         <span class="li-home-confiance__icon">
  239.                             <img src="{{ asset('assets/img/pictos/RGE-QualiPv.png') }}" alt="Responsive image"
  240.                                  class="img-fluid mx-auto" loading="lazy">
  241.                         </span>
  242.                 </li>
  243.                 <li class="li-home-confiance reveal-top">
  244.                         <span class="li-home-confiance__icon">
  245.                             <img src="{{ asset('assets/img/pictos/label-RGE-qualipac-2025.png') }}" alt="Responsive image"
  246.                                  class="img-fluid mx-auto" loading="lazy">
  247.                         </span>
  248.                 </li>
  249.                 <li class="li-home-confiance reveal-top">
  250.                         <span class="li-home-confiance__icon">
  251.                             <img src="{{ asset('assets/img/pictos/label-RGE-ventilation-plus.png') }}" alt="Responsive image"
  252.                                  class="img-fluid mx-auto" loading="lazy">
  253.                         </span>
  254.                 </li>
  255.                 <li class="li-home-confiance reveal-top">
  256.                         <span class="li-home-confiance__icon">
  257.                             <img src="{{ asset('assets/img/pictos/label-decennale.png') }}" alt="Responsive image"
  258.                                  class="img-fluid mx-auto" loading="lazy">
  259.                         </span>
  260.                 </li>
  261.             </ul>
  262.         </div>
  263.     </div>
  264.     <div class="container" style="margin-bottom: 7rem !important;">
  265.         <div class="row">
  266.             <div class="subhead reveal">
  267.                 <h3>NOS RÉALISATIONS</h3>
  268.             </div>
  269.             <div class="title-2 reveal-top">
  270.                 <h1>Ils ont fait confiance à Evo-Logis</h1>
  271.             </div>
  272.             <div class="col-xl-6 col-md-12 reveal-top">
  273.                 <div class="card mb-3 mt-3">
  274.                     <div class="row g-0">
  275.                         <div class="col-md-6 my-auto">
  276.                             <img src="{{ asset('assets/img/realisations/realisation-solaire-1.png') }}"
  277.                                  class="img-fluid img-thumbnail mx-auto"
  278.                                  alt="..." style="max-width: 95%;">
  279.                         </div>
  280.                         <div class="col-md-6">
  281.                             <div class="card-body my-auto" style="padding-top: 3rem; padding-bottom: 3rem">
  282.                                 <p><i class="fas fa-bolt me-2"></i> Kit 6kWh</p>
  283.                                 <p><i class="fas fa-info-circle me-2"></i> Chantier fait le 17-04-2025, maison plain-pied</p>
  284.                             </div>
  285.                         </div>
  286.                     </div>
  287.                 </div>
  288.             </div>
  289.             <div class="col-xl-6 col-md-12 reveal-top">
  290.                 <div class="card mb-3 mt-3">
  291.                     <div class="row g-0">
  292.                         <div class="col-md-6 my-auto">
  293.                             <img src="{{ asset('assets/img/realisations/realisation-solaire-2.png') }}"
  294.                                  class="img-fluid img-thumbnail mx-auto"
  295.                                  alt="..." style="max-width: 95%;">
  296.                         </div>
  297.                         <div class="col-md-6">
  298.                             <div class="card-body my-auto" style="padding-top: 3rem; padding-bottom: 3rem">
  299.                                 <p><i class="fas fa-bolt me-2"></i> Kit 3kWh</p>
  300.                                 <p><i class="fas fa-info-circle me-2"></i> Chantier fait le 16-05-2023, maison plain-pied</p>
  301.                                 {#  <p><i class="fas fa-coins me-2"></i> Estimation des économies : XXX €</p>#}
  302.                             </div>
  303.                         </div>
  304.                     </div>
  305.                 </div>
  306.             </div>
  307.             <div class="col-xl-6 col-md-12 reveal-top">
  308.                 <div class="card mb-3 mt-3">
  309.                     <div class="row g-0">
  310.                         <div class="col-md-6 my-auto">
  311.                             <img src="{{ asset('assets/img/realisations/realisation-solaire-3.png') }}"
  312.                                  class="img-fluid img-thumbnail mx-auto"
  313.                                  alt="..." style="max-width: 95%;">
  314.                         </div>
  315.                         <div class="col-md-6">
  316.                             <div class="card-body" style="padding-top: 3rem; padding-bottom: 3rem">
  317.                                 <p><i class="fas fa-bolt me-2"></i> Kit 5.95kWh</p>
  318.                                 <p><i class="fas fa-info-circle me-2"></i> Chantier fait le 16-10-2023, maison plain-pied</p>
  319.                                 {#  <p><i class="fas fa-coins me-2"></i> Estimation des économies : XXX €</p>#}
  320.                             </div>
  321.                         </div>
  322.                     </div>
  323.                 </div>
  324.             </div>
  325.             <div class="col-xl-6 col-md-12 reveal-top">
  326.                 <div class="card mb-3 mt-3">
  327.                     <div class="row g-0">
  328.                         <div class="col-md-6 my-auto">
  329.                             <img src="{{ asset('assets/img/realisations/realisation-solaire-4.png') }}"
  330.                                  class="img-fluid img-thumbnail mx-auto"
  331.                                  alt="..." style="max-width: 95%;">
  332.                         </div>
  333.                         <div class="col-md-6">
  334.                             <div class="card-body" style="padding-top: 3rem; padding-bottom: 3rem">
  335.                                 <p><i class="fas fa-bolt me-2"></i> Kit 6kWh</p>
  336.                                 <p><i class="fas fa-info-circle me-2"></i> Chantier au 1er étage, fait le 19-05-2025</p>
  337.                                 {#  <p><i class="fas fa-coins me-2"></i> Estimation des économies : XXX €</p>#}
  338.                             </div>
  339.                         </div>
  340.                     </div>
  341.                 </div>
  342.             </div>
  343.             <p class="d-inline-flex gap-1">
  344.                 <a type="submit" class="btn btn-lg mx-auto"
  345.                    style="background: #98c10f;"
  346.                    href="{{ path("realisations") }}">Voir nos autres réalisations dans la région</a>
  347.             </p>
  348.         </div>
  349.     </div>
  350.     <div class="home-bd-projet mt-5">
  351.         <div class="container home-bd-projet__container">
  352.             <div class="row home-bd-projet__text reveal-top">
  353.                 <div class="subhead">
  354.                     <h3>UN PROJET ? UNE QUESTION ?</h3>
  355.                 </div>
  356.                 <div class="title-2">
  357.                     <h1>Parlons de votre projet</h1>
  358.                 </div>
  359.                 <p>Vous avez une question, un doute ou l’envie de concrétiser votre projet ?</p>
  360.                 <p>Parlez-en simplement avec un expert local, à votre écoute, sans engagement ni pression.</p>
  361.                 <p>Quelle que soit l’étape où vous en êtes, nous sommes là pour vous guider avec clarté et
  362.                     confiance.</p>
  363.             </div>
  364.             <ul class="ul-home-projet">
  365.                 <li class="li-home-projet reveal-top">
  366.                     <a type="submit" class="btn btn-lg mx-auto"
  367.                        style="background: #98c10f;"
  368.                        href="{{ path("contact") }}">Prendre rendez-vous en ligne</a>
  369.                 </li>
  370.                 <li class="li-home-projet reveal-top">
  371.                     <a type="submit" class="btn btn-lg mx-auto"
  372.                        style="background: #98c10f;"
  373.                        href="{{ path("contact") }}">Nous poser une question</a>
  374.                 </li>
  375.             </ul>
  376.         </div>
  377.     </div>
  378.     {#  <div class="container-fluid mt-5">
  379.         <div class="title mb-3">
  380.             Evo-Logis.fr
  381.         </div>
  382.         <div class="row">
  383.             <div class="col-xl-6 col-md-6 col-sm-12 text-content my-auto">
  384.                 <div>
  385.                     <p>EVO-LOGIS est une société spécialisée dans la rénovation énergétique des logements.</p>
  386.                     <p>Fondée en 2015 par Julien KARAYAN et Vincent HASSOLD, l’entreprise comporte une quinzaine de
  387.                         techniciens spécialistes de l’isolation, le chauffage et le solaire, quatre secrétaires, un
  388.                         conseillé
  389.                         en prime ainsi que cinq techniciens conseils.</p>
  390.                     <p> La société se spécialise dans l’isolation de combles, planchers-bas et murs dans un premier
  391.                         temps, et développe son activité au chauffage via sa filiale EVOCONFORT et le solaire
  392.                         photovoltaïque. Evo-Logis est également une des rares entreprises en France à pratiquer
  393.                         l’isolation des murs par injection de microbilles de polystyrène, appelé procédé Inject-styrène.
  394.                         Il consiste à remplir des lames d'air allant de 3 à 40 cm d'épaisseur par des billes de
  395.                         polystyrène.</p>
  396.                     <p> Située à Rochechouart en <a href="{{ path("zones-travaux") }}"><strong>Haute-Vienne
  397.                                 (87)</strong></a>, nous intervenons également dans
  398.                         les départements limitrophes comme la <a href="{{ path("zones-travaux") }}"><strong>Charente
  399.                                 (16)</strong></a>, la <a href="{{ path("zones-travaux") }}"><strong>Dordogne
  400.                                 (24)</strong></a>, la <a href="{{ path("zones-travaux") }}"><strong>Corrèze
  401.                                 (19)</strong></a>, ainsi que la <a href="{{ path("zones-travaux") }}"><strong>Creuse
  402.                                 (23)</strong></a>.
  403.                         Pour obtenir des renseignements ou un rendez-vous avec un de nos conseillers, vous pouvez nous
  404.                         joindre
  405.                         au 05 55 14 62 77, ou alors nous serons ravis de vous accueillir dans nos locaux au 9 rue de la
  406.                         gare à Rochechouart.</p>
  407.                 </div>
  408.             </div>
  409.             <div class="col-xl-6 col-md-6 col-sm-12 my-auto">
  410.                 <div class="ratio ratio-16x9">
  411.                     <video controls>
  412.                         <source src="{{ asset('assets/video/presentation-evo.mp4') }}" type="video/mp4"/>
  413.                     </video>
  414.                 </div>
  415.             </div>
  416.         </div>
  417.     </div>
  418.     <hr>
  419.     <div class="container mt-5">
  420.         <div class="title mb-3">
  421.             La qualité Evo-Logis en quelques chiffres
  422.         </div>
  423.         <div class="row">
  424.             <div id="counter" class="col-md-6 col-12 my-auto counter" style="font-size: x-large">
  425.                 <div class="gdtitrezones text-center" style="font-size: x-large">
  426.                     <p><u>Depuis 2015 :</u></p>
  427.                 </div>
  428.                 <div class="col-12 text-center">
  429.                     <i class="fas fa-user"></i>
  430.                     <p>Nouveaux clients</p>
  431.                     <h2 class="counter-value" data-count="5092"></h2>
  432.                 </div>
  433.                 <div class="row text-center">
  434.                     <div class="col-6">
  435.                         <p>Combles isolés</p>
  436.                         <h2 class="counter-value" data-count="2616"></h2>
  437.                     </div>
  438.                     <div class="col-6">
  439.                         <p>Sous-sols isolés</p>
  440.                         <h2 class="counter-value" data-count="869"></h2>
  441.                     </div>
  442.                 </div>
  443.                 <div class="gdtitrezones text-center" style="font-size: x-large">
  444.                     <p><u>En 2022 :</u></p>
  445.                 </div>
  446.                 <div class="col-12 text-center">
  447.                     <p>Pompes à chaleur air/eau</p>
  448.                     <h2 class="counter-value" data-count="270"></h2>
  449.                 </div>
  450.                 <div class="row text-center">
  451.                     <div class="col-6">
  452.                         <p>Pompes à chaleur <br/> air/air</p>
  453.                         <h2 class="counter-value" data-count="52"></h2>
  454.                     </div>
  455.                     <div class="col-6">
  456.                         <p>Panneaux <br/> photovoltaïques</p>
  457.                         <h2 class="counter-value" data-count="111"></h2>
  458.                     </div>
  459.                 </div>
  460.             </div>
  461.             <div class="col-md-6 col-12">
  462.                 <div id="carousel6" class="carousel slide" data-bs-ride="carousel">
  463.                     <div class="carousel-inner">
  464.                         <div class="carousel-item active">
  465.                             <img class="d-block w-100" src="{{ asset('assets/img/avis/avis_google_1.png') }}"
  466.                                  alt="First slide">
  467.                         </div>
  468.                         <div class="carousel-item">
  469.                             <img class="d-block w-100" src="{{ asset('assets/img/avis/avis_google_2.png') }}"
  470.                                  alt="Second slide">
  471.                         </div>
  472.                         <div class="carousel-item">
  473.                             <img class="d-block w-100" src="{{ asset('assets/img/avis/avis_facebook_1.png') }}"
  474.                                  alt="Third slide">
  475.                         </div>
  476.                         <div class="carousel-item">
  477.                             <img class="d-block w-100" src="{{ asset('assets/img/avis/avis_facebook_2.png') }}"
  478.                                  alt="Third slide">
  479.                         </div>
  480.                         <div class="carousel-item">
  481.                             <img class="d-block w-100" src="{{ asset('assets/img/avis/avis_facebook_3.png') }}"
  482.                                  alt="Third slide">
  483.                         </div>
  484.                     </div>
  485.                 </div>
  486.             </div>
  487.             <div class="col-12 mt-5 text-center">
  488.                 <p>Si vous aussi vous souhaitez connaître les aides auxquelles vous avez droit, vous pouvez cliquer sur
  489.                     ce bouton et remplir le formulaire ci-après, c'est simple et rapide !
  490.                     <br><a type="submit" class="btn btn-primary btn-lg mb-3" href="{{ path("simulation") }}">Simulez vos
  491.                         aides</a>
  492.                 </p>
  493.             </div>
  494.         </div>
  495.     </div>
  496.     <hr>
  497.     <div class="container-fluid mt-5">
  498.         <div class="title mb-3">
  499.             Nous gérons tout l'administratif pour vous !
  500.         </div>
  501.         <div class="row">
  502.             <div class="col-md-6 col-12 my-auto text-center">
  503.                 <img class="a-img mx-auto" src="{{ asset('assets/img/cee.png') }}" alt="jenseign">
  504.             </div>
  505.             <div class="col-md-6 col-12 my-auto text-center">
  506.                 <b>Mandataire MaPrimeRénov'</b>
  507.             </div>
  508.             <div class="col-12 mt-5 text-center">
  509.                 <p>&#10003; Grace à nos partenariats, votre prime CEE est déduite directement de votre facture, pas
  510.                     d’avance de frais</p>
  511.                 <p>&#10003; Nous sommes mandataire maprimrenov, nous réalisons les démarches pour vous et nous la
  512.                     déduisons de votre facture</p>
  513.                 <p>&#10003; Nous vous accompagnons de le visite technique à la réalisation de votre chantier, pas de
  514.                     sous traitance</p>
  515.             </div>
  516.         </div>
  517.     </div>
  518.     <hr>
  519.     <div class="container">
  520.         <a class="a-img-txt" href="{{ path("lsv") }}"><img class="mx-auto"
  521.                                                            src="{{ asset('assets/img/logo-lsv-evo-logis.jpg') }}"
  522.                                                            alt="jenseign"></a>
  523.         <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  524.             <div class="carousel-inner">
  525.                 <div class="carousel-item active">
  526.                     <section>
  527.                         <div class="container reveal">
  528.                             <div class="text-container">
  529.                                 <div class="text-box">
  530.                                     <h3>Les panneaux photovoltaïques attirent la foudre</h3>
  531.                                     <p>
  532.                                         C’est faux, les panneaux photovoltaïques n’attirent pas la foudre, celui-ci
  533.                                         étant plat et dans la majorité des cas dans le même plan que la toiture.
  534.                                         Cependant ils nécessitent une installation correcte, si la foudre tombe à
  535.                                         proximité, le parafoudre se déclenche pour protéger le matériel.
  536.                                     </p>
  537.                                 </div>
  538.                             </div>
  539.                         </div>
  540.                     </section>
  541.                 </div>
  542.                 <div class="carousel-item">
  543.                     <section>
  544.                         <div class="container reveal">
  545.                             <div class="text-container">
  546.                                 <div class="text-box">
  547.                                     <h3>Les panneaux photovoltaïques coutent chers</h3>
  548.                                     <p>
  549.                                         Une installation photovoltaïque représente un budget conséquent, même si les
  550.                                         prix ont divisé
  551.                                         par 3 en 10 ans.
  552.                                         Cependant l’impact des économies sur la facture d’électricité est immédiat.
  553.                                     </p>
  554.                                 </div>
  555.                             </div>
  556.                         </div>
  557.                     </section>
  558.                 </div>
  559.                 <div class="carousel-item">
  560.                     <section>
  561.                         <div class="container reveal">
  562.                             <div class="text-container">
  563.                                 <div class="text-box">
  564.                                     <h3>La durée de vie d’un panneau photovoltaïque est de 20 ans</h3>
  565.                                     <p>
  566.                                         Si cela était vrai il y a 40 ans, les avancées technologiques ont
  567.                                         considérablement
  568.                                         augmentées cette durée de fonctionnement. Les constructeurs garantissent une
  569.                                         production
  570.                                         optimale à 25 ans.
  571.                                         Cela ne veut pas dire que les panneaux cessent de produire de l’électricité,
  572.                                         mais qu’ils
  573.                                         continueront de fonctionner à environ 80% de leur puissance initiale pendant
  574.                                         plusieurs
  575.                                         années au-delà de cette échéance.
  576.                                         Ce qui permet de continuer à produire de l’électricité gratuite et à
  577.                                         rentabiliser cet
  578.                                         investissement grâce au soleil au-delà de cette échéance.
  579.                                     </p>
  580.                                 </div>
  581.                             </div>
  582.                         </div>
  583.                     </section>
  584.                 </div>
  585.                 <div class="carousel-item">
  586.                     <section>
  587.                         <div class="container reveal">
  588.                             <div class="text-container">
  589.                                 <div class="text-box">
  590.                                     <h3>Les panneaux solaires sont fragiles</h3>
  591.                                     <p>
  592.                                         Pour sa mise sur le marché, un panneau doit répondre à certaines normes,
  593.                                         celles-ci
  594.                                         garantissent une qualité en matière de stabilité mécanique et de respect des
  595.                                         paramètres
  596.                                         électriques. Ces nomes imposent des tests de résistance, en particulier en ce
  597.                                         qui concerne
  598.                                         la grêle et la neige.
  599.                                     </p>
  600.                                 </div>
  601.                             </div>
  602.                         </div>
  603.                     </section>
  604.                 </div>
  605.                 <div class="carousel-item">
  606.                     <section>
  607.                         <div class="container reveal">
  608.                             <div class="text-container">
  609.                                 <div class="text-box">
  610.                                     <h3>Il faut de la chaleur pour produire de l’électricité</h3>
  611.                                     <p>
  612.                                         Contrairement aux idées reçues, ce n’est pas la chaleur qui permet de produire
  613.                                         de
  614.                                         l’électricité, mais la lumière du soleil.
  615.                                         Si l’on produit plus d’électricité en été, c’est que les jours sont plus longs,
  616.                                         la position
  617.                                         du soleil est plus directe et qu’il y a en proportion plus de jour de soleil.
  618.                                     </p>
  619.                                 </div>
  620.                             </div>
  621.                         </div>
  622.                     </section>
  623.                 </div>
  624.             </div>
  625.             <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
  626.                     data-bs-slide="prev">
  627.                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  628.                 <span class="visually-hidden">Previous</span>
  629.             </button>
  630.             <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
  631.                     data-bs-slide="next">
  632.                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
  633.                 <span class="visually-hidden">Next</span>
  634.             </button>
  635.         </div>
  636.     </div>
  637.     <hr>
  638.     <div class="container mt-5">
  639.         <div class="title mb-3">
  640.             Nos dernières actualités
  641.         </div>
  642.         <div class="col-12 text-center my-auto">
  643.             <div class="row">
  644.                 {% for actuDate in actusDates %}
  645.                     <div class="card col-md-6 col-xl-6 col-12">
  646.                         <div class="card-body">
  647.                             <h5 class="card-title" style="color: #A0C620">{{ actuDate.title }}</h5>
  648.                             <h6 class="card-subtitle mb-2 text-muted"></h6>
  649.                             <p class="card-text">{{ actuDate.text }}</p>
  650.                         </div>
  651.                     </div>
  652.                 {% endfor %}
  653.             </div>
  654.         </div>
  655.     </div>
  656.     <div class="container mt-5">
  657.         <div class="title mb-3">
  658.             Tour du Limousin
  659.         </div>
  660.         <div class="row">
  661.             <div class="col-xl-6 col-md-6 col-sm-12 text-content my-auto text-center">
  662.                 <div>
  663.                     <p>EVO-LOGIS est partenaire avec Le Tour du Limousin!</p>
  664.                     <p> Retrouvez nous dans la caravane du tour 2024.</p>
  665.                 </div>
  666.             </div>
  667.             <div class="col-md-6 col-12 my-auto text-center">
  668.                 <img class="a-img mx-auto" style="width: 50%" src="{{ asset('assets/img/Partenaire_du_TDL.png') }}"
  669.                      alt="jenseign">
  670.             </div>
  671.         </div>
  672.     </div>
  673.     <hr> #}
  674. {% endblock %}
  675.     {% block footer %}
  676.         {{ parent() }}
  677.         <script src="{{ asset('assets/js/animation.js') }}"></script>
  678.     {% endblock %}