templates/site/timeClocks.html.twig line 1

Open in your IDE?
  1. {% extends 'site/base.html.twig' %}
  2. {% block timeClocks_menu_active 'active' %}
  3.     {% block meta %}
  4.         <title>ACTECH - {% trans from "FrontBundle" %}Time Clocks{% endtrans %}</title>
  5.         <meta name="description" content="{% trans from "FrontBundle" %}Smart Access Control Terminals{% 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/time-clocks{% elseif app.request.locale == "fr" %}fr/time-clocks{% endif %}">
  9.         <link rel="alternate" hreflang="en" href="https://actech.ma/en/time-clocks">
  10.         <link rel="alternate" hreflang="fr" href="https://actech.ma/fr/time-clocks"/> 
  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" %}Time clocks{% endtrans %}</h2>
  36.                             <p>{% trans from "FrontBundle" %}Smart Access Control Terminals{% 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" %}Smart Terminals with ZKTeco{% endtrans %}</h2>
  50.                             <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>
  51.                             <p class="pt-30">{% trans from "FrontBundle" %}ZKTeco Access Control product line includes IP-based standalone access control, networked access control panels, readers, tripod turnstiles and accessories, supplied with all necessary integration tools, SDK's and technical support to provide our business partners with complete solutions.{% endtrans %}</p>
  52.                         </div>
  53.                     </div>
  54.                     <div class="col-lg-6">
  55.                         <div class="g-services-img">
  56. {#                            <img width=550px src="{{asset('images/site/homepage/zktecho-terminals.jpg')}}" alt="img">#}
  57.                             <img width=550px src="{{asset('images/site/homepage/actech-zcteco.PNG')}}" alt="img">
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </section>
  63.         <!-- global-services-end -->
  64.         <!-- cover-hosting-area -->
  65.         <section class="cover-hosting pt-115 pb-120">
  66.             <div class="container">
  67.                 <div class="row justify-content-center">
  68.                     <div class="col-xl-6 col-lg-8">
  69.                         <div class="section-title text-center mb-75">
  70.                             <h2>{% trans from "FrontBundle" %}Smart Access Control Terminals{% endtrans %}</h2>
  71.                             <p>{% trans from "FrontBundle" %}Discover our different clocking systems with a range of time clock hardware terminals to suit your business needs and employees count{% endtrans %}</p>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.                 <div class="row">
  76.                     <div class="col-12">
  77.                         <div class="cover-tabs-wrap">
  78.                             <ul class="nav nav-tabs" id="myTab" role="tablist">
  79.                                 <li class="nav-item">
  80.                                     <a class="nav-link active" id="c-hosting-tab" data-toggle="tab" href="#c-hosting" role="tab" aria-controls="c-hosting"
  81.                                        aria-selected="true"><img src="{{asset('site/identification.png')}}" alt="icon"> {% trans from "FrontBundle" %}Fingerprint{% endtrans %}</a>
  82.                                 </li>
  83.                                 <li class="nav-item">
  84.                                     <a class="nav-link" id="s-hosting-tab" data-toggle="tab" href="#s-hosting" role="tab" aria-controls="s-hosting"
  85.                                        aria-selected="false"><img src="{{asset('site/cloud-card.png')}}" alt="icon"> {% trans from "FrontBundle" %}Card and Badge{% endtrans %}</a>
  86.                                 </li>
  87.                                 <li class="nav-item">
  88.                                     <a class="nav-link" id="v-hosting-tab" data-toggle="tab" href="#v-hosting" role="tab" aria-controls="v-hosting"
  89.                                        aria-selected="false"><img src="{{asset('site/internet-des-objets.png')}}" alt="icon"> {% trans from "FrontBundle" %}Smartphones{% endtrans %}</a>
  90.                                 </li>
  91.                                 <li class="nav-item">
  92.                                     <a class="nav-link" id="w-hosting-tab" data-toggle="tab" href="#w-hosting" role="tab" aria-controls="w-hosting"
  93.                                        aria-selected="false"><img src="{{asset('site/reseau-local.png')}}" alt="icon"> {% trans from "FrontBundle" %}Computer and PC{% endtrans %}</a>
  94.                                 </li>
  95.                             </ul>
  96.                             <div class="tab-content" id="myTabContent">
  97.                                 <div class="tab-pane fade show active" id="c-hosting" role="tabpanel" aria-labelledby="c-hosting-tab">
  98.                                     <div class="row align-items-center">
  99.                                         <div class="col-lg-4 col-md-6">
  100.                                             <div class="chosting-content mt-30 mb-30">
  101.                                                 <h4>{% trans from "FrontBundle" %}Biometric clocking with fingerprint{% endtrans %}</h4>
  102.                                                 <p>{% trans from "FrontBundle" %}Biometric technology is a reliable solution that is easy to use, uses digital fingerprint recognition, consists of all the latest fingerprints technology. This Digital fingerprints tehnology is synchronized with our system of attendance management solution.{% endtrans %}</p>
  103.                                             </div>
  104.                                         </div>
  105.                                         <div class="col-lg-4 col-md-6">
  106.                                             <div class="chosting-list mb-30">
  107.                                                 <ul>
  108.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Fast, reliable fingerprint recognition{% endtrans %}</li>
  109.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Reduced risk of identity fraud.{% endtrans %}</li>
  110.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Data synchronized with our access control system.{% endtrans %}</li>
  111.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Automate the calculation of attendance times.{% endtrans %}</li>
  112.                                                 </ul>
  113.                                             </div>
  114.                                         </div>
  115.                                         <div class="col-lg-4 col-md-6">
  116.                                             <div class="chosting-img mt-60 mb-30">
  117.                                                 <img src="{{asset('site/identifications.png')}}" alt="img">
  118.                                             </div>
  119.                                         </div>
  120.                                     </div>            
  121.                                 </div>
  122.                                 <div class="tab-pane fade" id="s-hosting" role="tabpanel" aria-labelledby="s-hosting-tab">
  123.                                     <div class="row align-items-center">
  124.                                         <div class="col-lg-4 col-md-6">
  125.                                             <div class="chosting-content mb-30">
  126.                                                 <h4>{% trans from "FrontBundle" %}High tech clock-in by card and badge{% endtrans %}</h4>
  127.                                                 <p>{% trans from "FrontBundle" %}Clocking in with a card or a badge is an essential too for your organization Thanks to its design and and user friendliness the card reader is particularly liked. Clocking in with a card or badge is very simple to use.{% endtrans %}</p>
  128.                                             </div>
  129.                                         </div>
  130.                                         <div class="col-lg-4 col-md-6">
  131.                                             <div class="chosting-list mb-30">
  132.                                                 <ul>
  133.                                                     <li><i class="fas fa-check"></i>{% trans from "FrontBundle" %}Clock in by-card and badge{% endtrans %}</li>
  134.                                                     <li><i class="fas fa-check"></i>{% trans from "FrontBundle" %}Clocking synchronized with our System.{% endtrans %}</li>
  135.                                                     <li><i class="fas fa-check"></i>{% trans from "FrontBundle" %}Easily and faster Clock in/out to save considerable time.{% endtrans %}</li>
  136.                                                     <li><i class="fas fa-check"></i>{% trans from "FrontBundle" %}Automate the calculation of attendance times.{% endtrans %}</li>
  137.                                                 </ul>
  138.                                             </div>
  139.                                         </div>
  140.                                         <div class="col-lg-4 col-md-6">
  141.                                             <div class="chosting-img mt-60 mb-30">
  142.                                                 <img src="{{asset('site/card-b.png')}}" alt="img">
  143.                                             </div>
  144.                                         </div>
  145.                                     </div>
  146.                                 </div>
  147.                                 <div class="tab-pane fade" id="v-hosting" role="tabpanel" aria-labelledby="v-hosting-tab">
  148.                                     <div class="row align-items-center">
  149.                                         <div class="col-lg-4 col-md-6">
  150.                                             <div class="chosting-img mt-60 mb-30">
  151.                                                 <img src="{{asset('site/internet-des-objetx.png')}}" alt="img">
  152.                                             </div>
  153.                                         </div>
  154.                                         <div class="col-lg-4 col-md-6">
  155.                                             <div class="chosting-content mt-30 mb-30">
  156.                                                 <h4>{% trans from "FrontBundle" %}Smartphone and tablet clock in{% endtrans %}</h4>
  157.                                                 <p>{% trans from "FrontBundle" %}Using the real-time virtual clocking terminal, your staff can clock in and out directly from their personal area, making it easier for mobile staff to clock in using their smartphone or tablet. With the virtual clocking terminal online, your staff can declare their time attendances, from their tablet or smartphone.{% endtrans %}</p>
  158.                                             </div>
  159.                                         </div>
  160.                                         <div class="col-lg-4 col-md-6">
  161.                                             <div class="chosting-list mb-30">
  162.                                                 <ul>
  163.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}No software is necessary on the Smartphone.{% endtrans %}</li>
  164.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Real time clocking attendances.{% endtrans %}</li>
  165.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}GPS location tracking and accessibility from wherever you are.{% endtrans %}</li>
  166.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Clock online after identification with Login and password.{% endtrans %}</li>
  167.                                                 </ul>
  168.                                             </div>
  169.                                         </div>
  170.                                     </div>
  171.                                 </div>
  172.                                 <div class="tab-pane fade" id="w-hosting" role="tabpanel" aria-labelledby="w-hosting-tab">
  173.                                     <div class="row align-items-center">
  174.                                         <div class="col-lg-4 col-md-6">
  175.                                             <div class="chosting-content mt-30 mb-30">
  176.                                                 <h4>{% trans from "FrontBundle" %}PC and Web Based Time clocking{% endtrans %}</h4>
  177.                                                 <p>{% trans from "FrontBundle" %}Our clock in system online straight from your computer gives your workforce the option to login to the employee self-service, in order to have an easy clock in system online, which enables users to clock in or out and manage their time via the web, either in addition to or instead of any physical clocking terminals. Accessing the system is done via securized https.{% endtrans %}</p>
  178.                                             </div>
  179.                                         </div>
  180.                                         <div class="col-lg-4 col-md-6">
  181.                                             <div class="chosting-list mb-30">
  182.                                                 <ul>
  183.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}No software is necessary on the PC.{% endtrans %}</li>
  184.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}The user will have his own login making the usage very simple.{% endtrans %}</li>
  185.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}No badge management.{% endtrans %}</li>
  186.                                                     <li><i class="fas fa-check"></i> {% trans from "FrontBundle" %}Clock online after identification with Login and password.{% endtrans %}</li>
  187.                                                 </ul>
  188.                                             </div>
  189.                                         </div>
  190.                                         <div class="col-lg-4 col-md-6">
  191.                                             <div class="chosting-img mt-60 mb-30">
  192.                                                 <img src="{{asset('site/reseaux.png')}}" alt="img">
  193.                                             </div>
  194.                                         </div>
  195.                                     </div>
  196.                                 </div>
  197.                             </div>
  198.                         </div>
  199.                     </div>
  200.                 </div>
  201.             </div>
  202.         </section>
  203.         <!-- cover-hosting-area-end -->
  205.      <!-- get-started-area -->
  206.         <section class="getstarted-area gstarted-bg pt-145" data-background="{{asset('site/img/bg/world_wide_bg.jpg')}}">
  207.             <div class="container">
  208.                 <div class="row justify-content-center">
  209.                     <div class="col-xl-6 col-lg-8">
  210.                         <div class="section-title white-title text-center mb-35">
  211.                             <h2>{% trans from "FrontBundle" %}Connected System{% endtrans %}</h2>
  212.                             <p>{% trans from "FrontBundle" %}The complete and intuitive control access system and HR management tools, online{% endtrans %}</p>
  213.                         </div>
  214.                         <div class="getstarted-btn text-center">
  215.                             <a href="#" class="btn">{% trans from "FrontBundle" %}Get Started Now{% endtrans %}</a>
  216.                         </div>
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.         </section>
  221.         <!-- get-started-area-end -->
  222.         <!-- offer-area -->
  223.         <section class="offer-area">
  224.             <div class="container">
  225.                 <div class="row justify-content-center">
  226.                     <div class="col-xl-5 col-md-6">
  227.                         <div class="offer-box text-center mb-30">
  228.                             <div class="offer-head mb-20">
  229.                                 <h3>{% trans from "FrontBundle" %}Request quote{% endtrans %}</h3>
  230.                                 <p>{% trans from "FrontBundle" %}We will help you evaluate your needs and discuss best pricing.{% endtrans %}</p>
  231.                             </div>
  232.                             <div class="offer-domain mb-25">
  233.                                 <img style="width: 90px;" src="{{asset('site/quote-request.png')}}" alt="img">
  234.                             </div>
  235.                             {#                            <span class="offer-price">Request quote </span>#}
  236.                             <div class="offer-btn">
  237.                                 <a href="{{path('contact',{'quote':'Request-quote'})}}" class="btn">{% trans from "FrontBundle" %}Send request{% endtrans %}</a>
  238.                             </div>
  239.                         </div>
  240.                     </div>
  241.                     <div class="col-xl-5 col-md-6">
  242.                         <div class="question-box text-center mb-30">
  243.                             <div class="offer-head mb-15">
  244.                                 <h3>{% trans from "FrontBundle" %}Have questions?{% endtrans %}</h3>
  245.                                 <p>{% trans from "FrontBundle" %}More informations, or you have any questions, feel free to contact us{% endtrans %}</p>
  246.                             </div>
  247.                             <div class="qbox-icon mb-30">
  248.                                 <img style="padding-bottom: 8px;padding-top: 9px;" src="{{asset('site/img/icon/q_icon.png')}}" alt="icon">
  249.                             </div>
  250.                             <div class="offer-btn">
  251.                                 <a href="#" class="btn">+212.6.60.38.15.35</a>
  252.                             </div>
  253.                         </div>
  254.                     </div>
  255.                 </div>
  256.             </div>
  257.         </section>
  258.         <!-- offer-area-end -->
  259.         <!-- cta-area -->
  260.         <section class="cta-area cta-bg pt-95 pb-95" data-background="{{asset('site/img/bg/cta_bg.jpg')}}">
  261.             <div class="container">
  262.                 <div class="row align-items-center">
  263.                     <div class="col-lg-8">
  264.                         <div class="cta-content">
  265.                             <h2>{% trans from "FrontBundle" %}Can't find what you're looking for ?{% endtrans %}</h2>
  266.                             <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>
  267.                         </div>
  268.                     </div>
  269.                     <div class="col-lg-4">
  270.                         <div class="cta-btn text-right">
  271.                             <a href="{{path('contact')}}" class="btn">{% trans from "FrontBundle" %}Contact us{% endtrans %}</a>
  272.                         </div>
  273.                     </div>
  274.                 </div>
  275.             </div>
  276.         </section>
  277.         <!-- cta-area-end -->
  278.         <!-- END: Content-->
  279.     {% endblock %}
  280.     {% block javascripts %}
  281.         <!-- BEGIN Vendor JS-->
  283.         <script src="{{asset('site/js/vendor/jquery-1.12.4.min.js') }}"></script>
  284.         <script src="{{asset('site/js/popper.min.js') }}"></script>
  285.         <script src="{{asset('site/js/bootstrap.min.js') }}"></script>
  286.         <script src="{{asset('site/js/isotope.pkgd.min.js') }}"></script>
  287.         <script src="{{asset('site/js/slick.min.js') }}"></script>
  288.         <script src="{{asset('site/js/jquery.meanmenu.min.js') }}"></script>
  289.         <script src="{{asset('site/js/ajax-form.js') }}"></script>
  290.         <script src="{{asset('site/js/wow.min.js') }}"></script>
  291.         <script src="{{asset('site/js/jquery.nice-select.min.js') }}"></script>
  292.         <script src="{{asset('site/js/owl.carousel.min.js') }}"></script>
  293.         <script src="{{asset('site/js/jquery.scrollUp.min.js') }}"></script>
  294.         <script src="{{asset('site/js/imagesloaded.pkgd.min.js') }}"></script>
  295.         <script src="{{asset('site/js/jquery.magnific-popup.min.js') }}"></script>
  296.         <script src="{{asset('site/js/plugins.js') }}"></script>
  297.         <script src="{{asset('site/js/main.js') }}"></script> 
  298.         <!-- use for map style --> 
  299.         <!-- END: Page JS-->
  300.     {% endblock %}