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

Open in your IDE?
  1. {% extends 'layouts/default.html.twig' %}
  3. {% block title %}{{ 'app.contact.title'|trans }} {{ parent() }}{% endblock %}
  5. {% block breadcrumb_title %}{{ 'app.contact.title'|trans }}{% endblock %}
  7. {% block body %}
  8.     <!--Start Contact Form Section-->
  9.     <section class="contact-form-area">
  10.         <div class="container">
  11.             <div class="row"> 
  12.                 <div class="col-xl-12">
  13.                     <div class="contact-form-content">
  14.                         <div class="row">
  15.                             <div class="col-xl-5 col-lg-5 order-box-2">
  16.                                 <div class="contact-information-box">
  17.                                     <div class="sec-title text-left">
  18.                                         <div class="big-title"><h2>{{ 'app.contact.title'|trans }}</h2></div>
  19.                                         <div class="border-box">
  20.                                             <span class="linetop"></span>
  21.                                             <span class="linebottom"></span>
  22.                                         </div>
  23.                                     </div>
  24.                                     <ul class="contact-us">
  25.                                         <li>
  26.                                             <div class="icon">
  27.                                                 <i class="fa fa-map-marker map" aria-hidden="true"></i>
  28.                                             </div>
  29.                                             <div class="text">
  30.                                                 <p>{{ 'app.contact.address'|trans }}</p>
  31.                                             </div>
  32.                                         </li>
  33.                                         <li>
  34.                                             <div class="icon">
  35.                                                 <i class="fa fa-mobile phone" aria-hidden="true"></i>
  36.                                             </div>
  37.                                             <div class="text">
  38.                                                 <a href="tel:+212660730569">+212 660-730-569</a>
  39.                                             </div>
  40.                                         </li>
  41.                                         <li>
  42.                                             <div class="icon">
  43.                                                 <i class="fa fa-envelope-o" aria-hidden="true"></i>
  44.                                             </div>
  45.                                             <div class="text">
  46.                                                 <a href="mailto:contact@family-horse.com">contact@family-horse.com</a>
  47.                                             </div>
  48.                                         </li>
  49.                                     </ul>
  50.                                     <div class="follow-us">
  51.                                         <div class="text">
  52.                                             <h3>{{ 'app.contact.follow_us'|trans }}:</h3>
  53.                                         </div>
  54.                                         <div class="social-links">
  55.                                             <br>
  56.                                             <ul>
  57.                                                 <li>
  58.                                                     <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> 
  59.                                                 </li>
  60.                                                 <li>
  61.                                                     <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> 
  62.                                                 </li>
  63.                                                 <li>
  64.                                                     <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> 
  65.                                                 </li>
  66.                                             </ul>
  67.                                         </div>
  68.                                     </div>
  69.                                 </div>    
  70.                             </div>
  71.                             <div class="col-xl-7 col-lg-7 order-box-1">
  72.                                 <div class="contact-form">
  73.                                     <div class="row">
  74.                                         <div class="col-xl-12 col-lg-12">
  75.                                             {% include 'front/includes/flash_messages.html.twig' %}
  76.                                         </div>
  77.                                     </div>
  78.                                     <div class="title">
  79.                                         <h2>{{ 'app.contact.form.title'|trans }}</h2>
  80.                                         <p>{{ 'app.contact.description'|trans }}</p>
  81.                                     </div>
  82.                                     <div class="inner-box">
  83.                                         {{ form_start(contactForm) }}
  84.                                         {# <form id="contact-form" name="contact_form" class="default-form2" action="assets/inc/sendmail.php" method="post"> #}
  85.                                             <div class="row">
  86.                                                 <div class="col-xl-6">
  87.                                                     <div class="input-box"> 
  88.                                                         {{ form_widget(contactForm.name) }}
  89.                                                     </div>      
  90.                                                 </div>
  91.                                                 <div class="col-xl-6">
  92.                                                     <div class="input-box"> 
  93.                                                         {{ form_widget(contactForm.contactEmail) }}
  94.                                                     </div>      
  95.                                                 </div>
  96.                                             </div>
  97.                                             <div class="row">
  98.                                                 <div class="col-xl-6">
  99.                                                     <div class="input-box">
  100.                                                         {{ form_widget(contactForm.subject) }}
  101.                                                     </div>       
  102.                                                 </div>
  103.                                                 <div class="col-xl-6">
  104.                                                     <div class="input-box">
  105.                                                         {{ form_widget(contactForm.contactPhone) }}
  106.                                                     </div>      
  107.                                                 </div>
  108.                                             </div> 
  109.                                             <div class="row">
  110.                                                 <div class="col-xl-12">
  111.                                                     <div class="input-box">
  112.                                                         {{ form_widget(contactForm.message) }}
  113.                                                     </div>      
  114.                                                 </div>    
  115.                                             </div>
  116.                                             <div class="row">
  117.                                                 <div class="col-xl-12">
  118.                                                     <div class="button-box">
  119.                                                         <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="">
  120.                                                         <button class="btn-one" type="submit" data-loading-text="Please wait..."><span class="txt">{{ 'app.contact.form.send'|trans }}</span></button>    
  121.                                                     </div>  
  122.                                                 </div>
  123.                                             </div>                        
  124.                                         {# </form> #}
  125.                                         {{ form_end(contactForm) }}
  126.                                     </div>
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                         
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     </section>
  136.     <!--End Contact Form Section-->
  138.     <!--Start Google Map Area-->
  139.     <section class="google-map-area">
  140.         <div class="map-outer">
  141.             <!--Map Canvas-->
  142.             <div class="map-canvas"
  143.                 data-zoom="15"
  144.                 data-lat="31.643961"
  145.                 data-lng="-7.853204"
  146.                 data-type="roadmap"
  147.                 {# data-hue="#ffc400" #}
  148.                 data-title="Envato"
  149.                 data-icon-path="{{ asset('front/assets/images/resources/map-marker.png') }}"
  150.                 data-content="Melbourne VIC 3000, Australia<br><a href='mailto:info@youremail.com'>info@youremail.com</a>">
  151.             </div>
  152.         </div>
  153.     </section>
  154.     <!--End Google Map Area-->
  155. {% endblock %}
  157. {% block javascripts %}
  158.     <script src="http://maps.google.com/maps/api/js?key={{ google_map_key }}"></script>
  159. {% endblock %}