templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends '@probundle/probundle/base.html.twig' %}
  2. {% block content %}
  3.     <section class="bg-white mt-70">
  4.         <div class="container-fluid">
  5.             <div class="row p-5">
  6.                 <div class="col-md-12">
  7.                     <div class="card bg-grey-dark shadow mb-5">
  8.                         <div class="card-body">
  9.                             {% for label, messages in app.flashes %}
  10.                                 {% for message in messages %}
  11.                                     <div class="alert alert-{{ label }} alert-dismissible fade show position-absolute" role="alert">
  12.                                         {{ message }}
  13.                                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  14.                                     </div>
  15.                                 {% endfor %}
  16.                             {% endfor %}
  17.                             <div class=" contact-form">
  18.                                 <div class="row">
  19.                                     <h2>Contact</h2>
  20.                                     <p>Merci de nous contacter pour toutes demandes concernant nos préstations photographiques (informations, réservations, projets d'entreprise)</p>
  21.                                     <div class="col-md-6">
  22.                                         <div class="form-group m-3">
  23.                                             {{ form_start(contact_form) }}
  24.                                             {{ form_label( contact_form.type) }}
  25.                                             {{ form_errors(contact_form.type) }}
  26.                                             {{ form_widget(contact_form.type, {'attr': {'class': 'form-control'}}) }}
  27.                                         </div>
  28.                                         <div class="form-group m-3">
  29.                                             {{ form_label( contact_form.name) }}
  30.                                             {{ form_errors(contact_form.name) }}
  31.                                             {{ form_widget(contact_form.name, {'attr': {'class': 'form-control'}}) }}
  32.                                         </div>
  33.                                         <div class="form-grou m-3">
  34.                                             {{ form_row(contact_form.firstname, {'attr': {'class': 'form-control text-start'}}) }}
  35.                                         </div>
  36.                                         <div class="form-group m-3">
  37.                                             {{ form_row(contact_form.email, {'attr': {'class': 'form-control'}}) }}
  38.                                         </div>
  39.                                         <div class="form-group m-3">
  40.                                             {{ form_row(contact_form.phone, {'attr': {'class': 'form-control'}}) }}
  41.                                         </div>
  42.                                     </div>
  43.                                     <div class="col-md-6">
  44.                                         <div class="form-group m-3">
  45.                                             {{ form_row(contact_form.message, {'attr': {'class': 'form-control'}}) }}
  46.                                         </div>
  47.                                     </div>
  48.                                     <div class="row p-">
  49.                                         <div class="form-group">
  50.                                             <input type="submit" value="Envoyer" class="btn btn-primary py-3 px-5">
  51.                                         </div>
  52.                                         {{ form_end(contact_form) }}
  53.                                     </div>
  54.                                 </div>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.         </div>
  61.     </section>
  62. {% endblock %}