templates/main/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends base ~"/base.html.twig" %}
  3. {% block javascripts %}
  4. {% endblock %}
  5. {% block head %}
  6.  <script>
  7. function onSubmit(token) {
  8.          document.getElementById("contact-form").submit();
  9.        }
  10. </script> 
  11. {% endblock %}
  12. {% block main %}
  13. <main class="main">
  14.     <nav aria-label="breadcrumb" class="breadcrumb-nav mb-2">
  15.         <div class="container">
  16.             <ol class="breadcrumb">
  17.                 <li class="breadcrumb-item"><a href="/">{{'Home'|trans}}</a></li>
  18.                 <li class="breadcrumb-item active" aria-current="page">{{'Contact us'|trans}}</li>
  19.             </ol>
  20.         </div><!-- End .container -->
  21.     </nav><!-- End .breadcrumb-nav -->
  23.     <div class="page-content">
  24.         {# <div id="map" class="mb-5"></div> #}
  25.         <div class="text-center mb-5">
  26.             <img class="d-inline-block my-5" width="300px" src="{{ asset('img/' ~ site.logo) }}" />
  27.             <h2 class="title mb-1 text-center">Entrer en contact </h2>
  28.         </div>
  29.         <div class="container">
  30.             {% include "includes/_alerte.html.twig" %}
  31.             {% include base ~ "/contact/_contact.html.twig" %}
  32.             <hr class="mt-3 mb-5 mt-md-1">
  33.             <div class="touch-container row justify-content-center">
  34.                 <div class="col-md-9 col-lg-7">
  35.                     <div class="text-center">
  36.                         <p class="lead text-primary">
  37.                             Nous collaborons avec des marques et des personnes ambitieuses ; nous aimerions construire
  38.                             quelque chose de grand ensemble. </p>
  39.                     </div><!-- End .text-center -->
  40.                     {{ form_start(form_contact,{
  41.                     'attr':{
  42.                     id:'contact-form',
  43.                     'novalidate':'novalidate',
  44.                     'class':'form-contact contact_form align-items-end'
  45.                     }
  46.                     }) }}
  47.                     <div class="row">
  48.                         <div class="col-sm-4">
  49.                             <div class="form-group">
  50.                                 {{ form_row(form_contact.name) }}
  51.                             </div>
  52.                         </div><!-- End .col-sm-4 -->
  53.                         <div class="col-sm-4">
  54.                             <div class="form-group">
  55.                                 {{ form_row(form_contact.email) }}
  56.                             </div>
  57.                         </div><!-- End .col-sm-4 -->
  58.                         <div class="col-sm-4">
  59.                             <div class="form-group">
  60.                                 {{ form_row(form_contact.phone_number) }}
  61.                             </div>
  62.                         </div><!-- End .col-sm-4 -->
  63.                         <div class="col-sm-12">
  64.                             <div class="form-group">
  65.                                 {{ form_row(form_contact.object) }}
  66.                             </div>
  67.                         </div><!-- End .col-sm-4 -->
  68.                         <div class="col-md-12">
  69.                             <div class="form-group">
  70.                                 {{ form_row(form_contact.message) }}
  71.                             </div>
  72.                         </div>
  73.                         <div class="clearfix"></div>
  74.                         <div class="col-lg-12 text-center">
  75.                             <div id="success"></div>
  76.                             <button type="submit" class="g-recaptcha btn btn-outline-primary-2 btn-minwidth-sm" 
  77.                                 data-sitekey="6LfDomMhAAAAAHVQGcmpEZUbJ-5XsGPq63w_7vw9" 
  78.                                 data-callback='onSubmit'>
  79.                                 {{'Send Message'|trans }} <i class="icon-long-arrow-right"></i>
  80.                             </button>
  81.                             {# <button class="btn btn-outline-primary-2 btn-minwidth-sm" type="submit">
  82.                             </button> #}
  83.                         </div>
  84.                     </div>
  85.                     {{ form_widget(form_contact) }}
  86.                     {{ form_end(form_contact) }}
  87.                 </div><!-- End .col-md-9 col-lg-7 -->
  88.             </div><!-- End .row -->
  89.         </div><!-- End .container -->
  90.     </div><!-- End .page-content -->
  91. </main>
  92. {% endblock %}
  94. {% block foot %}
  95. <!-- Google Map -->
  96. <script type="text/javascript"
  97.     src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDc3LRykbLB-y8MuomRUIY0qH5S6xgBLX4"></script>
  98. {% endblock %}