templates/front/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block banniere %}
  4.     <secion class="banner-section">
  5.     </secion>
  6. {% endblock %}
  8. {% block contenu %}
  9.     <section class="pt-100 pb-125">
  10.         <div class="container">
  11.             <div class="sect-title text-center">
  12.                 <div class="h1">
  13.                     Contacter l’Ecole de Surf de la Côte Sauvage
  14.                 </div>
  15.             </div>
  16.             <div class="text-1 text-center mb-75">
  17.                 Vous avez des questions ? Vous voulez recevoir un devis sur-mesure ou réserver sans passer par
  18.                 le paiement en ligne ? Nous sommes là pour répondre à tous vos messages !
  19.             </div>
  20.             {% set messages = app.flashes('success') %}
  21.             <div class="row {% if (messages | length == 0) %} align-items-center {% endif %}">
  22.                 <div class="col-xl-8 mb-40 wow slideInLeft" data-wow-delay="1s">
  23.                     <div class="form-box">
  24.                         <div class="sect-title text-center">
  25.                             <div class="h1" style="font-size: 30px;">
  26.                                 Formulaire de contact
  27.                             </div>
  28.                         </div>
  30.                         {% if (messages | length == 0) %}
  31.                         <div class="text-cont text-center mb-35">
  32.                             {% set error_messages = app.flashes('error') %}
  33.                             
  34.                             {% if (error_messages | length != 0) %}
  35.                             <span style="color: red">{{ error_messages[0] | raw }}</span>
  36.                             {% endif %}
  37.                             Merci de remplir tous les champs du formulaire afin de recevoir une réponse rapide
  38.                         </div>
  39.                         <form action="{{ path('app_contact') }}" method="post" class="form-contact">
  40.                             <div class="row">
  41.                                 <div class="col-lg-6 col-sm-6 mb-30">
  42.                                     {{ form_widget(form.nom, { attr : { class : 'form-control', placeholder : 'Votre Nom'}}) }}
  43.                                 </div>
  44.                                 <div class="col-lg-6 col-sm-6 mb-30">
  45.                                     {{ form_widget(form.prenom, { attr : { class : 'form-control' , placeholder : 'Votre Prénom'}}) }}
  46.                                 </div>
  47.                                 <div class="col-xl-3 col-lg-5 col-sm-6 mb-30">
  48.                                     {{ form_widget(form.telephone, { attr : { class : 'form-control' , placeholder : 'Téléphone'}}) }}
  49.                                 </div>
  50.                                 <div class="col-xl-9 col-lg-7 col-sm-6 mb-30">
  51.                                     {{ form_widget(form.email, { attr : { class : 'form-control' , placeholder : 'Email'}}) }}
  52.                                 </div>
  53.                                 <div class="col-xl-12 col-lg-12 col-sm-12 mb-30">
  54.                                     {{ form_widget(form.sujet, { attr : { class : 'form-control' , placeholder : 'Sujet'}}) }}
  55.                                 </div>
  56.                                 <div class="col-xl-12 col-lg-12 col-sm-12 mb-45">
  57.                                     {{ form_widget(form.message, { attr : { class : 'form-control' , placeholder : 'Votre Message'}}) }}
  58.                                 </div>
  59.                                 <div class="col-md-6 text-md-right text-center mb-40 ">
  60.                                     <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
  61.                                     <div class="h-captcha" data-sitekey="da06e3d6-c619-4d35-b957-0eabb7cd6673"></div>
  62.                                 </div>
  63.                                 <div class="col-md-6 text-md-left text-center mb-35 ">
  64.                                     {{ form_rest(form) }}
  65.                                     <button class="btn-1" type="submit"
  66.                                        style="background-color: #fdfdfd;min-width: 180px;"><span>ENVOYER</span>
  67.                                         <div class="wave"></div>
  68.                                     </button>
  69.                                 </div>
  70.                             </div>
  71.                         </form>
  72.                         <div class="text-cont-1 text-center">
  73.                             En vous envoyant ce formulaire, j'accepte que les informations saisies soient
  74.                             exploitées dans le cadre de la demande de contact et de la relation commerciale qui
  75.                             peut en découler.
  76.                         </div>
  77.                         {% else %}
  78.                         <div class="text-cont-1 text-center text-success">
  79.                             {{ messages[0] | raw }}
  80.                         </div>
  81.                         {% endif %}
  82.                     </div>
  83.                 </div>
  84.                 <div class="col-xl-4 pl-xl-5 wow slideInRight" data-wow-delay="1.5s">
  85.                     <div class="sect-title ">
  86.                         <div class="h1" style="font-size: 30px;">
  87.                             Nos coordonnées
  88.                         </div>
  89.                     </div>
  90.                     {#<div class="text-cont mb-30">
  91.                         L’équipe de l’ESCS est disponible tous les jours de --h à --h de juin à septembre et de
  92.                         --h à --h le reste de l’année.
  93.                     </div>#}
  94.                     <div class="item-contact">
  95.                         <img src="{{ asset('front/images/c-1.png') }}" alt="telephone ecole de surf cote sauvage">
  96.                         <div class="title">
  97.                             téléphone
  98.                         </div>
  99.                         <div class="desc">
  100.                             <b>Appelez-nous au</b> <br> <a href="tel:06 78 36 24 40"><b>06 78 36 24 40</b></a>
  101.                         </div>
  102.                     </div>
  103.                     <div class="item-contact">
  104.                         <img src="{{ asset('front/images/c-2.png') }}" alt="adresse ecole de surf cote sauvage ESCS">
  105.                         <div class="title">
  106.                             ADRESSE
  107.                         </div>
  108.                         <div class="desc">
  109.                             <b>À LA PALMYRE<br>d'avril à octobre</b><br>
  110.                             Ecole de Surf Côte Sauvage 17 <br>
  111.                             26 avenue du Limousin <br>
  112.                             17570 La Palmyre<br><br>
  113.                             <b>PLAGE DE LA BOUVERIE<br>en juillet et août</b> <br>
  114.                             La tente de l'école se situe à gauche du caillebotis en descendant face à la mer<br>
  115.                         </div>
  116.                     </div>
  117.                     <div class="item-contact">
  118.                         <img src="{{ asset('front/images/c-3.png') }}" alt="contacter ecole de surf cote sauvage">
  119.                         <div class="title">
  120.                             EMAIL
  121.                         </div>
  122.                         <div class="desc">
  123.                             <b>Vous pouvez nous joindre par mail à l’adresse :</b> <br>
  124.                             contact(at)ecole-de-surf.fr <br>
  125.                             ou en utilisant le formulaire présent sur cette page.
  126.                         </div>
  127.                     </div>
  128.                     <div class="item-contact">
  129.                         <img src="{{ asset('front/images/c-4.png') }}" alt="ecole de surf cote sauvage">
  130.                         <div class="title">
  131.                             réseaux
  132.                         </div>
  133.                         <div class="desc">
  134.                             <b>Retrouvez-nous sur ces pages pour suivre notre actualités et profiter de promos
  135.                                 exclusives :</b>
  136.                         </div>
  137.                         <div class="social-cont">
  138.                             <a href="https://www.facebook.com/surf.la.palmyre"><i class="fa fa-facebook"></i></a>
  139.                             <a href="https://www.instagram.com/ecoledesurfdelacotesauvage/"><i class="fa fa-instagram"></i></a>
  140.                         </div>
  141.                     </div>
  142.                 </div>
  143.             </div>
  144.             <div class="row wow fadeInUp" data-wow-delay="2s">
  145.             <div class="col-12" style="text-align:center !important;clear:both;"><h2>Les deux points d'accueils de l'ESCS</h2></div>
  146.                 <div class="col-xl-6" style="margin-top:30px;">
  147. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d33079.50275092605!2d-1.2053267577117208!3d45.696702570667455!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48017c6b6ede49e9%3A0x4c8147a3fe98c533!2sESCS%20ECOLE%20DE%20SURF%20de%20la%20COTE%20SAUVAGE!5e0!3m2!1sfr!2smg!4v1668364024241!5m2!1sfr!2smg" width="100%" height="400px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  148.                 </div>
  149.                                 <div class="col-xl-6" style="margin-top:30px;">
  150.                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d57800.53006617984!2d-1.211143007763043!3d45.71817550826835!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48017d482ce66149%3A0xaf8bccde442ffa44!2sESCS%20ECOLE%20DE%20SURF%20de%20la%20COTE%20SAUVAGE%20-%20Bouverie%20beach!5e0!3m2!1sfr!2sfr!4v1720804428228!5m2!1sfr!2sfr" width="100%" height="400px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  151.                 </div>
  153.             </div>
  154.         </div>
  155.     </section>
  156. {% endblock %}