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

Open in your IDE?
  1. {% extends '/front/layout.html.twig' %}
  2. {% form_theme formcontact with 'bootstrap_4_layout.html.twig' %}
  4. {% block contenu %}
  5.     <div class="image-inner" role="listbox">
  6.         <div class="item">
  7.             <img src="{{ asset('build/images/front/contact.jpg')}}" alt="Slide 1">
  8.                 <div class="image-caption">
  9.                     <h1 class="titre-cms txt-blanc">{{ 'contact.titre' |trans({}, 'cms') |raw }}</h1>
  10.                 </div>
  11.             </div>
  12.         </div>
  13.     </div>
  15.     <div class="container margin-bottom-30">
  16.        
  17.         <div class="col-md-4 col-sm-6 col-xs-12 margin-top-10 padding-off">
  18.             <div class=" col-md-12 col-sm-12 col-xs-12 blanc padding-15 margin-bottom-20">
  19.                 <h4 class="presta-section">
  20.                     <div class="fiche-picto-plus"></div>{{ 'contact.formulaire.telephone.titre' |trans({}, 'app') |raw }}
  21.                 </h4>
  22.                 <div class="col-md-12 col-sm-12 col-xs-12">
  23.                     <h4 class="txt-bleu">
  24.                         <i class="glyphicon glyphicon-phone-alt"></i> {{ 'contact.formulaire.telephone.numero' |trans({}, 'app') |raw }}
  25.                         <br/>
  26.                         <span class="duree">{{ 'contact.formulaire.telephone.planning' |trans({}, 'app') |raw }}</span>
  27.                     </h4>
  28.                 </div>
  29.             </div>
  30.             <div class="col-md-12 col-sm-12 col-xs-12 blanc padding-15">
  31.                 <h4 class="presta-section">
  32.                     <div class="fiche-picto-plus"></div>{{ 'contact.formulaire.courrier.titre' |trans({}, 'app') |raw }}
  33.                 </h4>
  34.                 <div class="col-md-12 col-sm-12 col-xs-12">
  35.                     <h4 class="txt-bleu">
  36.                         <i class="glyphicon glyphicon-envelope"></i> 
  37.                         Ateya Vacances 
  38.                         <br>
  39.                         <span class="duree"> 
  40.                         {{ 'contact.formulaire.courrier.adresse' |trans({}, 'app') |raw }}
  41.                         <br>
  42.                         </span>
  43.                     </h4>
  44.                 </div>
  45.             </div>
  46.         </div>
  48.         <div class="col-md-8 col-sm-6 col-xs-12 margin-top-10 margin-bottom-20 padding-off-mobile">
  49.             <div class="col-md-12 col-sm-12 col-xs-12 blanc padding-15">
  50.                 <h4 class="presta-section">
  51.                     <div class="fiche-picto-plus"></div>{{ 'contact.formulaire.email.titre' |trans({}, 'app') |raw }}
  52.                 </h4>
  53.                 {{ form_start(formcontact) }}
  54.                 {{ form_errors(formcontact) }}
  55.                 <div class="col-md-6 col-sm-12 col-xs-12">
  56.                     <div class="input-formulaire ">
  57.                         <label>{{ 'contact.nom.label' |trans({}, 'form') |raw }}<sup>*</sup></label>
  58.                         {{ form_row(formcontact.nom) }}
  59.                     </div>
  60.                 </div>
  61.                 <div class="col-md-6 col-sm-12 col-xs-12">
  62.                     <div class="input-formulaire ">
  63.                         <label>{{ 'contact.prenom.label' |trans({}, 'form') |raw }}<sup>*</sup></label>
  64.                         {{ form_row(formcontact.prenom) }}
  65.                     </div>
  66.                 </div>
  67.                 <div class="col-md-6 col-sm-12 col-xs-12">
  68.                     <div class="input-formulaire ">
  69.                         <label>{{ 'contact.email.label' |trans({}, 'form') |raw }}<sup>*</sup></label>
  70.                         {{ form_row(formcontact.email) }}
  71.                     </div>
  72.                 </div>
  73.                 <div class="col-md-6 col-sm-12 col-xs-12">
  74.                     <div class="input-formulaire ">
  75.                         <label>{{ 'contact.societe.label' |trans({}, 'form') |raw }}</label>
  76.                         {{ form_row(formcontact.societe) }}
  77.                     </div>
  78.                 </div>
  79.                 <div class="col-md-6 col-sm-12 col-xs-12">
  80.                     <div class="input-formulaire ">
  81.                         <label>{{ 'contact.pays.label' |trans({}, 'form') |raw }}<sup>*</sup></label>
  82.                         {{ form_row(formcontact.pays) }}
  83.                     </div>
  84.                 </div>
  85.                 <div class="col-md-6 col-sm-12 col-xs-12">
  86.                     <div class="input-formulaire ">
  87.                         <label>{{ 'contact.telephone.label' |trans({}, 'form') |raw }}</label>
  88.                         {{ form_row(formcontact.telephone) }}
  89.                     </div>
  90.                 </div>
  91.                 <div class="col-md-12 col-sm-12 col-xs-12">
  92.                     <div class="input-formulaire2 ">
  93.                         <label>{{ 'contact.objet.label' |trans({}, 'form') |raw }}<sup>*</sup></label>
  94.                         {{ form_row(formcontact.objet) }}
  95.                        
  96.                     </div>
  97.                 </div>
  98.                 {#
  99.                 <div class="col-md-12 col-sm-12 col-xs-12">
  100.                     <div class="input-formulaire2 ">
  101.                         <label>{{ 'contact.destination.label' |trans({}, 'form') |raw }}</label>
  102.                         {{ form_row(formcontact.residence) }}
  103.                     </div>
  104.                 </div>
  105.                 #}
  106.                 <div class="col-md-12 col-sm-12 col-xs-12">
  107.                     <label for="comment">{{ 'contact.votre_message.label' |trans({}, 'form') |raw }}<sup>*</sup></label>
  108.                     {{ form_row(formcontact.message) }}
  109.                 </div>
  110.                 <div class="col-md-12 col-sm-12 col-xs-12 mention"><p>{{ 'champs_obligatoires' |trans({}, 'global') |raw }} </p></div>
  111.                 <div class="col-md-12 col-sm-12 col-xs-12 pull-right">
  112.                     <button type="submit" class="btn-ateya pull-right">{{ 'ancre.envoyer' |trans({}, 'app') |raw }}</button>
  113.                 </div>
  114.                 {{ form_row(formcontact.recaptcha) }}
  115.                 {{ form_end(formcontact) }}
  116.             </div>
  118.         </div>
  119.     </div>
  120. {% endblock %}