templates/templates/contacts.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/layout.html.twig" %}
  3. {% block body %}
  4. <section class="page image-blocks image-blocks-category">
  5.     <div class="position-relative">
  6.         <div class="page-header" style="background-image:url({{ asset('HotelImages/details/25.jpg') }})">
  7.             <div class="container">
  8.                 <div class="page-title">
  9.                     <h2 class="title">{{ 'Contacts'|trans }}</h2>
  10.                     <p>{{ 'Contact information'|trans }}</p>
  11.                 </div>
  12.             </div>
  13.         </div>
  14.     </div>
  15.     <div class="contact">
  16.         <div class="container">
  17.             <!-- === Google map === -->
  19.             <div class="map" id="map">
  20.                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3071.9564784614076!2d-0.4197690999999999!3d39.650694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd60432f647402c9%3A0xd3b1d9d666d50bee!2zQy4gZGUgbGEgRmVsaWNpZGFkLCA1LCA0NjExOSBOw6FxdWVyYSwgVmFsZW5jaWEsINCY0YHQv9Cw0L3QuNGP!5e0!3m2!1sru!2sid!4v1683732898431!5m2!1sru!2sid" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  21.             </div>
  23.             <div class="row">
  25.                 <div class="col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1">
  27.                     <!-- === Contact block === -->
  29.                     <div class="contact-block">
  31.                         <!-- === Contact banner === -->
  33.                         <div class="banner">
  34.                             <div class="row">
  35.                                 <div class="col-md-offset-1 col-md-10 text-center">
  36.                                     <h2 class="title">{{ 'Send an email'|trans }}</h2>
  37.                                     <p>
  38.                                         {{ 'Please use this form if you have any questions about our products <br/> and we\'ll get back with you very soon.'|trans|raw}}
  39.                                     </p>
  41.                                     <div class="contact-form-wrapper">
  43.                                         <a class="btn btn-clean open-form" data-text-open="Contact us via form" data-text-close="Close form">{{ 'Contact us via form'|trans }}</a>
  45.                                         <div class="contact-form clearfix">
  46.                                             <form action="#" method="post">
  47.                                                 <div class="row">
  48.                                                     <div class="col-md-6">
  49.                                                         <div class="form-group">
  50.                                                             <input type="text" value="" class="form-control" placeholder="{{ 'Your name'|trans }}" required="required">
  51.                                                         </div>
  52.                                                     </div>
  54.                                                     <div class="col-md-6">
  55.                                                         <div class="form-group">
  56.                                                             <input type="email" value="" class="form-control" placeholder="{{ 'Your email'|trans }}" required="required">
  57.                                                         </div>
  58.                                                     </div>
  60.                                                     <div class="col-md-12">
  62.                                                         <div class="form-group">
  63.                                                             <input type="text" value="" class="form-control" placeholder="{{ 'Subject'|trans }}" required="required">
  64.                                                         </div>
  65.                                                     </div>
  67.                                                     <div class="col-md-12">
  68.                                                         <div class="form-group">
  69.                                                             <textarea class="form-control" placeholder="{{ 'Your message'|trans }}" rows="10"></textarea>
  70.                                                         </div>
  71.                                                     </div>
  73.                                                     <div class="col-md-12 text-center">
  74.                                                         <input type="submit" class="btn btn-clean" value="{{ 'Send message'|trans }}" />
  75.                                                     </div>
  76.                                                 </div>
  77.                                             </form>
  78.                                         </div>
  79.                                     </div>
  81.                                 </div>
  82.                             </div>
  83.                         </div>
  85.                         <!-- === Contact info === -->
  87.                         <div class="contact-info">
  88.                             <div class="row">
  89.                                 <div class="col-sm-4">
  90.                                     <figure class="text-center">
  91.                                         <span class="icon icon-map-marker"></span>
  92.                                         <figcaption>
  93.                                             <strong>{{ 'Our Address'|trans }}</strong>
  94.                                             <span>Calle de la Felicidad 5, 46119, <br>Nàquera , València, Spain</span>
  95.                                         </figcaption>
  96.                                     </figure>
  97.                                 </div>
  98.                                 <div class="col-sm-4">
  99.                                     <figure class="text-center">
  100.                                         <span class="icon icon-phone"></span>
  101.                                         <figcaption>
  102.                                             <strong>{{ 'Call us'|trans }}</strong>
  103.                                             <span>
  104.                                                 <strong>T</strong>  {{ hotel_phone }}
  105.                                             </span>
  106.                                         </figcaption>
  107.                                     </figure>
  108.                                 </div>
  109.                                 <div class="col-sm-4">
  110.                                     <figure class="text-center">
  111.                                         <span class="icon icon-clock"></span>
  112.                                         <figcaption>
  113.                                             <strong>{{ 'Working hours'|trans }}</strong>
  114.                                             <span>
  115.                                                 <strong>{{ 'Mon'|trans }}</strong> - {{ 'Sun'|trans }}: 09AM - 10PM
  116.                                             </span>
  117.                                         </figcaption>
  118.                                     </figure>
  119.                                 </div>
  120.                             </div>
  121.                         </div>
  123.                     </div> <!--/contact-block-->
  124.                 </div><!--col-sm-8-->
  125.             </div>
  126.         </div>
  127.     </div>
  128. </section>
  129. {% endblock %}
  131. {% block title %}
  133. {% endblock %}