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

Open in your IDE?
  1. {% extends 'layouts/front.html.twig' %}
  3. {% block bodyClass %}interne{% endblock %}
  5. {% block content %}
  6.     <section class="title-page cours-page contact-" style="background:url({{ asset('build/images/image-contact.jpg') }})">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="head_page">
  10.                     <div class="head head_contact"> N'hésitez pas à nous contacter et nos conseillers <br>
  11.                         vous guideront dans toutes vos démarches.
  12.                     </div>
  13.                     <div class="sperateur"></div>
  14.                     <div class="tel-footer">
  15.                         <a href="tel:{{ 'phone'|getSacoParameter }}"> <i class="icon icon-phone-call"> </i> {{ 'phone'|getSacoParameter }} </a>
  16.                     </div>
  17.                     <div class="adresse">
  18.                         <div class="title_adr"> Saco France</div>
  19.                         <ul>
  20.                             <li>
  21.                                 <div class="adr"> Paris</div>
  22.                                 <div class="line"> —</div>
  23.                                 <p>{{ 'adresse_paris'|getSacoParameter }}
  24.                                 <p>
  25.                                     <a href="mailto:{{ 'email_paris'|getSacoParameter }}"> {{ 'email_paris'|getSacoParameter }} </a>
  26.                             </li>
  27.                             <li>
  28.                                 <div class="adr"> Bordeaux</div>
  29.                                 <div class="line"> —</div>
  30.                                 <p>{{ 'adresse_bordeaux'|getSacoParameter }}
  31.                                 <p>
  32.                                     <a href="mailto:{{ 'email_bordeaux'|getSacoParameter }}"> {{ 'email_bordeaux'|getSacoParameter }} </a>
  33.                             </li>
  35.                         </ul>
  36.                     </div>
  37.                 </div>
  39.             </div>
  40.         </div>
  41.     </section>
  42.     <section class="breadcumbs">
  43.         <div class="container">
  44.             <div class="row">
  45.                 <div class="crumbs"><a href="#"> Home </a> > <a href=""> Contact </a></div>
  46.             </div>
  47.         </div>
  48.     </section>
  51.     <section class="contact_page">
  52.         <div class="container">
  53.             <div class="row">
  54.                 <div class="col-md-6 col-sm-6 col-xs-12" style="padding: 0 !important;">
  55.                     <img src="{{ asset('build/images/map.jpg') }}">
  56.                 </div>
  57.                 <div class="col-md-6 col-sm-6 col-xs-12" style="padding-left: 50px ">
  58.                     <div class="title_contact">
  59.                         Vous êtes intéressés <br>
  60.                         ou vous souhaitezavoir <br>
  61.                         plus d'informations ?
  62.                     </div>
  63.                     <div class="sperateur"></div>
  64.                     <div class="formulaire">
  65.                         <form class="contact">
  66.                             <div class="row-group">
  67.                                 <input type="mail" name="email" placeholder="Email" required />
  68.                                 <small class="form-text text-danger" style="display: none;">Ce champ est obligatoire.</small>
  69.                                 <small class="form-text text-danger email-not-valid" style="display: none;">Vous devez saisir un email valid.</small>
  70.                             </div>
  71.                             <div class="row-group">
  72.                                 <input type="text" name="subject" placeholder="Sujet" required />
  73.                                 <small class="form-text text-danger" style="display: none;">Ce champ est obligatoire.</small>
  74.                             </div>
  75.                             <div class="row-group">
  76.                                 <textarea name="message" placeholder="Message" required ></textarea>
  77.                                 <small class="form-text text-danger" style="display: none;">Ce champ est obligatoire.</small>
  78.                             </div>
  79.                             <div class="form-group">
  80.                                 <button type="button" class="submit enabled">
  81.                                     <i class="icon icon-left-arrow gly-rotate"> </i> Envoyer
  82.                                 </button>
  83.                                <img class="submit disabled" src="{{ asset('build/images/loading.gif') }}" style="width: 80px; height: 80px; margin-left: 40%; display: none;">
  84.                                 <small class="form-text success text-success" style="display: none;">Votre message à été transféré.</small>
  85.                             </div>
  86.                         </form>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.     </section>
  92. {% endblock %}
  94. {% block faq %}
  95. {% endblock %}