{% extends 'base.html.twig' %}{% block body %} <section class="page-section" id="contact"> <section class="contact_us"> <div class="container"> <div class="row_contact"> <div class="col-md-10 offset-md-1"> <div class="contact_inner"> <div class="row_contact"> <div class="col-md-10"> <div > <div class="contact_field"> <h3>Contactez-nous </h3> <p>N'hésitez pas à nous contacter à tout moment. Nous vous répondrons dès que possible !.</p> {{form_start(formcontact,{'attr':{'class':"contact-form" , "id" : "contactForm"} })}} <div id="form"> <div class="row_line align-items-stretch mb-5"> <div class="col-md-6"> <div class="form-group" > {{form_widget(formcontact.Nom,{'attr':{'class':"form-controls form-contact-check", "placeholder":"Votre Nom *", "value":null}}) }} </div> <div class="form-group"> {{form_widget(formcontact.Email,{'attr':{'class':"form-controls form-contact-check", "placeholder":"Votre Email *", "value":null}}) }} </div> <div class="form-group mb-md-0"> {{form_widget(formcontact.Telephone,{'attr':{'class':"form-controls form-contact-check", "placeholder":"Votre Télephone *", "value":null}}) }} </div> </div> <div class="col-md-6"> <div class="form-group"> {{form_widget(formcontact.Sujet,{'attr':{'class':"form-controls form-contact-check", "placeholder":"Votre Sujet *", "value":null}}) }} </div> <div class="form-group form-group-textarea mb-md-0"> {{form_widget(formcontact.Message,{'attr':{'class':"form-controls form-contact-check", "placeholder":"Votre Message *", "value":""}}) }} </div> </div> </div> </div> <div> <div class="d-none text-center text-danger mb-3">Error sending messageonload!</div> </div> <div class="text-center"> <button class="contact_form_submit" id="submit-form-contact">Envoyer Message</button> <div id="reponseModal" class="modal-succes modal d-none"> <div class="modal-content-succes"> <div class="modal-header1"> <span class="closeBtn">×</span> <h2>Xper Web Plus Agency</h2> </div> <div> <p>Votre Message a bien été Envoyé! </p> <p>Merci d’avoir pris le temps de nous contacter via notre formulaire. Votre message a bien été transmis à nos équipes, nous vous répondrons dans les plus brefs délais.</p> </div> <div class="modal-footer1"> <h3> Merci Pour Votre Message </h3> </div> </div> </div> </div> {{form_end(formcontact)}} </div> </div> </div> <div class="col-md-2"> <div class="right_conatct_social_icon d-flex align-items-end"> </div> </div> </div> <div class="contact_info_sec"> <h4>Contact Info</h4> <div class="d-flex info_single align-items-center"> <i class="fas fa-headset"></i> <span>+216 70 293 400</span> </div> <div class="d-flex info_single align-items-center"> <i class="fas fa-envelope-open-text"></i> <span>contact@Xperwebplus</span> </div> <div class="d-flex info_single align-items-center"> <i class="fas fa-map-marked-alt"></i> <span> Avenue Des Nevers 8050 Hammamet, Nabeul, Tunisie</span> </div> </div> </div> </div> </div> </div> </section> <section class="map_sec"> <div class="container"> <div class="row_contact"> <div class="col-md-10 offset-md-1"> <div class="map_inner"> <h4>Trouvez-nous sur Google Map</h4> <p>Xper Web Plus est un prestataire de service en informatique SSII spécialiste en développement sur-mesure de site web spécifique et de Web API. Xper Web Plus intervient auprès de clients grands comptes dont la plupart sont basée à Paris, elle s'adresse aux agences de voyages, aux tour opérateurs et aux professionnels de l'hébergement et du réceptif.</p> <div class="map_bind"> <iframe class="iframe" src= "{{ googl_maps }}"></iframe> </div> </div> </div> </div> </div> </section></section> {% endblock body %}