templates/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ "metas.contact.titre"|trans }}{%  endblock %}
  4. {% block description %}{{ "metas.contact.desc"|trans }}{%  endblock %}
  6. {% block stylesheets %}
  7.     {{ encore_entry_link_tags('home') }}
  8. {% endblock %}
  10.  {% block javascripts %}
  11.      {{ encore_entry_script_tags('home') }}
  12.  {% endblock %}
  14. {% block body %}
  15.   <div id="blocContact">
  16.     <div class="container position-relative text-center">
  17.       <h2 class="text-dark">{{ "contact"|trans }}</h2>
  18.       <span><span><a href="{{ path('home')}}">Home</a></span> ยป <span>{{ "contact"|trans }}</span></span>
  19.     </div>
  20.   </div>
  22.   <div class="container mt-5 mb-2">
  23.     <div class="row">
  24.       <div class="col-md-3 mb-3">
  25.         <div class="p-4 bg-light text-blue text-center h-100">
  26.           <p class="pt-5" data-aos="zoom-in"  data-delay="5000"><i class=" fa fa-phone fa-3x"></i></p>
  27.           <p class="mb-0 h5 fw-bold"><a href="tel:+34 627 772 601">+34 627 772 601</a></p>
  28.           <p class="mb-0 h5 fw-bold"><a href="tel:+33 664 732 441">+33 664 732 441</a></p>
  29.         </div>
  30.       </div>
  32.       <div class="col-md-3 mb-3">
  33.         <div class="p-4 bg-light text-blue text-center h-100">
  34.           <p class="pt-5" data-aos="zoom-in"  data-delay="5000"><i class=" fa fa-envelope fa-3x"></i></p>
  35.           <p class="mb-0 h5 fw-bold"><a href="mailto:info@cabinet-medical.eu">info@cabinet-medical.eu</a></p>
  36.         </div>
  37.       </div>
  39.       <div class="col-md-3 text-grey mb-3">
  40.         <div class="p-4 bg-light text-center h-100">
  41.           <p data-aos="zoom-in"  data-delay="5000"><i class="text-blue fa fa-clock-o fa-3x"></i></p>
  42.           {{ 'footer.horaires.desc'|trans|raw }}
  43.         </div>
  44.       </div>
  46.       <div class="col-md-3 text-grey mb-3">
  47.         <div class="p-4 bg-light text-center h-100">
  48.           <p class="pt-2" data-aos="zoom-in"  data-delay="5000"><i class="text-blue fa fa-map-marker fa-3x"></i></p>
  49.           {{ 'footer.adresse.desc'|trans|raw }}
  50.         </div>
  51.       </div>
  52.     </div>
  53.   </div>
  55.   <div class="container">
  56.     <div class="row">
  57.       <div class="col-lg-6">
  58.         <h2 style="text-align: left;">{{ "form_contact.title"|trans }}</h2>
  60.         {% include 'includes/messages-flash.html.twig' %}
  62.         {{ form_start(form) }}
  63.           {{ form_row(form) }}
  64.           <div class="pt-3 pb-3">
  65.             <button class="btn btn-lg btn-primary" type="submit">{{ "envoyer"|trans }}</button>
  66.           </div>
  67.         {{ form_end(form) }}
  68.       </div>
  69.       <div class="col-lg-6">
  70.         <img src="{{ asset('images/cabinet-medical-empuriabrava.jpg')}}" class="w-100" alt="cabinet" />
  71.         <div class="pt-3">
  72.           <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1476.6446764107154!2d3.112994!3d42.250993!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12ba613f790ddf69%3A0xee65496f247c62fa!2sDr%20Marc%20Adasy%20-%20Cabinet%20M%C3%A9dical%20%C3%84rztezentrum%20Medical%20Clinic!5e0!3m2!1ses!2ses!4v1716380738820!5m2!1ses!2ses" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  73.         </div>
  74.       </div>
  75.     </div>
  76.   </div>
  77. {% endblock %}