templates/site/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'site/base.html.twig' %}
  2. {% block contact_menu_active 'active' %} 
  3.     {% block meta %}
  4.         <title>{% trans from "FrontBundle" %}Contact ACTech{% endtrans %}</title>
  5.         <meta name="description" content="{% trans from "FrontBundle" %}Contact Actech team for all assistance or informations{% endtrans %}"> 
  6.         <meta property="og:type" content="website"/>
  7.         <meta property="og:image" content="{{asset('images/site/18671699_118631158715437_3339858098199541956_o.jpg')}}">
  8.         <link rel="canonical" href="https://actech.ma/{% if app.request.locale == "en" %}en/contact{% elseif app.request.locale == "fr" %}fr/contact{% endif %}">
  9.         <link rel="alternate" hreflang="en" href="https://actech.ma/en/contact">
  10.         <link rel="alternate" hreflang="fr" href="https://actech.ma/fr/contact"> 
  11.     {% endblock %}
  12.     {% block stylesheets %}
  14.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors.min.css') }}">
  15.         <link rel="stylesheet" href="{{ asset('site/css/bootstrap.min.css') }}">
  16.         <link rel="stylesheet" href="{{ asset('site/css/animate.min.css') }}">
  17.         <link rel="stylesheet" href="{{ asset('site/css/magnific-popup.css') }}">
  18.         <link rel="stylesheet" href="{{ asset('site/css/fontawesome-all.min.css') }}">
  19.         <link rel="stylesheet" href="{{ asset('site/css/owl.carousel.min.css') }}">
  20.         <link rel="stylesheet" href="{{ asset('site/css/nice-select.css') }}">
  21.         <link rel="stylesheet" href="{{ asset('site/css/meanmenu.css') }}">
  22.         <link rel="stylesheet" href="{{ asset('site/css/slick.css') }}">
  23.         <link rel="stylesheet" href="{{ asset('site/css/default.css') }}">
  24.         <link rel="stylesheet" href="{{ asset('site/css/style.css') }}">
  25.         <link rel="stylesheet" href="{{ asset('site/css/responsive.css') }}">
  26.     {% endblock %}
  27.     {% block content %}
  29.         <!-- START: Content-->
  30.         <!-- breadcrumb-area -->
  31.         <section class="breadcrumb-area d-flex align-items-center breadcrumb-bg" data-background="{{asset('site/img/bg/breadcrumb_bg.png')}}">
  32.             <div class="container">
  33.                 <div class="row">
  34.                     <div class="col-lg-10">
  35.                         <div class="breadcrumb-wrap">
  36.                             <h2>{% trans from "FrontBundle" %}Get In Touch{% endtrans %}</h2>
  37.                             <p>{% trans from "FrontBundle" %}Feel free to reach out with any questions, comments or business inquiries{% endtrans %}</p>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.         </section>
  43.         <!-- breadcrumb-area-end -->
  44.         <!-- contact-info-area -->
  45.         <section class="contact-info-area pt-150 pb-70">
  46.             <div class="container">
  47.                 {% for type, messages in app.session.flashBag.all %}
  48.                     {% for message in messages %}
  49.                         <div class="alert alert-{{ type }} alert-dismissible fade show" role="alert">
  50.                             <p class="mb-0"><i class="feather icon-alert-circle mr-1 align-middle"></i> {{ message|trans({}, 'FOSUserBundle') }}</p>
  51.                             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  52.                                 <span aria-hidden="true"><i class="feather icon-x-circle"></i></span>
  53.                             </button>
  54.                         </div>
  55.                     {% endfor %}
  56.                 {% endfor %}
  57.                 <div class="row">
  58.                     <div class="col-lg-4 col-md-6">
  59.                         <div class="c-cta-wrap mb-30">
  60.                             <div class="c-cta-icon">
  61.                                 <i class="fas fa-envelope"></i>
  62.                             </div>
  63.                             <div class="c-cta-contact">
  64.                                 <h5>{% trans from "FrontBundle" %}Email Address{% endtrans %}</h5>
  65.                                 <span>contact@actech.ma</span>
  66.                                 <span>contact@silver-tours.com</span>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     <div class="col-lg-4 col-md-6">
  71.                         <div class="c-cta-wrap mb-30">
  72.                             <div class="c-cta-icon">
  73.                                 <i class="fas fa-phone"></i>
  74.                             </div>
  75.                             <div class="c-cta-contact">
  76.                                 <h5>{% trans from "FrontBundle" %}Phone Numbers{% endtrans %}</h5>
  77.                                 <span>+212 0524 430743</span>
  78.                                 <span>+212 0660 381535</span>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                     <div class="col-lg-4 col-md-6">
  83.                         <div class="c-cta-wrap mb-30">
  84.                             <div class="c-cta-icon">
  85.                                 <i class="fas fa-map-marker-alt"></i>
  86.                             </div>
  87.                             <div class="c-cta-contact">
  88.                                 <h5>{% trans from "FrontBundle" %}Office Location{% endtrans %}</h5>
  89.                                 {#                                <span>12 Residence le Noyer-C Guéliz, Marrakech</span>#}
  90.                                 <span>Rue Abou Hanifa, Rés Warda A N°4 Hivernage, Marrakech</span>
  91.                             </div>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </section>
  97.         <!-- contact-info-area-end -->
  98.         <!-- contact-area -->
  99.         <section class="contact-area pb-150">
  100.             <div class="container">
  101.                 <div class="row align-items-center">
  102.                     <div class="col-lg-6">
  103.                         <div class="contact-map">
  104.                             <a href="#"><img src="{{asset('images/site/homepage/img_10.png')}}" style="max-width: 500px;" alt="map"></a>
  105.                         </div>
  106.                     </div>
  107.                     <div class="col-lg-6">
  108.                         <div class="contact-title mb-35">
  109.                             <span>{% trans from "FrontBundle" %}Get In Touch{% endtrans %}</span>
  110.                             <h3>{% trans from "FrontBundle" %}Send us a message and we'll get back to you as soon as possible.{% endtrans %}</h3>
  111.                         </div>
  112.                         <div class="contact-form">
  113.                             <form method="POST" {% if app.request.get('quote')  == "Request-quote" %} action="{{path('contactSend',{'quote':'Request-quote'})}}" {% else %} action="{{path('contactSend')}}"{% endif %} >
  114.                                 <div class="contact-field">
  115.                                     <input name="name" type="text" placeholder="{% trans from "FrontBundle" %}Enter your name here{% endtrans %}....">
  116.                                     <i class="far fa-user"></i>
  117.                                 </div>
  118.                                 {% if app.request.get('quote')  == "Request-quote" %} 
  119.                                     <div class="contact-field">
  120.                                         <input name="companyName" type="text" placeholder="{% trans from "FrontBundle" %}Enter the company name here{% endtrans %}....">
  121.                                         <i class="far fa-user"></i>
  122.                                     </div>
  123.                                     <div class="contact-field">
  124.                                         <input name="employees" type="number" min="5" placeholder="{% trans from "FrontBundle" %}Enter the number of employees in your company{% endtrans %}....">
  125.                                         <i class="fa fa-users"></i>
  126.                                     </div>
  127.                                 {% endif %}
  128.                                 <div class="contact-field">
  129.                                     <input name="email" type="email" placeholder="{% trans from "FrontBundle" %}Enter your email here{% endtrans %}....">
  130.                                     <i class="fas fa-envelope"></i>
  131.                                 </div>
  132.                                 <div class="contact-field c-message-field">
  133.                                     <textarea name="message" id="message" cols="30" rows="10"
  134.                                               placeholder="{% trans from "FrontBundle" %}Enter your message here{% endtrans %}...."></textarea>
  135.                                     <i class="fas fa-pencil-alt"></i>
  136.                                 </div>
  137.                                 <button type='submit' class="btn mt-20">{% trans from "FrontBundle" %}Submit Now{% endtrans %}</button>
  138.                             </form>
  139.                         </div>
  140.                     </div>
  141.                 </div>
  142.             </div>
  143.         </section>
  144.         <!-- contact-area-end -->
  145.         <!-- END: Content-->
  146.     {% endblock %}
  147.     {% block javascripts %}
  148.         <!-- BEGIN Vendor JS-->
  150.         <script src="{{asset('site/js/vendor/jquery-1.12.4.min.js') }}"></script>
  151.         <script src="{{asset('site/js/popper.min.js') }}"></script>
  152.         <script src="{{asset('site/js/bootstrap.min.js') }}"></script>
  153.         <script src="{{asset('site/js/isotope.pkgd.min.js') }}"></script>
  154.         <script src="{{asset('site/js/slick.min.js') }}"></script>
  155.         <script src="{{asset('site/js/jquery.meanmenu.min.js') }}"></script>
  156.         <script src="{{asset('site/js/ajax-form.js') }}"></script>
  157.         <script src="{{asset('site/js/wow.min.js') }}"></script>
  158.         <script src="{{asset('site/js/jquery.nice-select.min.js') }}"></script>
  159.         <script src="{{asset('site/js/owl.carousel.min.js') }}"></script>
  160.         <script src="{{asset('site/js/jquery.scrollUp.min.js') }}"></script>
  161.         <script src="{{asset('site/js/imagesloaded.pkgd.min.js') }}"></script>
  162.         <script src="{{asset('site/js/jquery.magnific-popup.min.js') }}"></script>
  163.         <script src="{{asset('site/js/plugins.js') }}"></script>
  164.         <script src="{{asset('site/js/main.js') }}"></script> 
  165.         <!-- use for map style --> 
  166.         <!-- END: Page JS-->
  167.     {% endblock %}