<!-- Slider area -->
<section class="slider_area row m0">
    <div class="slider_inner">
        <div data-thumb="<?= HOME ?>/images/banner01.jpg" data-src="<?= HOME ?>/images/banner01.jpg">
            <div class="camera_caption">
                <div class="container">
                    <h5 class=" wow fadeInUp animated">Seja bem vindo</h5>
                    <h3 class=" wow fadeInUp animated" data-wow-delay="0.5s">Controle de acesso para portas, portões e estacionamentos.</h3>
                    <p class=" wow fadeInUp animated" data-wow-delay="0.8s">Confira os diversos equipamentos para controlar a entrada e saída de pessoas e veículos em ambientes que necessitam de segurança e controle de acesso.</p>
                    <a class=" wow fadeInUp animated" data-wow-delay="1s" href="#">Saiba mais</a>
                </div>
            </div>
        </div>
        <div data-thumb="<?= HOME ?>/images/banner02.jpg" data-src="<?= HOME ?>/images/banner02.jpg">
            <div class="camera_caption">
                <div class="container">
                    <h5 class=" wow fadeInUp animated">Seja bem vindo</h5>
                    <h3 class=" wow fadeInUp animated" data-wow-delay="0.5s">Escolha o Relógio de Ponto perfeito para a sua empresa</h3>
                    <p class=" wow fadeInUp animated" data-wow-delay="0.8s">Fique livre para escolher o tipo de marcação ou equipamento, sendo em alguns casos obrigatório o registro eletrônico, ou o sistema de relógios de ponto. Faça um orçamento conosco!</p>
                    <a class=" wow fadeInUp animated" data-wow-delay="1s" href="#">Saiba mais</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Slider area -->

<!-- Professional Builde -->
<section class="professional_builder row">
    <div class="container">
        <div class="row builder_all">
            <div class="col-md-3 col-sm-6 builder">
                <i class="fa fa-phone" aria-hidden="true"></i>
                <h4>Agilidade no Atendimento</h4>
                <p>Prontos e preparados para atender o cliente no menor tempo</p>
            </div>
            <div class="col-md-3 col-sm-6 builder">
                <i class="fa fa-diamond" aria-hidden="true"></i>
                <h4>Qualidade no Serviço</h4>
                <p>A excelencia na qualidade dos nossos serviços prestados</p>
            </div>
            <div class="col-md-3 col-sm-6 builder">
                <i class="fa fa-clock-o" aria-hidden="true"></i>
                <h4>Tempo de Mercado</h4>
                <p>Uma experiencia de quase 20 anos de mercado </p>
            </div>
            <div class="col-md-3 col-sm-6 builder">
                <i class="fa fa-thumbs-up" aria-hidden="true"></i>
                <h4>Profissionais Capacitados</h4>
                <p>Uma de profissionais qualificados e capacitados </p>
            </div>
        </div>
    </div>
</section>
<!-- End Professional Builde -->
<!-- What ew offer Area -->
<section class="what_we_area row">
    <div class="container">
        <div class="tittle wow fadeInUp">
            <h2>NOSSOS SERVIÇOS</h2>
            <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h4>
        </div>
        <div class="row construction_iner">
            <div class="col-md-4 col-sm-6 construction">
                <div class="cns-img">
                    <img src="<?= HOME ?>/images/diamante-p.jpg" alt="">
                </div>
                <div class="cns-content">
                    <i class="fa fa-diamond" aria-hidden="true"></i>
                    <a href="#">Diamante</a>
                    <p>Plano que engloba tratamento de ponto para até 50 funcionários, em um raio de até 100 km, relógio e suporte técnico inclusos.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 construction">
                <div class="cns-img">
                    <img src="<?= HOME ?>/images/comodato.jpg" alt="">
                </div>
                <div class="cns-content">
                    <i class="fa fa-gear" aria-hidden="true"></i>
                    <a href="#">Comodato</a>
                    <p>Relógios de ponto, catracas, controladores de acesso, cancelas, protocoladores, bastão vigia e softwares.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 construction">
                <div class="cns-img">
                    <img src="<?= HOME ?>/images/rh.jpg" alt="">
                </div>
                <div class="cns-content">
                    <i class="fa fa-vcard-o" aria-hidden="true"></i>
                    <a href="#">RH Terceirizado</a>
                    <p>Lorem Ipsum is simply dummy text of the print-ing and typesetting industry. Lorem Ipsum has been the industry's standard dummy </p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End What ew offer Area -->

