templates/public/footer/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title 'Contact' %}
  3. {% block body %}
  4.     {% include 'public/partials/blocks/_breadcrumd.html.twig' with { title : "Contact" } %}
  5.     <!-- MAP START -->
  6.     <section class="section pt-0 bg-light">
  8.         <div class="container mt-100 mt-60">
  9.             <div class="row align-items-center">
  10.                 <div class="col-lg-4">
  11.                     <div class="contact-item mt-40">
  12.                         <div class="float-left">
  13.                             <div class="contact-icon d-inline-block border rounded-pill shadow text-primary mt-1 mr-4">
  14.                                 <i class="mdi mdi-earth"></i>
  15.                             </div>
  16.                         </div>
  17.                         <div class="contact-details">
  18.                             <h4 class="text-dark mb-1">Site Web</h4>
  19.                             <p class="mb-0 text-muted">https://kidos.cse-lidldr10.fr</p>
  20.                         </div>
  21.                     </div>
  22.                 </div>
  24.                 <div class="col-lg-4">
  25.                     <div class="contact-item mt-40">
  26.                         <div class="float-left">
  27.                             <div class="contact-icon d-inline-block border rounded-pill shadow text-primary mt-1 mr-4">
  28.                                 <i class="mdi mdi-cellphone-iphone"></i>
  29.                             </div>
  30.                         </div>
  31.                         <div class="contact-details">
  32.                             <h4 class="text-dark mb-1">Téléphone</h4>
  33.                             <p class="mb-0 text-muted">+33 6 95 25 42 65</p>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  38.                 <div class="col-lg-4">
  39.                     <div class="contact-item mt-40">
  40.                         <div class="float-left">
  41.                             <div class="contact-icon d-inline-block border rounded-pill shadow text-primary mt-1 mr-4">
  42.                                 <i class="mdi mdi-email"></i>
  43.                             </div>
  44.                         </div>
  45.                         <div class="contact-details">
  46.                             <h4 class="text-dark mb-1">Email</h4>
  47.                             <p class="mb-0 text-muted">{{ email }}</p>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </section>
  54.     <!-- CONTACT END -->
  56.     <!-- CONTACT FORM START -->
  57.     <section class="section">
  58.         <div class="container">
  59.             <div class="row">
  60.                 <div class="col-lg-12">
  61.                     <h4 class="text-dark mb-0">Contactez-nous:</h4>
  62.                 </div>
  63.             </div>
  65.             <div class="row">
  66.                 <div class="col-lg-8 col-md-7 mt-4 pt-2">
  67.                     <div class="custom-form rounded border p-4">
  68.                         <div id="message"></div>
  69.                         <form method="post" name="contact-form" id="contact-form">
  70.                             <div class="row">
  71.                                 <div class="col-lg-6">
  72.                                     <div class="form-group app-label">
  73.                                         <label for="name2" class="text-muted">Nom</label>
  74.                                         <input value="{{ app.user ? app.user.fullName : '' }}" name="name" id="name2" required type="text" class="form-control resume"
  75.                                                placeholder="Entrez votre nom..">
  76.                                     </div>
  77.                                 </div>
  78.                                 <div class="col-lg-6">
  79.                                     <div class="form-group app-label">
  80.                                         <label for="email1" class="text-muted">Adresse email</label>
  81.                                         <input value="{{ app.user ? app.user.email : '' }}" name="email" required id="email1" type="email"
  82.                                                class="form-control resume" placeholder="Entrez votre email..">
  83.                                     </div>
  84.                                 </div>
  85.                                 <div class="col-lg-12">
  86.                                     <div class="form-group app-label">
  87.                                         <label for="subject" class="text-muted">Objet</label>
  88.                                         <input type="text" name="subject" class="form-control resume" id="subject"
  89.                                                placeholder="Objet..">
  90.                                     </div>
  91.                                 </div>
  92.                                 <div class="col-lg-12">
  93.                                     <div class="form-group app-label">
  94.                                         <label for="comments" class="text-muted">Message</label>
  95.                                         <textarea name="comments" required id="comments" is="markdown-editor" rows="5"
  96.                                                   class="form-control resume" placeholder="Message.."></textarea>
  97.                                     </div>
  98.                                 </div>
  99.                             </div>
  100.                             <div class="row">
  101.                                 <div class="col-sm-12">
  102.                                     <input type="submit" id="submit" name="send" class="submitBnt btn btn-primary"
  103.                                            value="Envoyer">
  104.                                     <div id="simple-msg"></div>
  105.                                 </div>
  106.                             </div>
  107.                         </form>
  108.                     </div>
  109.                 </div>
  111.                 <div class="col-lg-4 col-md-5 mt-4 pt-2">
  112.                     <div class="border rounded text-center p-4">
  113.                         <h5 class="text-dark pb-3">Info de Contact</h5>
  114.                         <div class="contact-location rounded mt-5 p-4">
  115.                             <div class="contact-location-icon bg-white text-primary rounded-pill">
  116.                                 <i class="mdi mdi-map-marker"></i>
  117.                             </div>
  118.                             <p class="text-muted pt-4 f-20 mb-0">1 BIS Rue du Lavoir 85290 Mortagne sur Sevre</p>
  119.                         </div>
  120.                         <h6 class="text-muted mt-4 mb-0">Partager</h6>
  121.                         <ul class="list-unstyled social-icon mt-3 mb-0">
  122.                             <li class="list-inline-item"><a href="javascript:void(0)" class=""><i
  123.                                             class="mdi mdi-facebook"></i></a></li>
  124.                             <li class="list-inline-item"><a href="javascript:void(0)" class=""><i
  125.                                             class="mdi mdi-twitter"></i></a></li>
  126.                             <li class="list-inline-item"><a href="javascript:void(0)" class=""><i
  127.                                             class="mdi mdi-whatsapp"></i></a></li>
  128.                             <li class="list-inline-item"><a href="javascript:void(0)" class=""><i
  129.                                             class="mdi mdi-instagram"></i></a></li>
  130.                             <li class="list-inline-item"><a href="javascript:void(0)" class=""><i
  131.                                             class="mdi mdi-linkedin"></i></a></li>
  132.                         </ul>
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </section>
  138.     <!-- CONTACT FORM END -->
  139. {% endblock %}