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

<head>
    <meta charset="UTF-8"/>
    <title>All Solutions || 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 class="inner-banner text-center">
        <div class="container">
            <ul class="breadcrumb">
                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">Our Solutions</a>
                </li>
                <li>
                    <span>All Solutions</span>
                </li>
            </ul><!-- /.breadcrumb -->
            <h1>All Solutions</h1>
        </div><!-- /.container -->
    </div><!-- /.inner-banner -->

    <section class="service-style-one sec-pad solutions-page">
        <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-two">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="sec-title">
                                    <span>Payroll</span>
                                    <h2>Track with Time and Labor <br> Management</h2>
                                </div><!-- /.sec-title -->
                                <p>Help employees maintain a stellar work/life balance, while keeping costs in line and protecting your labor budget. Using our Time and Labor Management tools, employees can manage their time and you can manage your labor needs.</p>
                                <div class="row">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Time & Attendance </li>
                                            <li> <i class="fa fa-check-circle"></i> Schedule Exchange </li>
                                            <li> <i class="fa fa-check-circle"></i> Time-Off Requests </li>
                                            <li> <i class="fa fa-check-circle"></i> Time Clocks </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Labor Allocation </li>
                                            <li> <i class="fa fa-check-circle"></i> Labor Management Reports </li>
                                            <li> <i class="fa fa-check-circle"></i> Enhanced ACA </li>
                                            <li> <i class="fa fa-check-circle"></i> Time and Labor Analytics </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                </div><!-- /.row -->
                                <a href="#" class="thm-btn">Learn More about time & attendance</a>
                            </div><!-- /.col-lg-6 -->
                            <div class="col-lg-6">
                                <img src="images/mockup-1-7.png" alt="Awesome Image"/>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                        
                    </div><!-- /.single-tab-content-two -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="time">
                    <div class="single-tab-content-two">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="sec-title">
                                    <span>Time & Attendance </span>
                                    <h2>Track with Time and Labor <br> Management</h2>
                                </div><!-- /.sec-title -->
                                <p>Help employees maintain a stellar work/life balance, while keeping costs in line and protecting your labor budget. Using our Time and Labor Management tools, employees can manage their time and you can manage your labor needs.</p>
                                <div class="row">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Time & Attendance </li>
                                            <li> <i class="fa fa-check-circle"></i> Schedule Exchange </li>
                                            <li> <i class="fa fa-check-circle"></i> Time-Off Requests </li>
                                            <li> <i class="fa fa-check-circle"></i> Time Clocks </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Labor Allocation </li>
                                            <li> <i class="fa fa-check-circle"></i> Labor Management Reports </li>
                                            <li> <i class="fa fa-check-circle"></i> Enhanced ACA </li>
                                            <li> <i class="fa fa-check-circle"></i> Time and Labor Analytics </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                </div><!-- /.row -->
                                <a href="#" class="thm-btn">Learn More about time & attendance</a>
                            </div><!-- /.col-lg-6 -->
                            <div class="col-lg-6">
                                <img src="images/mockup-1-7.png" alt="Awesome Image"/>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                        
                    </div><!-- /.single-tab-content-two -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="benefits">
                    <div class="single-tab-content-two">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="sec-title">
                                    <span>Benefits</span>
                                    <h2>Track with Time and Labor <br> Management</h2>
                                </div><!-- /.sec-title -->
                                <p>Help employees maintain a stellar work/life balance, while keeping costs in line and protecting your labor budget. Using our Time and Labor Management tools, employees can manage their time and you can manage your labor needs.</p>
                                <div class="row">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Time & Attendance </li>
                                            <li> <i class="fa fa-check-circle"></i> Schedule Exchange </li>
                                            <li> <i class="fa fa-check-circle"></i> Time-Off Requests </li>
                                            <li> <i class="fa fa-check-circle"></i> Time Clocks </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Labor Allocation </li>
                                            <li> <i class="fa fa-check-circle"></i> Labor Management Reports </li>
                                            <li> <i class="fa fa-check-circle"></i> Enhanced ACA </li>
                                            <li> <i class="fa fa-check-circle"></i> Time and Labor Analytics </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                </div><!-- /.row -->
                                <a href="#" class="thm-btn">Learn More about time & attendance</a>
                            </div><!-- /.col-lg-6 -->
                            <div class="col-lg-6">
                                <img src="images/mockup-1-7.png" alt="Awesome Image"/>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                        
                    </div><!-- /.single-tab-content-two -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="hr-management">
                    <div class="single-tab-content-two">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="sec-title">
                                    <span>HR Management</span>
                                    <h2>Track with Time and Labor <br> Management</h2>
                                </div><!-- /.sec-title -->
                                <p>Help employees maintain a stellar work/life balance, while keeping costs in line and protecting your labor budget. Using our Time and Labor Management tools, employees can manage their time and you can manage your labor needs.</p>
                                <div class="row">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Time & Attendance </li>
                                            <li> <i class="fa fa-check-circle"></i> Schedule Exchange </li>
                                            <li> <i class="fa fa-check-circle"></i> Time-Off Requests </li>
                                            <li> <i class="fa fa-check-circle"></i> Time Clocks </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Labor Allocation </li>
                                            <li> <i class="fa fa-check-circle"></i> Labor Management Reports </li>
                                            <li> <i class="fa fa-check-circle"></i> Enhanced ACA </li>
                                            <li> <i class="fa fa-check-circle"></i> Time and Labor Analytics </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                </div><!-- /.row -->
                                <a href="#" class="thm-btn">Learn More about time & attendance</a>
                            </div><!-- /.col-lg-6 -->
                            <div class="col-lg-6">
                                <img src="images/mockup-1-7.png" alt="Awesome Image"/>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                        
                    </div><!-- /.single-tab-content-two -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="hiring">
                    <div class="single-tab-content-two">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="sec-title">
                                    <span>Hiring</span>
                                    <h2>Track with Time and Labor <br> Management</h2>
                                </div><!-- /.sec-title -->
                                <p>Help employees maintain a stellar work/life balance, while keeping costs in line and protecting your labor budget. Using our Time and Labor Management tools, employees can manage their time and you can manage your labor needs.</p>
                                <div class="row">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Time & Attendance </li>
                                            <li> <i class="fa fa-check-circle"></i> Schedule Exchange </li>
                                            <li> <i class="fa fa-check-circle"></i> Time-Off Requests </li>
                                            <li> <i class="fa fa-check-circle"></i> Time Clocks </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                        <ul class="list-items">
                                            <li> <i class="fa fa-check-circle"></i> Labor Allocation </li>
                                            <li> <i class="fa fa-check-circle"></i> Labor Management Reports </li>
                                            <li> <i class="fa fa-check-circle"></i> Enhanced ACA </li>
                                            <li> <i class="fa fa-check-circle"></i> Time and Labor Analytics </li>
                                        </ul><!-- /.list-items -->
                                    </div><!-- /.col-lg-6 -->
                                </div><!-- /.row -->
                                <a href="#" class="thm-btn">Learn More about time & attendance</a>
                            </div><!-- /.col-lg-6 -->
                            <div class="col-lg-6">
                                <img src="images/mockup-1-7.png" alt="Awesome Image"/>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                        
                    </div><!-- /.single-tab-content-two -->
                </div>
            </div>
        </div><!-- /.container -->
    </section><!-- /.service-style-one -->

    <section class="service-style-two sec-pad-top solutions-page">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-service-two">
                        <div class="icon-box">
                            <i class="payonline-icon-factory"></i>
                        </div><!-- /.icon-box -->
                        <h3>Solutions by Industry</h3>
                        <p>Learn how Payonline's payroll and HR software can help everyone accomplish their goals.</p>
                        <a href="#" class="read-more">Read More</a>
                    </div><!-- /.single-service-two -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-service-two">
                        <div class="icon-box">
                            <i class="payonline-icon-employee"></i>
                        </div><!-- /.icon-box -->
                        <h3>Solutions by Role</h3>
                        <p>Learn how Payonline’s payroll and HR software meets your specific needs. Payroll software can help.</p>
                        <a href="#" class="read-more">Read More</a>
                    </div><!-- /.single-service-two -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                    <div class="single-service-two">
                        <div class="icon-box">
                            <i class="payonline-icon-apartment"></i>
                        </div><!-- /.icon-box -->
                        <h3>Solutions by Business <br> Size</h3>
                        <p>Cut through the red tape with Payonline solutions for small business.</p>
                        <a href="#" class="read-more">Read More</a>
                    </div><!-- /.single-service-two -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.service-style-two -->

    <section class="testimonials-style-one sec-pad">
        <div class="container">
            <div class="sec-title text-center">
                <span>Recent feedbacks</span>
                <h2>Read what our clients <br> are saying</h2>
            </div><!-- /.sec-title -->
            <div class="testimonials-carousel owl-carousel owl-theme">
                <div class="item">
                    <div class="single-testimonial-one clearfix">
                        <div class="text-box">
                            <i class="payonline-icon-left-quotes-sign"></i>
                            <p>This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.</p>
                            <h3>- Ashlea Grabner</h3>
                        </div><!-- /.text-box -->
                        <div class="img-box">
                            <img src="images/testi-1-1.jpg" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                    </div><!-- /.single-testimonial-one -->
                </div><!-- /.item -->
                <div class="item">
                    <div class="single-testimonial-one clearfix">
                        <div class="text-box">
                            <i class="payonline-icon-left-quotes-sign"></i>
                            <p>This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.</p>
                            <h3>- Virginia Winrich</h3>
                        </div><!-- /.text-box -->
                        <div class="img-box">
                            <img src="images/testi-1-2.jpg" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                    </div><!-- /.single-testimonial-one -->
                </div><!-- /.item -->
                <div class="item">
                    <div class="single-testimonial-one clearfix">
                        <div class="text-box">
                            <i class="payonline-icon-left-quotes-sign"></i>
                            <p>This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch.</p>
                            <h3>- Virginia Winrich</h3>
                        </div><!-- /.text-box -->
                        <div class="img-box">
                            <img src="images/testi-1-1.jpg" alt="Awesome Image"/>
                        </div><!-- /.img-box -->
                    </div><!-- /.single-testimonial-one -->
                </div><!-- /.item -->
            </div><!-- /.testimonials-carousel owl-carousel owl-theme -->
        </div><!-- /.container -->
    </section><!-- /.testimonials-style-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> Payonline 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>

</html>