<!-- Our Testimonial Area -->
<section class="testimonial_area row">
    <div class="container">
        <div class="tittle wow fadeInUp">
            <h2>Depoimentos</h2>
            <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h4>
        </div>
        <div class="testimonial_carosel">
            <div class="item">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?= HOME ?>/images/testimonial-2.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Emran Khan</h4>
                        <h6>Web Developer</h6>
                    </div>
                </div>
                <p><i class="fa fa-quote-right" aria-hidden="true"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<i class="fa fa-quote-left" aria-hidden="true"></i></p>
            </div>
            <div class="item">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?= HOME ?>/images/testimonial-3.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Emran Khan</h4>
                        <h6>Web Developer</h6>
                    </div>
                </div>
                <p><i class="fa fa-quote-right" aria-hidden="true"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<i class="fa fa-quote-left" aria-hidden="true"></i></p>
            </div>
            <div class="item">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?= HOME ?>/images/testimonial-1.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Prodip ghosht</h4>
                        <h6>Brand Manager</h6>
                    </div>
                </div>
                <p><i class="fa fa-quote-right" aria-hidden="true"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<i class="fa fa-quote-left" aria-hidden="true"></i></p>
            </div>
            <div class="item">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?= HOME ?>/images/testimonial-2.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Jakaria Khan</h4>
                        <h6>Brand Manager</h6>
                    </div>
                </div>
                <p><i class="fa fa-quote-right" aria-hidden="true"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<i class="fa fa-quote-left" aria-hidden="true"></i></p>
            </div>
            <div class="item">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?= HOME ?>/images/testimonial-1.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Prodip ghosht</h4>
                        <h6>Brand Manager</h6>
                    </div>
                </div>
                <p><i class="fa fa-quote-right" aria-hidden="true"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<i class="fa fa-quote-left" aria-hidden="true"></i></p>
            </div>
            <div class="item">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?= HOME ?>/images/testimonial-2.jpg" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Jakaria Khan</h4>
                        <h6>Brand Manager</h6>
                    </div>
                </div>
                <p><i class="fa fa-quote-right" aria-hidden="true"></i>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<i class="fa fa-quote-left" aria-hidden="true"></i></p>
            </div>
        </div>
    </div>
</section>
<!-- End Our testimonial Area -->

<!-- Our Featured Works Area -->
<section class="featured_works" data-stellar-background-ratio="0.3">
    <div class="container">
        <div class="tittle wow fadeInUp">
            <h2>Nossos Produtos</h2>
            <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h4>
        </div>
        <div class="featured_gallery row">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-6">
                    <div class="gallery_iner">
                        <img src="<?= HOME ?>/images/produtos/bastao-vigia.png" alt="">
                        <div class="gallery_hover">
                            <h4>Bastão de Ronda</h4>
                            <a href="#">Mais Detalhes</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 ">
                    <div class="gallery_iner">
                        <img src="<?= HOME ?>/images/produtos/cancela.png" alt="">
                        <div class="gallery_hover">
                            <h4>Cancelas</h4>
                            <a href="#">Mais Detalhes</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 ">
                    <div class="gallery_iner">
                        <img src="<?= HOME ?>/images/produtos/catraca.png" alt="">
                        <div class="gallery_hover">
                            <h4>Catracas</h4>
                            <a href="#">Mais Detalhes</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-6 ">
                    <div class="gallery_iner">
                        <img src="<?= HOME ?>/images/produtos/protocolador.png" alt="">
                        <div class="gallery_hover">
                            <h4>Protocoladores</h4>
                            <a href="#">Mais Detalhes</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6">
                    <div class="gallery_iner">
                        <img src="<?= HOME ?>/images/produtos/relogio-de-ponto.png" alt="">
                        <div class="gallery_hover">
                            <h4>Relógio de Ponto</h4>
                            <a href="#">Mais Detalhes</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6">
                    <div class="gallery_iner">
                        <img src="<?= HOME ?>/images/produtos/relogio-de-ponto-movel.png" alt="">
                        <div class="gallery_hover">
                            <h4>Relógio de Ponto Mobille</h4>
                            <a href="#">Mais Detalhes</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Our Featured Works Area -->

