templates/front/contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Contact | {{ parent() }}{% endblock %}
  3. {% block content_class %}contact-page{% endblock %}
  4. {% block body %}
  5. <div class="map-view-wrap">
  6.     <div class="container">
  7.         <div class="map-view-wrap_item">
  8.             <div class="list-single-main-item-title fl-wrap">
  9.                 <h3>Contacts</h3>
  10.             </div>
  11.             <div class="box-widget-list mar-top">
  12.                 <ul>
  13.                     {% if contactPage.address %}
  14.                     <li><span><i class="fal fa-map-marker"></i> Adresse :</span> <a href="#">{{ contactPage.address }}</a></li>
  15.                     {% endif %}
  16.                     {% if contactPage.phone %}
  17.                     <li><span><i class="fal fa-phone"></i> Phone :</span> <a href="tel:{{ contactPage.phone }}">{{ contactPage.phone }}</a></li>
  18.                     {% endif %}
  19.                     {% if contactPage.mail %}
  20.                     <li><span><i class="fal fa-envelope"></i> Mail :</span> <a href="mailto:{{ contactPage.mail }}">{{ contactPage.mail }}</a></li>
  21.                     {% endif %}
  22.                     {% if contactPage.website %}
  23.                     <li><span><i class="fal fa-browser"></i> Website :</span> <a href="{{ contactPage.website }}">{{ contactPage.website }}</a></li>
  24.                     {% endif %}
  25.                 </ul>
  26.             </div>
  27.             <div class="list-widget-social">
  28.                 <ul>
  29.                     {% if contactPage.facebook %}
  30.                     <li><a href="{{ contactPage.facebook }}" target="_blank" ><i class="fab fa-facebook-f"></i></a></li>
  31.                     {% endif %}
  32.                     {% if contactPage.twitter %}
  33.                     <li><a href="{{ contactPage.twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
  34.                     {% endif %}
  35.                     {% if contactPage.instagram %}
  36.                     <li><a href="{{ contactPage.instagram }}" target="_blank" ><i class="fab fa-instagram"></i></a></li>
  37.                     {% endif %}
  38.                     {% if contactPage.linkedin %}
  39.                     <li><a href="{{ contactPage.linkedin }}" target="_blank" ><i class="fab fa-linkedin"></i></a></li>
  40.                     {% endif %}
  41.                     {% if contactPage.youtube %}
  42.                     <li><a href="{{ contactPage.youtube }}" target="_blank" ><i class="fab fa-youtube"></i></a></li>
  43.                     {% endif %}
  44.                 </ul>
  45.             </div>
  46.         </div>
  47.     </div>
  48. </div>
  49. <div class="map-container fw-map2">
  50.     <div id="singleMap" data-latitude="{{ contactPage.latitude }}" data-longitude="{{ contactPage.longitude }}"></div>
  51. </div>
  52. <div class="breadcrumbs-fs fl-wrap">
  53.     <div class="container">
  54.         <div class="breadcrumbs fl-wrap"><a href="{{ url('app_client_home') }}">Accueil</a><span>Contact</span></div>
  55.     </div>
  56. </div>
  57. <section  id="sec1" class="grey-b lue-bg middle-padding">
  58.     <div class="container">
  59.         <div class="row">
  60.             <div class="col-md-4">
  61.                 <div class="list-single-main-item fl-wrap">
  62.                     <div class="list-single-main-item-title fl-wrap">
  63.                         <h3>{{ contactPage.office }}</h3>
  64.                     </div>
  65.                     <div class="list-single-main-media fl-wrap">
  66.                         {% if contactPage.building %}
  67.                         <img src="{{ asset('uploads/files/building/ryvup/' ~ contactPage.building) | imagine_filter('326x216') }}" alt="" class="respimg"/>
  68.                         {% else %}
  69.                         <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('326x216') }}" alt="" class="respimg">
  70.                         {% endif %}
  71.                     </div>
  72.                     <p>{{ contactPage.description | raw }}</p>
  73.                     <div class="list-single-main-item-title fl-wrap mar-top">
  74.                         <h3>{{ contactPage.workingHours }}</h3>
  75.                     </div>
  76.                     <ul class="cat-item cat-item-changed">
  77.                         <li><a href="#">{{ contactPage.daysOpen }}</a> <span>{{ contactPage.hoursOpen }}</span></li>
  78.                         <li><a href="#">{{ contactPage.daysClose }}</a> <span>{{ contactPage.hoursClose }}</span></li>
  79.                     </ul>
  80.                 </div>
  81.             </div>
  82.             <div class="col-md-8">
  83.                 <div class="list-single-main-item fl-wrap">
  84.                     {{ include('base-default/message-flash-contact.html.twig') }}
  85.                     <div class="list-single-main-item-title fl-wrap">
  86.                         <h3>Entrer en contact</h3>
  87.                     </div>
  88.                     <div id="contact-form">
  89.                         {{ form_start(form, {'attr': {'class': 'custom-form'}}) }}
  90.                             <fieldset>
  91.                                 <div class="fl-wrap">
  92.                                 {{ form_label(form.fullName) }}
  93.                                 {{ form_widget(form.fullName) }}
  94.                                 {{ form_errors(form.fullName) }}
  95.                                 </div>
  96.                                 <div class="clearfix"></div>
  97.                                 <div class="fl-wrap div-label-input">
  98.                                 {{ form_label(form.email) }}
  99.                                 {{ form_widget(form.email) }}
  100.                                 {{ form_errors(form.email) }}
  101.                                 </div>
  102.                                 <div class="fl-wrap div-label-input">
  103.                                 {{ form_widget(form.content) }}
  104.                                 {{ form_errors(form.content) }}
  105.                                 </div>
  106.                             </fieldset>
  107.                             <button  type="submit" class="btn float-btn color2-bg" style="margin-top:15px;">Envoyer le message<i class="fal fa-angle-right"></i></button>
  108.                         {{ form_end(form) }}
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </div>
  114.     <div class="section-decor"></div>
  115. </section>
  116. {% endblock %}