templates/site/about.html.twig line 1

Open in your IDE?
  1. {% extends 'site/base.html.twig' %}
  2. {% block about_menu_active 'active' %}
  3.     {% block meta %}
  4.         <title>{% trans from "FrontBundle" %}About Actech{% endtrans %}</title>
  5.         <meta name="description" content="{% trans from "FrontBundle" %}Access Control Technologies. The complete and intuitive control access system.{% 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/about-us{% elseif app.request.locale == "fr" %}fr/about-us{% endif %}">
  9.         <link rel="alternate" hreflang="en" href="https://actech.ma/en/about-us">
  10.         <link rel="alternate" hreflang="fr" href="https://actech.ma/fr/about-us"> 
  11.     {% endblock %}
  12.     {% block stylesheets %}
  13.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors.min.css') }}">
  14.         <link rel="stylesheet" href="{{ asset('site/css/bootstrap.min.css') }}">
  15.         <link rel="stylesheet" href="{{ asset('site/css/animate.min.css') }}">
  16.         <link rel="stylesheet" href="{{ asset('site/css/magnific-popup.css') }}">
  17.         <link rel="stylesheet" href="{{ asset('site/css/fontawesome-all.min.css') }}">
  18.         <link rel="stylesheet" href="{{ asset('site/css/owl.carousel.min.css') }}">
  19.         <link rel="stylesheet" href="{{ asset('site/css/nice-select.css') }}">
  20.         <link rel="stylesheet" href="{{ asset('site/css/meanmenu.css') }}">
  21.         <link rel="stylesheet" href="{{ asset('site/css/slick.css') }}">
  22.         <link rel="stylesheet" href="{{ asset('site/css/default.css') }}">
  23.         <link rel="stylesheet" href="{{ asset('site/css/style.css') }}">
  24.         <link rel="stylesheet" href="{{ asset('site/css/responsive.css') }}">
  25.     {% endblock %}
  26.     {% block content %}
  28.         <!-- START: Content-->
  29.         <!-- breadcrumb-area -->
  30.         <section class="breadcrumb-area d-flex align-items-center breadcrumb-bg" data-background="{{asset('site/img/bg/breadcrumb_bg.png')}}">
  31.             <div class="container">
  32.                 <div class="row">
  33.                     <div class="col-lg-10">
  34.                         <div class="breadcrumb-wrap">
  35.                             <h2>{% trans from "FrontBundle" %}About Actech{% endtrans %}</h2>
  36.                             <p>{% trans from "FrontBundle" %}The complete and intuitive control access system{% endtrans %}</p>
  37.                         </div>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         </section>
  42.         <!-- breadcrumb-area-end -->
  43.         <!-- global-services -->
  44.         <section class="global-services fix pt-150 pb-150">
  45.             <div class="container">
  46.                 <div class="row align-items-center">
  47.                     <div class="col-lg-6">
  48.                         <div class="g-services-content">
  49.                             <h2>{% trans from "FrontBundle" %}Access Control Technologies{% endtrans %}</h2>
  50.                             <p>{% trans from "FrontBundle" %}ACTech is a smart platform specialized in the development of biometrics and RFID technology solutions for the Security industry. Our main focus is on Biometrics such as face recognition, fingerprint, and badges applied to Time Attendance, Access Control Systems and many more areas.{% endtrans %}</p>
  51.                             <p class="pt-30">{% trans from "FrontBundle" %}Actech.ma is an applications suite composed of many modules, providing an effective solution to the requirements of HR departments, offering numerous features of access control and clocking technologies.{% endtrans %}</p>
  52.                         </div>
  53.                     </div>
  54.                     <div class="col-lg-6">
  55.                         <div class="g-services-img">
  56.                             <img src="{{asset('site/img/images/global_services_img.png')}}" alt="img">
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </section>
  62.         <!-- global-services-end -->
  63.         <!-- choose-area -->
  64.         <section class="choose-area pt-70 pb-70">
  65.             <div class="container">
  66.                 <div class="row justify-content-center">
  67.                     <div class="col-xl-6 col-lg-8">
  68.                         <div class="section-title text-center mb-75">
  69.                             <h2>{% trans from "FrontBundle" %}How it works{% endtrans %}</h2>
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.                 <div class="row align-items-center justify-content-center mb-40">
  74.                     <div class="col-xl-5 col-md-6">
  75.                         <div class="choose-content mb-40">
  76.                             <h4>{% trans from "FrontBundle" %}Complete clock in system{% endtrans %}</h4>
  77.                             <p> {% trans from "FrontBundle" %}Through your Actech account, you will have access to your member area 'company.actech.ma' which will be dedicated to your platform, providing time and attendance management in all situations, and which will be accessible to your time clock terminals to provide a solution adapted to suit your management structure.{% endtrans %}</p>
  78.                         </div>
  79.                     </div>
  80.                     <div class="col-xl-5 col-md-6">
  81.                         <div class="choose-img text-center text-md-right mb-40 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".4s">
  82.                             <img src="{{asset('site/img/images/choose_img01.jpg')}}" alt="img">
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.                 <div class="row align-items-center justify-content-center mb-40">
  87.                     <div class="col-xl-5 col-md-6 order-0 order-md-12">
  88.                         <div class="choose-content mb-40">
  89.                             <h4>{% trans from "FrontBundle" %}Time and Attendance management system{% endtrans %}</h4>
  90.                             <p>{% trans from "FrontBundle" %}Our easy-to-use time and attendance software makes it easier than ever to manage and collect employee data, a complete solution in (SaaS) provide essential features for EasyClocking's time and attendance and managing human resources.{% endtrans %}</p>
  91.                         </div>
  92.                     </div>
  93.                     <div class="col-xl-5 col-md-6">
  94.                         <div class="choose-img text-center text-md-left mb-40 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".4s">
  95.                             <img src="{{asset('site/img/images/choose_img02.jpg')}}" alt="img">
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </section>
  101.        <!-- get-started-area -->
  102.         <section class="getstarted-area gstarted-bg pt-145" data-background="{{asset('site/img/bg/world_wide_bg.jpg')}}">
  103.             <div class="container">
  104.                 <div class="row justify-content-center">
  105.                     <div class="col-xl-6 col-lg-8">
  106.                         <div class="section-title white-title text-center mb-35">
  107.                             <h2>{% trans from "FrontBundle" %}Connected System{% endtrans %}</h2>
  108.                             <p>{% trans from "FrontBundle" %}The complete and intuitive control access system and HR management tools, online{% endtrans %}</p>
  109.                         </div>
  110.                         <div class="getstarted-btn text-center">
  111.                             <a href="#" class="btn">{% trans from "FrontBundle" %}Get Started Now{% endtrans %}</a>
  112.                         </div>
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.         </section>
  117.         <!-- get-started-area-end -->
  118.         <!-- offer-area -->
  119.         <section class="offer-area">
  120.             <div class="container">
  121.                 <div class="row justify-content-center">
  122.                     <div class="col-xl-5 col-md-6">
  123.                         <div class="offer-box text-center mb-30">
  124.                             <div class="offer-head mb-20">
  125.                                 <h3>{% trans from "FrontBundle" %}Request quote{% endtrans %}</h3>
  126.                                 <p>{% trans from "FrontBundle" %}We will help you evaluate your needs and discuss best pricing.{% endtrans %}</p>
  127.                             </div>
  128.                             <div class="offer-domain mb-25">
  129.                                 <img style="width: 90px;" src="{{asset('site/quote-request.png')}}" alt="img">
  130.                             </div>
  131.                             {#                            <span class="offer-price">Request quote </span>#}
  132.                             <div class="offer-btn">
  133.                                 <a href="{{path('contact',{'quote':'Request-quote'})}}" class="btn">{% trans from "FrontBundle" %}Send request{% endtrans %}</a>
  134.                             </div>
  135.                         </div>
  136.                     </div>
  137.                     <div class="col-xl-5 col-md-6">
  138.                         <div class="question-box text-center mb-30">
  139.                             <div class="offer-head mb-15">
  140.                                 <h3>{% trans from "FrontBundle" %}Have questions?{% endtrans %}</h3>
  141.                                 <p>{% trans from "FrontBundle" %}More informations, or you have any questions, feel free to contact us{% endtrans %}</p>
  142.                             </div>
  143.                             <div class="qbox-icon mb-30">
  144.                                 <img style="padding-bottom: 8px;padding-top: 9px;" src="{{asset('site/img/icon/q_icon.png')}}" alt="icon">
  145.                             </div>
  146.                             <div class="offer-btn">
  147.                                 <a href="#" class="btn">+212.6.60.38.15.35</a>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         </section>
  154.         <!-- offer-area-end -->
  155.         <!-- cta-area -->
  156.         <section class="cta-area cta-bg pt-95 pb-95" data-background="{{asset('site/img/bg/cta_bg.jpg')}}">
  157.             <div class="container">
  158.                 <div class="row align-items-center">
  159.                     <div class="col-lg-8">
  160.                         <div class="cta-content">
  161.                             <h2>{% trans from "FrontBundle" %}Can't find what you're looking for ?{% endtrans %}</h2>
  162.                             <p>{% trans from "FrontBundle" %}We are here to help you, contact our support team. Your account manager will contact you in order to settle the collaboration.{% endtrans %}</p>
  163.                         </div>
  164.                     </div>
  165.                     <div class="col-lg-4">
  166.                         <div class="cta-btn text-right">
  167.                             <a href="{{path('contact')}}" class="btn">{% trans from "FrontBundle" %}Contact us{% endtrans %}</a>
  168.                         </div>
  169.                     </div>
  170.                 </div>
  171.             </div>
  172.         </section>
  173.         <!-- cta-area-end -->
  174.         <!-- END: Content-->
  175.     {% endblock %}
  176.     {% block javascripts %}
  177.         <!-- BEGIN Vendor JS-->
  179.         <script src="{{asset('site/js/vendor/jquery-1.12.4.min.js') }}"></script>
  180.         <script src="{{asset('site/js/popper.min.js') }}"></script>
  181.         <script src="{{asset('site/js/bootstrap.min.js') }}"></script>
  182.         <script src="{{asset('site/js/isotope.pkgd.min.js') }}"></script>
  183.         <script src="{{asset('site/js/slick.min.js') }}"></script>
  184.         <script src="{{asset('site/js/jquery.meanmenu.min.js') }}"></script>
  185.         <script src="{{asset('site/js/ajax-form.js') }}"></script>
  186.         <script src="{{asset('site/js/wow.min.js') }}"></script>
  187.         <script src="{{asset('site/js/jquery.nice-select.min.js') }}"></script>
  188.         <script src="{{asset('site/js/owl.carousel.min.js') }}"></script>
  189.         <script src="{{asset('site/js/jquery.scrollUp.min.js') }}"></script>
  190.         <script src="{{asset('site/js/imagesloaded.pkgd.min.js') }}"></script>
  191.         <script src="{{asset('site/js/jquery.magnific-popup.min.js') }}"></script>
  192.         <script src="{{asset('site/js/plugins.js') }}"></script>
  193.         <script src="{{asset('site/js/main.js') }}"></script> 
  194.         <!-- use for map style --> 
  195.         <!-- END: Page JS-->
  196.     {% endblock %}