<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <title>Home One || PayOnline || Online Payroll and HR Software HTML Template</title>
    <!-- mobile responsive meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
    <link rel="manifest" href="images/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">


    <!-- depdency stylesheet -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i,800,800i%7CCovered+By+Your+Grace" rel="stylesheet">


    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/hover-min.css">
    <link rel="stylesheet" type="text/css" href="plugins/payonline-icon/style.css">
    <link rel="stylesheet" type="text/css" href="plugins/bands-icon/style.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css">
    
    

    <!-- main template stylesheet -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
</head>
<body>

<div class="page-wrapper">

    <div class="preloader"></div><!-- /.preloader -->
   <?php include 'header.html'; ?>
    <div id="minimal-bootstrap-carousel" class="carousel slide carousel-fade slider-content-style slider-home-one">
        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="carousel-item active slide-1" style="background-image: url(images/banner-1-1.jpg);">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="box valign-middle">
                            <div class="content text-left">
                                <h3 data-animation="animated fadeInUp">Payroll & <br> HR Solutions</h3>
                                <p data-animation="animated fadeInDown">to take your business further</p>
                                <a data-animation="animated fadeInDown" href="#" class="thm-btn ">Request a meeting</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item slide-2" style="background-image: url(images/banner-1-2.jpg);">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="box valign-middle">
                            <div class="content text-left">
                                <h3 data-animation="animated fadeInUp">Payroll & <br> HR Solutions</h3>
                                <p data-animation="animated fadeInDown">to take your business further</p>
                                <a data-animation="animated fadeInDown" href="#" class="thm-btn ">Request a meeting</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item slide-3" style="background-image: url(images/banner-1-3.jpg);">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="box valign-middle">
                            <div class="content text-left">
                                <h3 data-animation="animated fadeInUp">Payroll & <br> HR Solutions</h3>
                                <p data-animation="animated fadeInDown">to take your business further</p>
                                <a data-animation="animated fadeInDown" href="#" class="thm-btn ">Request a meeting</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Controls -->
        <a class="carousel-control-prev" href="#minimal-bootstrap-carousel" role="button" data-slide="prev">
            <i class="fa fa-arrow-left"></i>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#minimal-bootstrap-carousel" role="button" data-slide="next">
            <i class="fa fa-arrow-right"></i>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <section class="service-style-one sec-pad-top">
        <div class="container">
            <div class="sec-title text-center">
                <span>We do more for your world</span>
                <h2>All-in-one payroll and HR <br> your business</h2>
            </div><!-- /.sec-title -->
            <ul class="nav nav-tabs tab-title clearfix" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" href="#payroll" role="tab" data-toggle="tab">
                        <span class="icon-box">
                            <i class="payonline-icon-dollar"></i>
                        </span>
                        <h3>Payroll</h3>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#time" role="tab" data-toggle="tab">
                        <span class="icon-box">
                            <i class="payonline-icon-clock"></i>
                        </span>
                        <h3>Time & Attendance</h3>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#benefits" role="tab" data-toggle="tab">
                        <span class="icon-box">
                            <i class="payonline-icon-checkmark-outlined-circular-button"></i>
                        </span>
                        <h3>Benefits</h3>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#hr-management" role="tab" data-toggle="tab">
                        <span class="icon-box">
                            <i class="payonline-icon-settings"></i>
                        </span>
                        <h3>HR Management</h3>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#hiring" role="tab" data-toggle="tab">
                        <span class="icon-box">
                            <i class="payonline-icon-users"></i>
                        </span>
                        <h3>Hiring</h3>
                    </a>
                </li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade show active" id="payroll">
                    <div class="single-tab-content">
                        <div class="icon-box">
                            <i class="payonline-icon-dollar"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Payroll</h3>
                            <p>Save time and improve payroll accuracy with the latest in time and attendance software. However you prefer to track employee time, we have flexible options to fit your business.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div><!-- /.single-tab-content -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="time">
                    <div class="single-tab-content">
                        <div class="icon-box">
                            <i class="payonline-icon-clock"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Time & Attendance</h3>
                            <p>Save time and improve payroll accuracy with the latest in time and attendance software. However you prefer to track employee time, we have flexible options to fit your business.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="benefits">
                    <div class="single-tab-content">
                        <div class="icon-box">
                            <i class="payonline-icon-checkmark-outlined-circular-button"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Benefits</h3>
                            <p>Save time and improve payroll accuracy with the latest in time and attendance software. However you prefer to track employee time, we have flexible options to fit your business.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="hr-management">
                    <div class="single-tab-content">
                        <div class="icon-box">
                            <i class="payonline-icon-settings"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>HR Management</h3>
                            <p>Save time and improve payroll accuracy with the latest in time and attendance software. However you prefer to track employee time, we have flexible options to fit your business.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="hiring">
                    <div class="single-tab-content">
                        <div class="icon-box">
                            <i class="payonline-icon-users"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Hiring</h3>
                            <p>Save time and improve payroll accuracy with the latest in time and attendance software. However you prefer to track employee time, we have flexible options to fit your business.</p>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div>
                </div>
            </div>
        </div><!-- /.container -->
    </section><!-- /.service-style-one -->

    <section class="solution-style-one sec-pad">
        <div class="container">
            <div class="sec-title text-center">
                <span>Solutions by Business Size</span>
                <h2>HR solutions that grow with <br> your business</h2>
            </div><!-- /.sec-title -->
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-solution-style-one hvr-bounce-to-bottom">
                        <div class="img-box">
                            <img src="images/solution-1-1.png" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                        <div class="text-box">
                            <span>Solutions for 1-9 employees</span>
                            <h3><a href="#">Cut Through the red Tape with WorkSuite  Solutions for Small Business</a></h3>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div><!-- /.single-solution-style-one -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-solution-style-one hvr-bounce-to-bottom">
                        <div class="img-box">
                            <img src="images/solution-1-2.png" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                        <div class="text-box">
                            <span>Solutions for 10-19 employees</span>
                            <h3><a href="#">Cut Through the red Tape with WorkSuite  Solutions for Small Business</a></h3>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div><!-- /.single-solution-style-one -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-solution-style-one hvr-bounce-to-bottom">
                        <div class="img-box">
                            <img src="images/solution-1-3.png" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                        <div class="text-box">
                            <span>Solutions for 20-49 employees</span>
                            <h3><a href="#">Cut Through the red Tape with WorkSuite  Solutions for Small Business</a></h3>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div><!-- /.single-solution-style-one -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-solution-style-one hvr-bounce-to-bottom">
                        <div class="img-box">
                            <img src="images/solution-1-4.png" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                        <div class="text-box">
                            <span>Solutions for 50-100 employees</span>
                            <h3><a href="#">Cut Through the red Tape with WorkSuite  Solutions for Small Business</a></h3>
                            <a href="#" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                    </div><!-- /.single-solution-style-one -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.solution-style-one -->

    <section class="easy-steps-style-one sec-pad">
        <div class="container">
            <div class="sec-title text-center light">
                <span>how solution works</span>
                <h2>Let’s get started in 3 easy <br> steps</h2>
            </div><!-- /.sec-title -->
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="single-easy-step-one">
                        <i class="payonline-icon-chat"></i>
                        <h3><a href="#">Request a Meeting</a></h3>
                        <p>We'll spend some time learning more about your business and your specific workforce challenges.</p>
                        <a href="#" class="read-more"><i class="fa fa-arrow-right"></i></a>
                        <span class="step-count">01 - Step</span>
                    </div><!-- /.single-easy-step-one -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="single-easy-step-one">
                        <i class="payonline-icon-appointment"></i>
                        <h3><a href="#">Receive a Custom Plan</a></h3>
                        <p>We'll spend some time learning more about your business and your specific workforce challenges.</p>
                        <a href="#" class="read-more"><i class="fa fa-arrow-right"></i></a>
                        <span class="step-count">02 - Step</span>
                    </div><!-- /.single-easy-step-one -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="single-easy-step-one">
                        <i class="payonline-icon-handshake"></i>
                        <h3><a href="#">Let’s Make it Happen</a></h3>
                        <p>We'll spend some time learning more about your business and your specific workforce challenges.</p>
                        <a href="#" class="read-more"><i class="fa fa-arrow-right"></i></a>
                        <span class="step-count">03 - Step</span>
                    </div><!-- /.single-easy-step-one -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.easy-steps-style-one -->

    <section class="client-style-one">
        <div class="container">
            <div class="client-carousel-one owl-carousel owl-theme">
                <div class="item">
                    <img src="images/brand-1-1.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-2.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-3.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-4.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-5.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-1.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-2.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-3.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-4.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-5.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-1.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-2.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-3.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-4.png" alt="Awesome Image"/>
                </div><!-- /.item -->
                <div class="item">
                    <img src="images/brand-1-5.png" alt="Awesome Image"/>
                </div><!-- /.item -->
            </div><!-- /.client-carousel-one owl-carousel owl-theme -->
        </div><!-- /.container -->
    </section><!-- /.client-style-one -->

    <section class="sec-pad">
        <div class="container">
            <div class="row masonary-layout masonary-destroy-lg">
                <div class="col-xl-6 col-lg-12 masonary-item">
                    <div class="video-box-style-one">
                        <div class="img-box">
                            <img src="images/video-1-1.jpg" alt="Awesome Image"/>
                            <div class="box">
                                <a href="https://www.youtube.com/watch?v=W5BXPql9sfQ" class="video-popup">
                                    <i class="fa fa-play"></i>
                                    <span class="btn-tag-line">Learn about WorkSuite  <i class="payonline-icon-share"></i></span>
                                </a>
                            </div><!-- /.box -->
                        </div><!-- /.img-box -->
                    </div><!-- /.video-box-style-one -->
                </div><!-- /.col-lg-6 -->
                <div class="col-xl-3 col-lg-6 col-md-6  masonary-item">
                    <div class="expertize-box-one">
                        <div class="inner-box">
                            <h3>45+ <br> Years</h3>
                            <p>Industry Experience</p>
                            <a href="#">Work with an expert</a>
                        </div><!-- /.inner-box -->
                    </div><!-- /.expertize-box-one -->
                </div><!-- /.col-md-6 -->
                <div class="col-xl-3 col-lg-6  col-md-6 masonary-item">
                    <div class="video-box-two">
                        <img src="images/video-1-2.jpg" alt="Awesome Image"/>
                    </div><!-- /.video-box-two -->
                </div><!-- /.col-md-6 -->
                <div class="col-xl-6 col-lg-12 masonary-item">
                    <form action="#" class="subscribe-form">
                        <h3>Stay ahead with the monthly newsletter</h3>
                        <input type="text" name="email" placeholder="Email address"><!--
                        --><button type="submit" class="thm-btn">Subscribe</button>
                    </form><!-- /.subscribe-form -->
                </div><!-- /.col-md-12 -->
            </div><!-- /.row masonary-layout -->
        </div><!-- /.container -->
    </section><!-- /.sec-pad -->

    <section class="get-apps-style-one">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 d-flex">
                    <div class="get-apps-style-one-content my-auto">
                        <div class="sec-title">
                            <span>WorkSuite  app</span>
                            <h2>Making life easier for our all <br> employees</h2>
                        </div><!-- /.sec-title -->
                        <p>Get access to your HR data anytime, anywhere, with the Payonline app. There are many variations of passages of lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
                        <div class="btn-box">
                            <a href="#" class="thm-btn style-two"><i class="fa fa-play"></i> google play</a><!--
                            --><a href="#" class="thm-btn"><i class="fa fa-apple"></i> apple store</a>
                            <span class="btn-tag-line">Try our application <i class="payonline-icon-share"></i></span>
                        </div><!-- /.btn-box -->
                    </div><!-- /.get-apps-style-one-content -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    <img src="images/mockup-11-1.png" class="featured-image" alt="Awesome Image"/>
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.get-apps-style-one -->

    <section class="sec-pad blog-style-one sec-pad">
        <div class="container">
            <div class="sec-title text-center">
                <span>Blog posts</span>
                <h2>WorkSuite  latest articles <br> for you</h2>
            </div><!-- /.sec-title -->
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="single-blog-style-one">
                        <div class="text-box hvr-sweep-to-bottom">
                            <div class="meta-info">
                                <a href="#">by admin</a><!--
                                --><span class="sep">-</span><!--
                                --><a href="#">20 May, 2019</a>
                            </div><!-- /.meta-info -->
                            <h3><a href="news-details.html">Is it Time to Audit your Employee Benefits Package?</a></h3>
                            <a href="news-details.html" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                        <div class="image-box">
                            <img src="images/blog-1-1.jpg" alt="Awesome Image"/>
                            <div class="box">
                                <a href="news-details.html" class="more-btn"><i class="fa fa-arrow-right"></i></a>
                            </div><!-- /.box -->
                        </div><!-- /.image-box -->
                    </div><!-- /.single-blog-style-one -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="single-blog-style-one">
                        <div class="text-box hvr-sweep-to-bottom">
                            <div class="meta-info">
                                <a href="#">by admin</a><!--
                                --><span class="sep">-</span><!--
                                --><a href="#">7 June, 2019</a>
                            </div><!-- /.meta-info -->
                            <h3><a href="news-details.html">California Supreme Court Adopts Test Broadening Definition of Employee</a></h3>
                            <a href="news-details.html" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                        <div class="image-box">
                            <img src="images/blog-1-2.jpg" alt="Awesome Image"/>
                            <div class="box">
                                <a href="news-details.html" class="more-btn"><i class="fa fa-arrow-right"></i></a>
                            </div><!-- /.box -->
                        </div><!-- /.image-box -->
                    </div><!-- /.single-blog-style-one -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="single-blog-style-one">
                        <div class="text-box hvr-sweep-to-bottom">
                            <div class="meta-info">
                                <a href="#">by admin</a><!--
                                --><span class="sep">-</span><!--
                                --><a href="#">20 May, 2019</a>
                            </div><!-- /.meta-info -->
                            <h3><a href="news-details.html">WorkSuite Costs for Supplemental Payments to Employees</a></h3>
                            <a href="news-details.html" class="read-more">Read More</a>
                        </div><!-- /.text-box -->
                        <div class="image-box">
                            <img src="images/blog-1-3.jpg" alt="Awesome Image"/>
                            <div class="box">
                                <a href="news-details.html" class="more-btn"><i class="fa fa-arrow-right"></i></a>
                            </div><!-- /.box -->
                        </div><!-- /.image-box -->
                    </div><!-- /.single-blog-style-one -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.sec-pad -->

    <section class="cta-one sec-pad">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-7">
                    <div class="cta-one-content">
                        <div class="sec-title">
                            <span>Find Your Solution</span>
                            <h2>Speak with a WorkSuite  <br> representative today!</h2>
                        </div><!-- /.sec-title -->
                        <form action="#" class="cta-form">
                            <select class="selectpicker">
                                <option>Payroll services</option>
                                <option>Payroll services</option>
                                <option>Payroll services</option>
                                <option>Payroll services</option>
                                <option>Payroll services</option>
                            </select>
                            <div class="btn-box">
                                <button type="submit" class="thm-btn">Let’s get started</button>
                                <div class="btn-tag-line"><i class="payonline-icon-share"></i>Are you ready?</div><!-- /.btn-tag-line -->
                            </div><!-- /.btn-box -->
                        </form><!-- /.cta-form -->
                    </div><!-- /.cta-one-content -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6 col-md-5 text-right">
                    <img src="images/mockup-1-2.png" alt="Awesome Image"/>
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.cta-one -->


    <?php include 'footer.html'; ?>