<!-- Our Latest Blog Area -->
<section class="latest_blog_area">
    <div class="container">
        <div class="tittle wow fadeInUp">
            <h2>Últimas Notícias</h2>
            <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h4>
        </div>
        <div class="row latest_blog">
            <div class="col-md-4 col-sm-6 blog_content">
                <img src="<?= HOME ?>/images/blog/4.jpg" alt="">
                <a href="#" class="blog_heading">Dicas para se recolocar no mercado de trabalho em 2018</a>
                <h4><small>by  </small><a href="#">Fabiola marinho</a><span>/</span><small>ON </small> Novembro 12, 2017</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis iaculis velit in tristique. Curabitur ac urna urna. Sed sollicitudin at nisi sed accumsan... <a href="#">Leia mais</a></p>
            </div>
            <div class="col-md-4 col-sm-6 blog_content">
                <img src="<?= HOME ?>/images/blog/1.jpg" alt="">
                <a href="#" class="blog_heading">Como funciona o trabalho intermitente?</a>
                <h4><small>by  </small><a href="#">Prodip Ghosh</a><span>/</span><small>ON </small> Novembro 17, 2017</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis iaculis velit in tristique. Curabitur ac urna urna. Sed sollicitudin at nisi sed accumsan... <a href="#">Leia mais</a></p>
            </div>
            <div class="col-md-4 col-sm-6 blog_content">
                <img src="<?= HOME ?>/images/blog/5.jpg" alt="">
                <a href="#" class="blog_heading">Dicas para passar na entrevista e conquistar aquela vaga em 2018</a>
                <h4><small>by  </small><a href="#">Prodip Ghosh</a><span>/</span><small>ON </small> Dezembro 15, 2017</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis iaculis velit in tristique. Curabitur ac urna urna. Sed sollicitudin at nisi sed accumsan... <a href="#">Leia mais</a></p>
            </div>
        </div>
    </div>
</section>
<!-- End Our Latest Blog Area -->

<!-- Our Partners Area -->
<section class="our_partners_area">
    <div class="container">
        <div class="tittle wow fadeInUp">
            <h2>Nossos clientes</h2>
            <h4>Atendemos clientes com perfis variados, adaptando nossos serviços de acordo com suas necessidades distintas</h4>
        </div>
        <div class="partners">
            <div class="item"><img src="<?= HOME ?>/images/clientes/ara.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/cbtu.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/delafruta.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/gbengenharia.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/graticia.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/hospitalmarialucinda.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/jornaldocomercio.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/lacaburguer.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/mrv.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/netuno.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/odebrecht.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/paulomiranda.jpg" alt=""></div>
            <div class="item"><img src="<?= HOME ?>/images/clientes/petrobras.jpg" alt=""></div>
        </div>
    </div>
    <!--        <div class="book_now_aera">
                <div class="container">
                    <div class="row book_now">
                        <div class="col-md-10 booking_text">
                            <h4>Booking now if you need build your dream home.</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                        <div class="col-md-2 p0 book_bottun">
                            <a href="#" class="button_all">book now</a>
                        </div>
                    </div>
                </div>
            </div>-->
</section>
<!-- End Our Partners Area -->