templates/prime/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}MaPrimeRenov - RénovAtHome Un Près De Chez Soi
  4. {% endblock %}
  6. {% block stylesheets %}
  7.     {{ parent() }}
  8.     <meta name="description" content="Besoin d'améliorer le confort de votre logement ? Connaissez-vous MaPrimeRénov' ? Cette aide de l'État pour la rénovation énergétique est accessible à tous les propriétaires. Pouvez-vous en bénéficier ? Quel est son montant ? On vous explique.">
  9.     <link rel="stylesheet" href="{{ asset('assets/styles/prime.css')}}">
  10.     <link rel="stylesheet" href="{{ asset('assets/styles/quote.css')}}">
  11. {% endblock %}
  13. {% block banner %}{% endblock %}
  15. {% block main %}
  16.     {% for label, messages in app.flashes %}
  17.         {% for message in messages %}
  18.             <div class="alert alert-{{ label }}">
  19.                 {{ message }}
  20.             </div>
  21.         {% endfor %}
  22.     {% endfor %}
  27.     <section id="presentation" class="container">
  28.         <div class="presentation-prime">
  30.             <div class="contenu-presentation">
  31.                 <div class="what-prime">
  32.                     <h2 class="titre-deco-dessous">Qu'est-ce que  <span class="green">MaPrimeRénov'</span> ?</h2>
  33.                     <div class="deco-sous-titre"></div>
  34.                     <p>
  35.                         MaPrimeRénov' est une aide financière accordée aux propriétaires pour prendre en charge une partie de leurs travaux de 
  36.                         rénovation énergétique. MaPrimeRénov' a été mise en place le 1er janvier 2020 et est versée par l’Agence Nationale de l’Habitat (Anah).
  37.                     </p>
  38.                     <p>
  39.                         Ce dispositif correspond à la fusion du CITE (Crédit d’Impôt pour la Transition Ecologique), aujourd'hui disparu, et de 
  40.                         la prime Habiter Mieux Agilité (l'une des nombreuses aides de l'Anah).
  41.                     </p>
  42.                 </div>
  43.                 <div class="who-prime">
  44.                     <h2 class="titre-deco-dessous">Qui à le droit à  <span class="green">MaPrimeRénov'</span> ?</h2>
  45.                     <div class="deco-sous-titre"></div>
  46.                     <p>
  47.                         Voici les conditions à réunir pour bénéficier de MaPrimeRénov' :
  48.                     </p>
  49.                     <ul>
  50.                         <li>
  51.                             <img class="puce-verte" src="{{ asset('assets/images/icon-puce.svg')}}" alt="triangle vert">
  52.                             Etre propriétaire occupant ou bailleur d’un logement construit plus de  15 ans avant la date de début des travaux
  53.                              (dans le cas du remplacement d'une chaudière fioul, accompagné d'une demande de dépose de cuve à fioul, le logement doit être 
  54.                              âgé d'au moins deux ans) ;
  55.                         </li>
  56.                         <li>
  57.                             <img class="puce-verte" src="{{ asset('assets/images/icon-puce.svg')}}" alt="triangle vert">
  58.                             Le logement se situe en France métropolitaine ou en Outre-mer ;
  59.                         </li>
  60.                         <li>
  61.                             <img class="puce-verte" src="{{ asset('assets/images/icon-puce.svg')}}" alt="triangle vert">
  62.                             Occuper ce logement en tant que résidence principale ;
  63.                         </li>
  64.                         <li>
  65.                             <img class="puce-verte" src="{{ asset('assets/images/icon-puce.svg')}}" alt="triangle vert">
  66.                             Faire réaliser ses travaux par une entreprise ou un artisan certifié RGE (reconnu garant de l'environnement).
  67.                         </li>
  68.                     </ul>
  69.                     <p>
  70.                         Les copropriétés sont également éligibles à la prime !
  71.                     </p>
  72.                 </div>
  73.             </div>
  74.             <div class="photos-presentation">
  75.                 <img class="photo-prime1" src="{{ asset('assets/images/prime-renov1.png')}}" alt="devanture de maison">
  76.                 <img class="photo-prime2" src="{{ asset('assets/images/prime-renov2.png')}}" alt="devanture de maison">
  77.             </div>
  78.         </div>
  79.     </section>
  82.     <section id="etapes">
  83.         <div class="container">
  84.             <div class="titre-etapes">
  85.                 <h2>Une démarche en  <span class="green">5 étapes</span> !</h2>
  86.                 <div class="deco-sous-titre"></div>
  87.             </div>
  88.             <div class="etapes">
  89.                 <div class="etape">    
  90.                     <p class="desc-etape">
  91.                         J’effectue ma demande de devis auprès de Renov’At Home
  92.                     </p>
  93.                 </div>
  94.                 <div class="etape">    
  95.                     <p class="desc-etape">
  96.                         Un bilan  thermique de votre logement est réalisé , un devis sera établi  avec la meilleure préconisation technique 
  97.                     </p>
  98.                 </div>
  99.                 <div class="etape">    
  100.                     <p class="desc-etape">
  101.                        Après acceptation de votre devis Renov’At Home s’occupe de monter le dossier d’aide pour vous et prend en charge les démarches administratives
  102.                     </p>
  103.                 </div>
  104.                 <div class="etape">    
  105.                     <p class="desc-etape">
  106.                         Les travaux sont réalisés et Renov’At Home transmet l’ensemble des factures à l’organisme
  107.                     </p>
  108.                 </div>
  109.                 <div class="etape">    
  110.                     <p class="desc-etape">
  111.                         Les travaux sont réalisés , le client règle l'intégralité du chantier. Renov at home envoie facture et documents nécessaire pour le versement de la prime
  112.                     </p>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.     </section>
  120.     <section id="devis">
  121.         <img src="{{ asset('assets/images/brush_green.png')}}" class="devis-img-back green" alt="peinture verte">
  122.         <img src="{{ asset('assets/images/brush_orange.png')}}" class="devis-img-back orange" alt="peinture orange">
  124.         <div class="titre-etapes">
  125.             <h2>Début mon projet de rénovation avec  <span class="green">Renov’At Home</span></h2>
  126.             <div class="deco-sous-titre"></div>
  127.         </div>
  129.         <div class="devis">
  130.             <div class="formulaire">
  131.                 <span class="devis-sous-titre">
  132.                     FORMULAIRE DE CONTACT
  133.                 </span>
  134.                 <span class="devis-titre">
  135.                     Devis gratuit et rapide
  136.                 </span>
  137.     
  138.                 {{ form_start(form) }}
  139.                     <div class="div-input-form">
  140.                         {{ form_label(form.name)}}
  141.                         {{ form_widget(form.name)}}
  142.                     </div>
  143.                     <div class="div-input-form">
  144.                         {{ form_label(form.postalcode)}}
  145.                         {{ form_widget(form.postalcode)}}
  146.                     </div>
  147.                     <div class="div-input-form">
  148.                         {{ form_label(form.email)}}
  149.                         {{ form_widget(form.email)}}
  150.                     </div>
  151.                     <div class="div-input-form">
  152.                         {{ form_label(form.phone)}}
  153.                         {{ form_widget(form.phone)}}
  154.                     </div>
  155.                     <div class="div-input-form">
  156.                         {{ form_label(form.choice)}}
  157.                         {{ form_widget(form.choice)}}
  158.                     </div>
  159.                     <div class="div-input-form">
  160.                         {{ form_label(form.message)}}
  161.                         {{ form_widget(form.message)}}
  162.                     </div>
  163.                     <span class="champs-obligatoire">
  164.                         *Champs obligatoires
  165.                     </span>
  166.                     <div class="checkbox-info">
  167.                         {{ form_widget(form.dataPolicy)}}
  168.                         {{ form_label(form.dataPolicy)}}
  169.                     </div>
  170.                     {{ form_widget(form.submit)}}
  171.                     {{ form_widget(form._token)}}
  172.                 {{ form_end(form, {render_rest: false}) }}
  173.             </div>
  174.             <div class="devis-separator"></div>
  175.             <div class="approche">
  176.                 <div class="approche-titre">
  177.                     <span>Notre approche</span>
  178.                     <div class="deco-sous-titre"></div>
  179.                 </div>
  180.                 <div class="approche-etape">
  181.                     <div class="etape-img">
  182.                         <img src="{{ asset('assets/images/ensembleiconesdevis.png')}}" alt="suite d'étape pour devis">
  183.                     </div>
  184.                     <div class="etape-txt">
  185.                         <span class="etape-txt-first-child">PRISE DE CONTACT & PRÉQUALIFICATION</span>
  186.                         <span>DIAGNOSTIC SUR PLACE</span>
  187.                         <span>PROPOSITION COMMERCIALE</span>
  188.                         <span>TRAVAUX</span>
  189.                         <span>CONTRÔLE POST-CHANTIER</span>
  190.                     </div>
  191.     
  192.     
  193.                 </div>
  194.                 <img class="devis-photo" src="{{ asset('assets/images/devis-photo.png')}}" alt="couple heureux">
  195.             </div>
  196.         </div>
  197.     </section>
  198.     
  201. {% endblock %}
  203. {% block footer %}{% endblock %}