</div><!-- /.page-wrapper -->

<section class="hidden-sidebar side-navigation">
    <span class="close-button side-navigation-close-btn fa fa-close"></span><!-- /.close-button -->
    <div class="sidebar-content">
        <img src="images/hidden-bar-image-1-1.jpg" alt="Awesome Image"/>
        <p>Prefer speaking with a human to filling out a form? Call our corporate office and we will connect you with a team member <br> who can help.</p>
        <p class="contact-info"><i class="fa fa-phone"></i>2800 666 999</p><!-- /.contact-info -->
        <a href="#" class="download-btn one"><i class="fa fa-file-pdf-o"></i> Looking for your W-2?</a>
        <a href="#" class="download-btn two"><i class="fa fa-building-o"></i> WorkSuite  Sales Offices</a>
    </div><!-- /.sidebar-content -->
</section><!-- /.hidden-sidebar -->

<div class="search_area zoom-anim-dialog mfp-hide" id="test-search">
    <div class="search_box_inner">
        <div class="input-box">
            <input type="text" class="form-control" placeholder="Search for...">
            <span class="input-box-btn"> <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button> </span>
        </div>
    </div>
</div>


<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-long-arrow-up"></i></a>
<!-- /.scroll-to-top -->


<script src="js/jquery.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/theme.js"></script>


</body>

<!-- Mirrored from ashik.templatepath.net/payonline-preview-files/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 18 Jul 2023 11:14:50 GMT -->

<!-- Mirrored from z.commonsupport.com/html/payonline/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 30 Jan 2026 09:03:13 GMT -->
</html>