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

Open in your IDE?
  1. {% extends 'front/layouts/base.html.twig' %}
  3. {% block title %} 
  4.     {{ 'front.contact.title'|trans({}, 'front') }} 
  5. {% endblock %}
  7. {% block stylesheets %}
  8.     {{ parent() }}
  9.     {{ encore_entry_link_tags('app') }}
  10. {% endblock %}
  12. {% block body %}
  13. <body class='body-page-contact'>
  14.  <div class="container reveal">
  15.         <div class="section-contact-page">
  16.             <div class="content">
  17.                 <div class="container">
  18.                     <div class="row justify-content-center">
  19.                         <div class="col-md-8">
  20.                             <div class="row justify-content-center mb-5">
  21.                                 <div class="col-lg-9 col-md-12 col-12">
  22.                                     <h2 class="thin-heading mb-4 text-center">
  23.                                         <strong>{{ 'front.contact.header'|trans({}, 'front') }} </strong>
  24.                                     </h2>
  25.                                 </div>
  26.                             </div>
  27.                             <div class="row">
  28.                                     {% include 'front/layouts/flashes.html.twig' %}
  29.                                 <div class="col-md-12">
  30.                                 {{ form_start(form, {attr: {autocomplete: 'off', 'novalidate': 'novalidate', 'class': 'form-contact-content' } }) }}
  31.                                         <div class="row justify-content-md-center contact-box">
  32.                                             <div class="col-md-6">
  33.                                                {% if form.name is defined %}
  34.                                                     {{ form_widget(form.name, { 'attr': {'class': 'form-background-nom form-control'} })}}
  35.                                                     {{ form_errors(form.name ) }}
  36.                                             {% endif %} 
  37.                                               {% if form.entreprise is defined %}
  38.                                                     {{ form_widget(form.entreprise, { 'attr': {'class': 'form-background-entreprise form-control'} })}}
  39.                                                     {{ form_errors(form.entreprise ) }}
  40.                                             {% endif %}
  41.                                                
  42.                                             </div>
  43.                                             <div class="col-md-6">
  44.                                             {% if form.email is defined %}
  45.                                             {{ form_widget(form.email, { 'attr': {'class': 'form-background-email form-control'} })}}
  46.                                             {{ form_errors(form.email) }} 
  47.                                           {% endif %}
  48.                                            {% if form.phone is defined %}
  49.                                                 {{ form_widget(form.phone, { 'attr': {'class': 'form-background-tel form-control'} })}}
  50.                                                 {{ form_errors(form.phone) }}
  51.                                         {% endif %}
  52.                                             </div>
  53.                                             <div class="col-md-12">
  54.                                                 <div class="form-outline contactLangs">
  55.                                                 {{ form_widget(form.message, { 'attr': {'class': 'form-background-message form-control'} })}}
  56.                                                 {{ form_errors(form.message) }}
  57.                                                 </div>
  58.                                             </div>
  59.                                         </div>
  60.                                         <div class="row">
  61.                                             <div class="col-lg-8 col-md-12 col-12 form-check condition">
  62.                                                 {{ form_widget(form.isAccepted, ( {'attr':{'class': 'form-check-input check-bx-contact'} }) ) }}
  63.                                                 <span class="define-msg-cond"> {{ 'front.infos.msg_mentions'|trans({}, 'front') }}
  64.                                                     <span class="link_footer">{{ menuMainHeader('pagePopine', id_mention_legale_page, 'front.menu.mentions'|trans({}, 'front')) }}</span>
  65.                                                 </span>    
  66.                                                 {{ form_errors(form.isAccepted) }}
  67.                                                 <label class="form-check-label" for="flexCheckDefault"></label>
  68.                                             </div>
  69.                                            
  70.                                            
  71.                                         </div>
  72.                                         {# <div class="row">
  73.                                          
  74.                                             <div class="col-12 text-center  ">
  75.                                              <div id="recaptcha"  class="g-recaptcha"  data-sitekey="{{google_captcha_site_key}}"  style="text-align: -webkit-center;" ></div>
  76.                                             </div>
  77.                                            
  78.                                         </div> #}
  79.                                          <div class="col-md-12 text-center ">
  80.                                                 <button class="text-center btn-contact">{{ 'front.actions.send'|trans({}, 'front') }} </button>
  81.                                             </div> 
  82.                                 {{ form_end(form) }}
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.         <!--section-info -->
  91.         <div class="section-info">
  92.             <div class="content">
  93.                 <div class="container">
  94.                     <div class="row justify-content-center">
  95.                         <div class="col-md-12 text-center mt-5">
  96.                             <div class="box-txt-info">
  97.                                 <p class="prg-info">{{ 'front.infos.tel'|trans({}, 'front') }} : +33 (0)1 56 53 56 38 ({{ 'front.infos.commercial'|trans({}, 'front') }})</p>
  98.                                 <p class="prg-info">{{ 'front.infos.tel'|trans({}, 'front') }} : +33 (0)1 89 97 25 00 ({{ 'front.infos.support'|trans({}, 'front') }})</p>
  99.                                 <p class="prg-info">{{ 'front.infos.address'|trans({}, 'front') }} : {{ 'front.infos.value_address'|trans({}, 'front') }}</p>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.       
  107.         
  108.     </div>
  109.  <body>   
  110. {% endblock %}
  112. {% block javascripts %}
  113.     {{ parent() }} 
  114.         <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  116.     {{ encore_entry_script_tags('app') }}
  117. {% endblock %}