templates/quote/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Page Contact - RénovAtHome Un Artisant Près De Chez Soi
  4. {% endblock %}
  6. {% block stylesheets %}
  7.     {{ parent() }}
  8.     <meta name="description" content="Contacter RenovAtHome pour établir un devis ou avoir du conseil en rénovation de maison aussi bien en toiture, isolation et peinture.">
  9.     <link rel="stylesheet" href="{{ asset('assets/styles/quote.css')}}">
  10. {#    <link rel="stylesheet" href="{{ asset('assets/styles/contactStyle.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.                 <span class="close-notif"><i class="fa-solid fa-xmark"></i></span>
  20.                 {{ message }}
  21.             </div>
  22.         {% endfor %}
  23.     {% endfor %}
  25.     <section id="devis">
  26.         <img src="{{ asset('assets/images/brush_green.png')}}" class="devis-img-back green" alt="peinture verte">
  27.         <img src="{{ asset('assets/images/brush_orange.png')}}" class="devis-img-back orange" alt="peinture orange">
  29.         <div class="devis">
  30.             <div class="formulaire">
  31.                 <span class="devis-sous-titre">
  32.                     FORMULAIRE DE CONTACT
  33.                 </span>
  34.                 <span class="devis-titre">
  35.                     Devis gratuit et rapide
  36.                 </span>
  37.     
  38.                 {{ form_start(form) }}
  39.                     <div class="div-input-form">
  40.                         {{ form_label(form.name)}}
  41.                         {{ form_widget(form.name)}}
  42.                     </div>
  43.                     <div class="div-input-form">
  44.                         {{ form_label(form.postalcode)}}
  45.                         {{ form_widget(form.postalcode)}}
  46.                     </div>
  47.                     <div class="div-input-form">
  48.                         {{ form_label(form.email)}}
  49.                         {{ form_widget(form.email)}}
  50.                     </div>
  51.                     <div class="div-input-form">
  52.                         {{ form_label(form.phone)}}
  53.                         {{ form_widget(form.phone)}}
  54.                     </div>
  55.                     <div class="div-input-form">
  56.                         {{ form_label(form.choice)}}
  57.                         {{ form_widget(form.choice)}}
  58.                     </div>
  59.                     <div class="div-input-form">
  60.                         {{ form_label(form.message)}}
  61.                         {{ form_widget(form.message)}}
  62.                     </div>
  63.                     <span class="champs-obligatoire">
  64.                         *Champs obligatoires
  65.                     </span>
  66.                     <div class="checkbox-info">
  67.                         {{ form_widget(form.dataPolicy)}}
  68.                         {{ form_label(form.dataPolicy)}}
  69.                     </div>
  70.                     {{ form_widget(form.submit)}}
  71.                     {{ form_widget(form._token)}}
  72.                 {{ form_end(form, {render_rest: false}) }}
  73.             </div>
  74.             <div class="devis-separator"></div>
  75.             <div class="approche">
  76.                 <div class="approche-titre">
  77.                     <span>Notre approche</span>
  78.                     <div class="deco-sous-titre"></div>
  79.                 </div>
  80.                 <div class="approche-etape">
  81.                     <div class="etape-img">
  82.                         <img src="{{ asset('assets/images/ensembleiconesdevis.png')}}" alt="suite d'étape pour devis">
  83.                     </div>
  84.                     <div class="etape-txt">
  85.                         <span class="etape-txt-first-child">PRISE DE CONTACT & PRÉQUALIFICATION</span>
  86.                         <span>DIAGNOSTIC SUR PLACE</span>
  87.                         <span>PROPOSITION COMMERCIALE</span>
  88.                         <span>TRAVAUX</span>
  89.                         <span>CONTRÔLE POST-CHANTIER</span>
  90.                     </div>
  91.     
  92.     
  93.                 </div>
  94.                 <img class="devis-photo" src="{{ asset('assets/images/devis-photo.png') | imagine_filter('middle')}}" alt="couple heureux">
  95.             </div>
  96.         </div>
  97.     </section>
  100. {% endblock %}
  102. {% block footer %}{% endblock %}