templates/home/contact.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block body %}
  5. <div class="section">
  6.             <div class="container-fluid px-0">
  7.                 <div class="banner-center bg-cover" style="background-image: url({{ asset("front/images/keyboard.jpg")}})">
  8.                     <div class="banner-center-caption text-center">
  9.                         <div class="banner-center-text1">K.S DENTAL</div><br>
  10.                         <div class="banner-center-text2"> Contacter Nous </div>
  11.                         <br>
  12.                         <a href="#contact" class="btn btn-white mt-5"><i class="icon-right-arrow"></i><span>Rendez-vous</span><i class="icon-right-arrow"></i></a>
  13.                     </div>
  14.                 </div>
  15.             </div>
  16. </div>
  19. <div class="mapouter"><div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=1920&amp;height=400&amp;hl=en&amp;q=ks dental casablanca&amp;t=&amp;z=16&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe><a href="https://gachanox.io/">Gacha Nox Download</a></div><style>.mapouter{position:relative;text-align:right;width:100%;height:400px;}.gmap_canvas {overflow:hidden;background:none!important;width:100%;height:400px;}.gmap_iframe {height:400px!important;}</style></div>
  20. <div class="section mt-5 mb-5">
  21.             <div class="container">
  22.                 <div class="row">
  23.                     <div class="col-md col-lg-5">
  24.                         <div class="pr-0 pr-lg-8">
  25.                             <div class="title-wrap">
  26.                                 <h2>NOUS CONTACTER - KS DENTAL</h2>
  27.                                 <div class="h-decor"></div>
  28.                             </div>
  29.                             <div class="mt-2 mt-lg-4">
  30.                                 <p style="font-size: 18px;">Prenez rapidement un rendez-vous avec votre médecin !</p>
  31.                             </div>
  32.                             <div class="mt-2 mt-md-5"></div>
  33.                             <h5>Suivez nous sur</h5>
  34.                             <div class="content-social mt-15">
  35.                                 <a href="https://www.facebook.com/" target="blank" class="hovicon"><i class="icon-facebook-logo"></i></a>
  36.                                 <a href="https://www.twitter.com/" target="blank" class="hovicon"><i class="icon-twitter-logo"></i></a>
  37.                                 <a href="https://plus.google.com/" target="blank" class="hovicon"><i class="icon-google-logo"></i></a>
  38.                                 <a href="https://www.instagram.com/" target="blank" class="hovicon"><i class="icon-instagram"></i></a>
  39.                             </div>
  40.                         </div>
  41.                     </div>
  42.                     <div class="col-md col-lg-6 mt-4 mt-md-0" id="contact">
  43.                       <form action="{{path('sendEmail')}}" method="post">
  45.                        
  47.                         <div id="contact_form">
  48.                             
  49.                             <label for="contact_form_firstName" class="required">First name</label>
  50.                             <input type="text" id="contact_form_firstName" name="contact_form[firstName]" required="required" class="form-control mt-15" placeholder="Nom*" label="">
  51.                             
  52.                             <div>
  53.                                 <label for="contact_form_lastName" class="required">Last name</label>
  54.                                 <input type="text" id="contact_form_lastName" name="contact_form[lastName]" required="required" class="form-control mt-15" placeholder="Prénom*" label="">
  55.                                 </div>
  56.                                 <div><label for="contact_form_object" class="required">Object</label>
  57.                                 <input type="text" id="contact_form_object" name="contact_form[object]" required="required" class="form-control mt-15" placeholder="Objet*" label=""></div>
  58.                                 <div><label for="contact_form_email" class="required">Email</label>
  59.                                 <input type="email" id="contact_form_email" name="contact_form[email]" required="required" class="form-control mt-15" placeholder="Email*" label=""></div>
  60.                                 <div><label for="contact_form_message" class="required">Message</label><textarea id="contact_form_message" name="contact_form[message]" required="required" class="form-control mt-15" placeholder="Message" label=""></textarea></div>
  61.                                 <input type="hidden" id="contact_form__token" name="contact_form[_token]" value="f6f02dac82829133ee.sbWdIqprLzIIizfu9LwmvuWEH3lN5OByCABGP4C2WI4.yNvLFd0AQGRk33uot91ii4H9fR4H16FEUVkBWu3CEd_k0uh4xzpJBjncAw"></div>
  62.                         
  63.                             <div class="mt-3">
  64.                                 <button type="submit" class="btn btn-hover-fill"><i class="icon-right-arrow"></i><span>Envoyer</span><i class="icon-right-arrow"></i></button>
  65.                             </div>
  66.                              
  67.                       </form>
  68. </div>
  69.                     </div>
  70.                 
  71.                 </div>
  72.             </div>
  73.         </div>
  76. {% endblock %}