templates/frontend/contact/index.html.twig line 4

Open in your IDE?
  1. {% extends 'frontend/frontindex/add.html.twig' %}
  2. {% block seo %}
  3.     {{ render(path(
  4.         'seo',
  5.         { 'page':27 }
  6.     )) }}
  7. {% endblock %}
  8. {% block title %}ATU Contact
  9. {% endblock %}
  10. {% block body %}
  11.     <section class="breadcrumbs" style="background-image:url('../front-assets/assets/img/breadcrumb-bg.jpg')">
  12.         <div class="container">
  13.             <div class="row">
  14.                 <div class="col-lg-6 offset-lg-3 col-12">
  15.                     <div class="breadcrumb-content">
  16.                         <h1>{{'%Contact_us%'|trans}}</h1>
  17.                         <ul class="breadcrumb-menu">
  18.                             <li>
  19.                                 <a href="{{path('app_accueil')}}">{{'%Home%'|trans}}</a>
  20.                                 <i class="fa fa-angle-double-right"></i>
  21.                             </li>
  22.                             <li>
  23.                                 <a href="#">{{'%Contact_us%'|trans}}</a>
  24.                             </li>
  25.                         </ul>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </section>
  31.     <section class="contact-area" id="contact">
  32.         <div class="container">
  33.             <div class="row">
  34.                 <div class="col-8 offset-2">
  35.                     {% for message in app.flashes('Success') |slice(0,1) %}
  36.                         <div class="alert alert-success text-center">
  37.                             {{ message }}
  38.                         </div>
  39.                     {% endfor %}
  40.                     {% for message in app.flashes('error') |slice(0,1) %}
  41.                         <div class="alert alert-danger text-center">
  42.                             {{ message }}
  43.                         </div>
  44.                     {% endfor %}
  45.                 </div>
  46.             </div>
  47.             <div class="row">
  48.                 <div class="col-12 wow fadeInUp" data-wow-delay="0.2s">
  49.                     <div class="contact-inner">
  50.                         <div class="row">
  51.                             <div class="col-lg-8 col-12">
  52.                                 {{ form_start (form,{'attr': {'novalidate': 'novalidate','id':'Contact-form'}}) }}
  53.                                 <div class="contact-form">
  54.                                     <div class="row">
  55.                                         <div class="col-lg-6 col-md-6 col-12">
  56.                                             <div class="form-error">
  57.                                                 {{ form_errors(form.nom) }}
  58.                                             </div>
  59.                                             <div class="form-group">
  60.                                                 {{ form_widget(form.nom, { 'attr': {'placeholder': '%nom%'|trans,'required': 'required'} }) }}
  61.                                             </div>
  62.                                         </div>
  63.                                         <div class="col-lg-6 col-md-6 col-12">
  64.                                             <div class="form-error">
  65.                                                 {{ form_errors(form.email) }}
  66.                                             </div>
  67.                                             <div class="form-group">
  68.                                                 {{ form_widget(form.email, { 'attr': {'placeholder': '%Email%'|trans,'required': 'required'} }) }}
  69.                                             </div>
  70.                                         </div>
  71.                                         <div class="col-lg-6 col-md-6 col-12">
  72.                                             <div class="form-error">
  73.                                                 {{ form_errors(form.tel) }}
  74.                                             </div>
  75.                                             <div class="form-group">
  76.                                                 {{ form_widget(form.tel, { 'attr': {'placeholder': '%Phone%'|trans,'required': 'required'} }) }}
  77.                                             </div>
  78.                                         </div>
  79.                                         <div class="col-lg-6 col-md-6 col-122">
  80.                                             <div class="form-error">
  81.                                                 {{ form_errors(form.sujet) }}
  82.                                             </div>
  83.                                             <div class="form-group">
  84.                                                 {{ form_widget(form.sujet,{'attr':{'placeholder':'%Sujet%'|trans,'required': 'required' }}) }}
  85.                                             </div>
  86.                                         </div>
  87.                                         <div class="col-12">
  88.                                             <div class="form-error">
  89.                                                 {{ form_errors(form.message) }}
  90.                                             </div>
  91.                                             <div class="form-group">
  92.                                                 {{ form_widget(form.message,{'attr':{'placeholder':'%message%'|trans, 'required': 'required' }}) }}
  93.                                             </div>
  94.                                         </div>
  95.                                         <div class="col-lg-6 col-12">
  96.                                             <div class="contact-theme-btn">
  97.                                                 <div class="g-recaptcha" data-sitekey="6LeTWH4oAAAAADWKt9TXkxvphBZBzVw7jcifaVXh"></div>
  98.                                                 <br/>
  99.                                                 <input
  100.                                                 type="submit" value="Submit" class="theme-btn">
  101.                                             {# <button id="submit-button" type="submit" class="theme-btn" class="g-recaptcha" data-sitekey="6LfUfXUoAAAAAD7jRYJ3120Um-iMoterJ6YwnnD3" data-callback="onSubmit" data-action="submit">{{'%Envoyer%'|trans}}
  102.                                                                                                                                                                                                                                                                                     </button> #}
  103.                                             </div>
  104.                                         </div>
  105.                                         <div class="col-12 my-2">
  106.                                             <div class="form-messege text-success"></div>
  107.                                         </div>
  108.                                     </div>
  109.                                 </div>
  110.                                 {{ form_end(form) }}
  111.                             </div>
  112.                             <div class="col-lg-4 col-12" _>
  113.                                 <div class="contact-details" style="background-image:url('../front-assets/assets/img/contact2.jpg')">
  114.                                     <div class="contact-details-title">
  115.                                         <span>{{'%Contact_us%'|trans}}</span>
  116.                                         <h2>{{'%Entrerencontact%'|trans}}</h2>
  117.                                     </div>
  118.                                     <div class="single-c-details">
  119.                                         <i class="fa fa-map-marker-alt"></i>
  120.                                         <div class="single-c-content">
  121.                                             <h5>{{'%Address%'|trans}}</h5>
  122.                                             <a href="https://www.google.tn/maps/place/Association+Tunisienne+d'Urologie/@36.8259824,10.179196,18z/data=!3m1!4b1!4m5!3m4!1s0x12fd3485418444d7:0x345b04235218d04f!8m2!3d36.8259824!4d10.1802903?hl=fr" target="_blank">
  123.                                                 <span>{{'%adresseATU%'|trans}}</span>
  124.                                             </a>
  125.                                         </div>
  126.                                     </div>
  127.                                     <div class="single-c-details">
  128.                                         <i class="fa fa-phone"></i>
  129.                                         <div class="single-c-content">
  130.                                             <h5>{{'%Phone%'|trans}}</h5>
  131.                                             <span>
  132.                                                 <a href="tel:+21698303090" class="text-white">+216 98 303 090</a>
  133.                                             </span>
  134.                                         </div>
  135.                                     </div>
  136.                                     <div class="single-c-details">
  137.                                         <i class="fa fa-envelope"></i>
  138.                                         <div class="single-c-content">
  139.                                             <h5>{{'%E-mail%'|trans}}</h5>
  140.                                             <span>
  141.                                                 <a href="mailto:urotunisia22@gmail.com" class="text-white">urotunisia22@gmail.com</a>
  142.                                             </span>
  143.                                             {# <span><a href="mailto:zribi.ahmedsaid@yahoo.fr" class="text-white">zribi.ahmedsaid@yahoo.fr</a></span> #}
  144.                                         </div>
  145.                                     </div>
  146.                                 </div>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.     </section>
  154.     <div class="maps-area">
  155.         <div
  156.             class="main-maps">
  157.             {# <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d798.728534411892!2d10.180569!3d36.796609!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc9d2f777a81b9d9c!2sBarcelone!5e0!3m2!1sen!2sus!4v1659438347591!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> #}
  158.             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1596.8442769586347!2d10.179195958155608!3d36.82598239498581!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd3485418444d7%3A0x345b04235218d04f!2sAssociation%20Tunisienne%20d&#39;Urologie!5e0!3m2!1sfr!2stn!4v1670333520446!5m2!1sfr!2stn" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  159.         </div>
  160.     </div>
  161. {% endblock %}
  162. {% block js %}
  163.     {{parent()}}
  164. {% endblock %}