templates/default/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block body %}
  6. <div class="page-title-area">
  7.         <div class="d-table">
  8.             <div class="d-table-cell">
  9.                 <div class="container">
  10.                     <div class="page-title-content">
  11.                         <h2>Nous contacter</h2>
  12.                         <ul>
  13.                             <li><a href="{{path('app_default')}}">Accueil</a>
  14.                             </li>
  15.                             <li>Contact</li>
  16.                         </ul>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </div>
  22.     <!-- End Page Title Area -->
  23.     
  24.     <!-- Start Contact Section -->
  25.     <div class="contact-section section-padding">
  26.         <div class="container">
  27.             <div class="row">
  28.                 <div class="col-lg-4 col-md-12">
  29.                     <div class="contact-information-box-3">
  30.                         <div class="row">
  31.                             <div class="col-lg-12 col-md-12 col-sm-12">
  32.                                 <div class="single-contact-info-box">
  33.                                     <div class="contact-info">
  34.                                         <h6 style="font-weight:bold">Adresse:</h6>
  35.                                         <p>2 rue de Montvaux,</p>
  36.                                         <p>57865, AMANVILLERS</p>
  37.                                     </div>
  38.                                     <div class="contact-info-bg-icon">
  39.                                         <i class="pe-7s-map-marker"></i>
  40.                                     </div>
  41.                                 </div>
  42.                             </div>
  43.                             <div class="col-lg-12 col-md-12 col-sm-12">
  44.                                 <div class="single-contact-info-box">
  45.                                     <div class="contact-info">
  46.                                         <h6 style="font-weight:bold">Téléphone :</h6>
  47.                                         <p><a href="tel:0033387645258">03 87 64 52 58</a></p>
  48.                                         <p><a href="tel:0033785864783">07 85 86 47 83</a></p>
  49.                                     </div>
  50.                                     <div class="contact-info-bg-icon">
  51.                                         <i class="pe-7s-call"></i>
  52.                                     </div>
  53.                                 </div>
  54.                             </div>
  55.                             <div class="col-lg-12 col-md-12 col-sm-12">
  56.                                 <div class="single-contact-info-box">
  57.                                     <div class="contact-info">
  58.                                         <h6 style="font-weight:bold">Email:</h6>
  59.                                         <p><a href="mailto:jkcformations@gmail.com ">jkcformations@gmail.com </a></p>
  60.                                     </div>
  61.                                     <div class="contact-info-bg-icon">
  62.                                         <i class="pe-7s-mail"></i>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.                 <div class="col-lg-8 col-md-12">
  70.                     <div class="contact-form contact-form-3">
  71.                         
  72.                         {% if app.request.get('message') %}
  74.                         {% if app.request.get('message') == 'success' %}
  75.                         <div class="alert alert-success" role="alert">
  76.                             Votre message a bien été envoyé, vous serez recontacté dans les 24h.
  77.                             </div>
  78.                         {% else %}
  79.                         <div class="alert alert-danger" role="alert">
  80.                             Une erreur s'est produite lors de l'envoi du message. Merci de nous contacter par téléphone.
  81.                             </div>
  82.                         {% endif %}
  84. {% endif %}
  87.                         <form id="contact-form" class="form" action="{{path('envoiMail')}}" method="POST">
  88.                             <div class="row">
  89.                                 <div class="col-lg-6 col-md-12">
  90.                                     <div class="form-group">
  91.                                         <input type="text" name="nom" id="name" class="form-control" required placeholder="Votre Nom"> </div>
  92.                                 </div>
  93.                                 <div class="col-lg-6 col-md-12">
  94.                                     <div class="form-group">
  95.                                         <input type="text" name="prenom" id="subject" class="form-control" required placeholder="Votre Prénom"> </div>
  96.                                 </div>
  97.                                 <div class="col-lg-6 col-md-12">
  98.                                     <div class="form-group">
  99.                                         <input type="text" name="tel" id="phone" required class="form-control" placeholder="Votre Téléphone"> </div>
  100.                                 </div>
  101.                                 <div class="col-lg-6 col-md-12">
  102.                                     <div class="form-group">
  103.                                         <input type="email" name="email" id="email" class="form-control" required placeholder="Votre Mail"> </div>
  104.                                 </div>
  105.                                 <div class="col-lg-12 col-md-12">
  106.                                     <div class="form-group">
  107.                                         <textarea name="commentaire" class="form-control" id="message" cols="30" rows="6" required placeholder="Votre Message"></textarea>
  108.                                     </div>
  109.                                 </div>
  110.                                 
  111. <div class="col-lg-6 col-md-6">
  112.                                 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  113. <div class="g-recaptcha" data-sitekey="6Lct2FsiAAAAAB7spcA4hA64ov4DOxD7qYEr5FQo"></div>
  114. </div>
  116.                                 <div class="col-lg-6 col-md-6">
  117.                                     <button type="submit" class="btn-style-three-js">Envoyer<span></span></button>
  118.                                 </div>
  119.                             </div>
  120.                         </form>
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.         </div>
  125.     </div>
  126.     <!-- End Contact Section -->
  128.     <script src="{{asset('assets/js/owl.carousel.min.js')}}"></script>
  129.     <!-- Gmap3 Min JS -->
  130.     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJ_mGhah8EApmFiXYYBsdBuygviP2M2EE"></script>
  131.     <script src="{{asset('assets/js/gmap3.min.js')}}"></script>
  132.     <!-- Google Map JS -->
  133.     <script src="{{asset('assets/js/wow.min.js')}}"></script>
  134.     <!-- Ajax Mail JS -->
  135.     
  136.         
  137.     </div>
  138.     <!-- End Page Title Area -->
  139.     
  140.     
  141.     
  142.     
  143.     <!-- End Counter Section -->
  144.     <!-- Start Tabs Solutions Section -->
  145.     <section class="tab-section home-2-tab section-padding">
  146.         <div class="container">
  147.             <div class="tab solutions-list-tab">
  148.               
  149.                
  150.             </div>
  151.         </div>
  152.     </section>
  153. {% endblock %}