templates/pubs/tva-aout-2025.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  2. {% block content %}
  3.     {# Accueil photo centre #}
  4.     <div id="box-search">
  5.         <div class="thumbnail">
  6.             <img src="{{ asset('assets/img/bannieres/banniere-promo-tva0.png') }}" alt="Responsive image"
  7.                  class="img-fluid">
  8.         </div>
  9.     </div>
  10.     <div class="promo-bd-noir">
  11.         <div class="container">
  12.             <div class="row">
  13.                 <div class="subhead reveal-top">
  14.                     <h3>PROMO EXCEPTIONNELLE</h3>
  15.                 </div>
  16.                 <div class="title-2 reveal-top" style="color: white">
  17.                     <h1>Le moment est venu de passer au solaire</h1>
  18.                 </div>
  19.                 <div class="col-sm-12 col-md-12 reveal-top"><p> Profitez d’une économie immédiate sur votre installation
  20.                         et passez au solaire en toute sérénité, avec Evo-Logis, votre
  21.                         expert local de confiance.</p>
  22.                 </div>
  23.                 <div class="col-sm-12 col-md-4 my-auto text-center">
  24.                     <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  25.                        style="background: #98c10f;"
  26.                        href="{{ path("contact") }}"><b>PRENDRE RDV EN LIGNE</b><br><span class="btn-subhead">Gratuit, sans engagement, chez vous</span></a>
  27.                 </div>
  28.                 <div class="col-sm-12 col-md-4 my-auto text-center">
  29.                     <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  30.                        style="background: #98c10f;"
  31.                        href="{{ path("contact") }}"><b>NOUS POSER UNE QUESTION</b><br><span class="btn-subhead">Un conseiller vous répond sous 48h</span>
  32.                     </a>
  33.                 </div>
  34.                 <div class="col-sm-12 col-md-4 my-auto text-center">
  35.                     <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  36.                        style="background: #98c10f;"
  37.                        href="{{ path("panneau-solaire") }}"><b>DÉCOUVRIR NOS SOLUTIONS</b><br><span class="btn-subhead">Économies, autonomie, c'est par ici ! </span></a>
  38.                 </div>
  39.             </div>
  40.         </div>
  41.     </div>
  42.     <div class="promo-bd">
  43.         <div class="container">
  44.             <div class="row">
  45.                 <div class="reveal-top">
  46.                     <div class="subhead">
  47.                         <h3>VOTRE PROJET EN TOUTE CONFIANCE</h3>
  48.                     </div>
  49.                     <div class="title-2">
  50.                         <h1>Une offre solaire qui fait vraiment la différence</h1>
  51.                     </div>
  52.                 </div>
  53.                 <ul class="ul-panneaux-pourquoi">
  54.                     <li class="li-panneaux-pourquoi reveal-top">
  55.                         <span class="li-promo-pourquoi__icon">
  56.                             <img class="a-img" src="{{ asset('assets/img/pictos/picto-tva0.png') }}"
  57.                                  loading="lazy"
  58.                                  alt="jenseign">
  59.                         </span>
  60.                         <span class="li-panneaux-pourquoi__title">
  61.                            <b> = JUSQU'À 2500€ <br> ÉCONOMISÉS </b>
  62.                         </span>
  63.                     </li>
  64.                     <li class="li-panneaux-pourquoi reveal-top">
  65.                         <span class="li-promo-pourquoi__icon">
  66.                             <img class="a-img" src="{{ asset('assets/img/pictos/picto-confiance.png') }}"
  67.                                  loading="lazy"
  68.                                  alt="jenseign">
  69.                         </span>
  70.                         <span class="li-panneaux-pourquoi__title">
  71.                           <b>  ÉTUDE GRATUITE <br> ET SANS ENGAGEMENT </b>
  72.                         </span>
  73.                     </li>
  74.                     <li class="li-panneaux-pourquoi reveal-top">
  75.                         <span class="li-promo-pourquoi__icon">
  76.                             <img class="a-img" src="{{ asset('assets/img/pictos/picto-local.png') }}"
  77.                                  loading="lazy"
  78.                                  alt="jenseign">
  79.                         </span>
  80.                         <span class="li-panneaux-pourquoi__title">
  81.                          <b>   VOTRE EXPERT LOCAL, <br> TOUJOURS À VOS CÔTÉS </b>
  82.                         </span>
  83.                     </li>
  84.                 </ul>
  85.             </div>
  86.         </div>
  87.     </div>
  88.     <div class="promo-bd-noir">
  89.         <div class="container">
  90.             <div class="row">
  91.                 <div class="subhead reveal-top">
  92.                     <h3>PROMO EXCEPTIONNELLE</h3>
  93.                 </div>
  94.                 <div class="title-2 reveal-top" style="color: white">
  95.                     <h1>Pourquoi cette offre est une opportunité à ne pas manquer</h1>
  96.                 </div>
  97.                 <div class="col-sm-12 col-md-12 reveal-top">
  98.                     <p> Le coût de l’énergie ne cesse d’augmenter. Passer au solaire, c’est reprendre le contrôle.
  99.                         Et avec la TVA offerte jusqu’au 31 août, vous maximisez votre retour sur investissement dès le
  100.                         départ</p>
  101.                     <p> Faites encore plus rapidement des économies avec Evo-Logis !</p>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.     </div>
  106.     <div class="promo-bd">
  107.         <div class="container">
  108.             <div class="row">
  109.                 <div class="reveal-top">
  110.                     <div class="subhead">
  111.                         <h3>PROCESSUS SIMPLE</h3>
  112.                     </div>
  113.                     <div class="title-2">
  114.                         <h1>Comment en profiter ?</h1>
  115.                     </div>
  116.                     <ul class="promo-tva">
  117.                         <li class="li-promo-1">Je prends RDV avec un conseiller Evo-Logis.</li>
  118.                         <li class="li-promo-2"> Un conseiller Evo-Logis vient chez vous pour une étude personnalisée,
  119.                             gratuite et sans engagement.
  120.                         </li>
  121.                         <li class="li-promo-3"> Si vous validez le devis, nos équipes organisent tout le projet avec
  122.                             vous. Vous profitez de la TVA offerte,
  123.                             des aides auxquelles vous avez éventuellement droit et d’une installation rapide, soignée et
  124.                             conforme.
  125.                         </li>
  126.                     </ul>
  127.                 </div>
  128.             </div>
  129.         </div>
  130.     </div>
  131.     <div class="promo-bd-noir">
  132.         <div class="container">
  133.             <div class="row">
  134.                 <div class="subhead reveal-top">
  135.                     <h3>PROMO TEMPORAIRE</h3>
  136.                 </div>
  137.                 <div class="title-2 reveal-top" style="color: white">
  138.                     <h1>Ne laissez pas passer cette opportunité.</h1>
  139.                 </div>
  140.                 <div class="col-sm-12 col-md-12 reveal-top">
  141.                     <p>Offre valable jusqu'au 31 août 2025 uniquement, en Haute-Vienne, Charente et Dordogne</p>
  142.                     <p>Le compte à rebours est lancé !  Il ne vous reste plus que :</p>
  143.                 </div>
  144.                 <div class="box-rebours reveal-top mb-5 mt-5">
  145.                     <div class="box_jour">
  146.                         <div id="jour">00</div>
  147.                         <span id="jour_label">Jours</span>
  148.                     </div>
  149.                     <div class="box_heure">
  150.                         <div id="heure">00</div>
  151.                         <span id="heure_label">Heures</span>
  152.                     </div>
  153.                     <div class="box_minute">
  154.                         <div id="minute">00</div>
  155.                         <span id="minute_label">Minutes</span>
  156.                     </div>
  157.                     <div class="box_seconde">
  158.                         <div id="seconde">00</div>
  159.                         <span id="seconde_label">Secondes</span>
  160.                     </div>
  161.                 </div>
  162.                 <div class="col-sm-12 col-md-6 my-auto text-center">
  163.                     <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  164.                        style="background: #98c10f;"
  165.                        href="{{ path("contact") }}"><b>PRENDRE RDV EN LIGNE</b><br><span class="btn-subhead">Gratuit, sans engagement, chez vous</span></a>
  166.                 </div>
  167.                 <div class="col-sm-12 col-md-6 my-auto text-center">
  168.                     <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  169.                        style="background: #98c10f;"
  170.                        href="{{ path("contact") }}"><b>NOUS POSER UNE QUESTION</b><br><span class="btn-subhead">Un conseiller vous répond sous 48h</span>
  171.                     </a>
  172.                 </div>
  173.             </div>
  174.         </div>
  175.     </div>
  176.     <div class="promo-bd-garanties">
  177.         <div class="container promo-bd-garanties__container">
  178.             <div class="row">
  179.                 <div class="reveal-top">
  180.                     <div class="subhead">
  181.                         <h3>VOTRE PROJET EN TOUTE SÉRÉNITÉ</h3>
  182.                     </div>
  183.                     <div class="title-2">
  184.                         <h1>Nos garanties pour votre tranquillité</h1>
  185.                     </div>
  186.                     <p> Nous mettons un point d’honneur à respecter les normes les plus strictes du secteur pour vous
  187.                         garantir une installation
  188.                         fiable, durable et conforme.</p>
  189.                     <p>Notre entreprise est certifiée RGE (Reconnu Garant de l’Environnement) et labellisée par
  190.                         plusieurs organismes officiels :</p>
  191.                     <ul class="ul-promo-confiance">
  192.                         <li class="li-promo-confiance reveal-top">
  193.                         <span class="li-promo-confiance__icon">
  194.                             <img src="{{ asset('assets/img/pictos/RGE-Qualibat.png') }}" alt="Responsive image"
  195.                                  class="img-fluid mx-auto" loading="lazy">
  196.                         </span>
  197.                         </li>
  198.                         <li class="li-promo-confiance reveal-top">
  199.                         <span class="li-promo-confiance__icon">
  200.                             <img src="{{ asset('assets/img/pictos/FFB-BPT-87.png') }}" alt="Responsive image"
  201.                                  class="img-fluid mx-auto" loading="lazy">
  202.                         </span>
  203.                         </li>
  204.                         <li class="li-promo-confiance reveal-top">
  205.                         <span class="li-promo-confiance__icon">
  206.                             <img src="{{ asset('assets/img/pictos/RGE-QualiPv.png') }}" alt="Responsive image"
  207.                                  class="img-fluid mx-auto" loading="lazy">
  208.                         </span>
  209.                         </li>
  210.                         <li class="li-promo-confiance reveal-top">
  211.                         <span class="li-promo-confiance__icon">
  212.                             <img src="{{ asset('assets/img/pictos/label-RGE-qualipac-2025.png') }}"
  213.                                  alt="Responsive image"
  214.                                  class="img-fluid mx-auto" loading="lazy">
  215.                         </span>
  216.                         </li>
  217.                         <li class="li-promo-confiance reveal-top">
  218.                         <span class="li-promo-confiance__icon">
  219.                             <img src="{{ asset('assets/img/pictos/label-RGE-ventilation-plus.png') }}"
  220.                                  alt="Responsive image"
  221.                                  class="img-fluid mx-auto" loading="lazy">
  222.                         </span>
  223.                         </li>
  224.                         <li class="li-promo-confiance reveal-top">
  225.                         <span class="li-promo-confiance__icon">
  226.                             <img src="{{ asset('assets/img/pictos/label-decennale.png') }}" alt="Responsive image"
  227.                                  class="img-fluid mx-auto" loading="lazy">
  228.                         </span>
  229.                         </li>
  230.                     </ul>
  231.                     <p> Ces reconnaissances vous assurent non seulement une qualité d’exécution, mais aussi
  232.                         l’éligibilité aux aides financières
  233.                         et subventions disponibles.</p>
  234.                 </div>
  235.             </div>
  236.         </div>
  237.     </div>
  238.     <div class="promo-bd" style="padding-bottom: 2rem;">
  239.         <div class="container">
  240.             <div class="row">
  241.                 <div class="subhead">
  242.                     <h3>MON RENDEZ-VOUS SANS ENGAGEMENT</h3>
  243.                 </div>
  244.                 <div class="title-2">
  245.                     <h1>Je veux profiter de l'offre TVA offerte</h1>
  246.                 </div>
  247.                 <div class="col-sm-12 col-md-12">
  248.                     {% for message in app.flashes('success') %}
  249.                         <div class="alert alert-success">
  250.                             {{ message }}
  251.                         </div>
  252.                     {% endfor %}
  253.                     {{ form_start(form) }}
  254.                     <div class="my-custom-class-for-errors">
  255.                         {{ form_errors(form) }}
  256.                     </div>
  257.                     <div class="row">
  258.                         <div class="col-12">
  259.                             {{ form_row(form.type) }}
  260.                         </div>
  261.                         <div class="col-12">
  262.                             {{ form_row(form.nom) }}
  263.                         </div>
  264.                         <div class="col-12">
  265.                             {{ form_row(form.prenom) }}
  266.                         </div>
  267.                         <div class="col-12">
  268.                             {{ form_row(form.cp) }}
  269.                         </div>
  270.                         <div class="col-12">
  271.                             {{ form_row(form.ville) }}
  272.                         </div>
  273.                         <div class="col-12">
  274.                             {{ form_row(form.tel) }}
  275.                         </div>
  276.                         <div class="col-12">
  277.                             {{ form_row(form.email) }}
  278.                         </div>
  279.                         <div class="col-12">
  280.                             {{ form_row(form.sujet) }}
  281.                         </div>
  282.                         <div class="col-12">
  283.                             {{ form_row(form.projet) }}
  284.                         </div>
  285.                         <div class="col-12">
  286.                             {{ form_row(form.comments) }}
  287.                         </div>
  288.                         <div class="col-12 my-auto">
  289.                             {{ form_row(form.rappel) }}
  290.                         </div>
  291.                     </div>
  292.                     {{ form_end(form) }}
  293.                 </div>
  294.             </div>
  295.         </div>
  296.     </div>
  297. {% endblock %}
  298. {% block footer %}
  299.     {{ parent() }}
  300.     <script type="text/javascript">
  301.         function reboursF() {
  302.             let rebours = document.getElementById("rebours"),
  303.                 jour = document.getElementById("jour"),
  304.                 jour_label = document.getElementById("jour_label"),
  305.                 heure = document.getElementById("heure"),
  306.                 heure_label = document.getElementById("heure_label"),
  307.                 minute = document.getElementById("minute"),
  308.                 minute_label = document.getElementById("minute_label"),
  309.                 seconde = document.getElementById("seconde"),
  310.                 seconde_label = document.getElementById("seconde_label"),
  311.                 maintenant = new Date(),
  312.                 finannee = new Date('August 31, 2025 23:59:59');
  313.             let total_secondes = (finannee - maintenant) / 1000;
  314.             if (total_secondes > 0) {
  315.                 let nb_jours = Math.floor(total_secondes / (60 * 60 * 24));
  316.                 let nb_heures = Math.floor((total_secondes - (nb_jours * 60 * 60 * 24)) / (60 * 60));
  317.                 let nb_minutes = Math.floor((total_secondes - ((nb_jours * 60 * 60 * 24 + nb_heures * 60 * 60))) / 60);
  318.                 let nb_secondes = Math.floor(total_secondes - ((nb_jours * 60 * 60 * 24 + nb_heures * 60 * 60 + nb_minutes * 60)));
  319.                 jour.textContent = caractere(nb_jours);
  320.                 heure.textContent = caractere(nb_heures);
  321.                 minute.textContent = caractere(nb_minutes);
  322.                 seconde.textContent = caractere(nb_secondes);
  323.                 jour_label.textContent = genre(nb_jours, 'jour');
  324.                 heure_label.textContent = genre(nb_heures, 'heure');
  325.                 minute_label.textContent = genre(nb_minutes, 'minute');
  326.                 seconde_label.textContent = genre(nb_secondes, 'seconde');
  327.             }
  328.             let minuteur = setTimeout("reboursF();", 1000);
  329.         }
  330.         function genre(nb, libelle) {
  331.             return (nb > 1) ? libelle + 's' : libelle;
  332.         }
  333.         function caractere(nb) {
  334.             return (nb < 10) ? '0' + nb : nb;
  335.         }
  336.         reboursF();
  337.     </script>
  338.     <script src="{{ asset('assets/js/diagnostique.js') }}"></script>
  339.     <script src="{{ asset('assets/js/imagechanger.js') }}"></script>
  340. {% endblock %}