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

<head>
    <meta charset="UTF-8"/>
    <title>How Solution Works || WorkSuite  || 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/WorkSuite -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">
    <link rel="stylesheet" type="text/css" href="css/jquery.bxslider.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="#">How We Works</a>
                </li>
                <li>
                    <span>How Solution Works</span>
                </li>
            </ul><!-- /.breadcrumb -->
            <h1>How Solution Works</h1>
        </div><!-- /.container -->
    </div><!-- /.inner-banner -->

    <section class="how-we-work-wrapper sec-pad-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="image-box">
                        <img src="images/how-we-work-1-1.jpg" alt="Awesome Image"/>
                    </div><!-- /.image-box -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    <div class="content-box">
                        <div class="sec-title">
                            <span>How it works</span>
                            <h2>See how our flexible solution can work for you</h2>
                        </div><!-- /.sec-title -->
                        <p class="large-paragraph">Whether you’re a small-business owner or an HR manager, we have the right combination of human capital management technology and service to help you achieve your goals. WorkSuite  is a powerful, cloud-based  solution, serving as a platform to help you manage employee records, streamline talent management, and access data to help make important business decisions. WorkSuite  backed by our dedicated service center, which is available to provide support 24/7.</p>
                    </div><!-- /.content-box -->
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section>
    <section class="how-work-steps">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="single-how-work-step">
                        <div class="icon-box">
                            <i class="WorkSuite -icon-users"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Our <br> People</h3>
                        </div><!-- /.text-box -->
                        <div class="outer-box">+</div><!-- /.outer-box -->
                    </div><!-- /.single-how-work-step -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4">
                    <div class="single-how-work-step">
                        <div class="icon-box">
                            <i class="WorkSuite -icon-person-working-in-front-of-a-computer"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Our <br> Technology</h3>
                        </div><!-- /.text-box -->
                        <div class="outer-box equal-box">=</div><!-- /.outer-box -->
                    </div><!-- /.single-how-work-step -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4">
                    <div class="single-how-work-step">
                        <div class="icon-box">
                            <i class="WorkSuite -icon-checkmark-outlined-circular-button"></i>
                        </div><!-- /.icon-box -->
                        <div class="text-box">
                            <h3>Your <br> Solution</h3>
                        </div><!-- /.text-box -->
                    </div><!-- /.single-how-work-step -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.how-work-steps -->


    <section class="how-we-work-tab sec-pad">
        <div class="container">
            <div class="sec-title text-center">
                <span>Solution for all businesses</span>
                <h2>HCM software and service that <br> work together</h2>
            </div><!-- /.sec-title -->

            <ul class="nav nav-tabs tab-title clearfix" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" href="#plan-1" role="tab" data-toggle="tab">
                        1-9 Employee
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#plan-2" role="tab" data-toggle="tab">
                        10-29 Employee
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#plan-3" role="tab" data-toggle="tab">
                        20-49 Employee
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#plan-4" role="tab" data-toggle="tab">
                        50-100 Employee
                    </a>
                </li>
            </ul>

            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade show active" id="plan-1">
                    <div class="row low-gutter">
                        <div class="col-xl-8">
                            <div class="content-box clearfix gray-bg people-box">
                                <div class="img-box">
                                    <img src="images/how-we-work-2-1.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our people</h3>
                                    <span>Dedicated HR professional</span>
                                    <p class="large-paragraph">As Jessica took on more HR responsibilities, she enlisted the help of a HR expert, Christine, who is dedicated resource for employment related needs.</p>
                                    <a href="#" class="read-more">Learn about our scalable HR support</a>
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                            <div class="content-box clearfix gray-bg tech-box">
                                <div class="outer-box">+</div><!-- /.outer-box -->
                                <div class="outer-box equal-box">=</div><!-- /.outer-box -->
                                <div class="img-box">
                                    <img src="images/how-we-work-2-2.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our technology</h3>
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>Payroll
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Time & Attendance</li>
                                                <li><i class="fa fa-check-circle"></i>Hiring & Onboarding</li>
                                                <li><i class="fa fa-check-circle"></i>Applicant Tracking</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 col-md-12 -->
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>HR Records
                                                <li><i class="fa fa-check-circle"></i>Benefits Admin</li>
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Retirement Services</li>
                                                <li><i class="fa fa-check-circle"></i>Reporting & Analytics</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 -->
                                    </div><!-- /.row -->
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-8 -->
                        <div class="col-xl-4">
                            <div class="content-box gray-bg person-box">
                                <h3>Jesscia's solution</h3>
                                <p class="large-paragraph">Jessica’s WorkSuite  solution has simplified her life tremendously. It started with Christine coming on site to conduct an HR assessment and create a program for Jennifer to manage employees more effectively. <br> When HR-related questions crop up, all Jessica has to do is call or text Christine (she has her personal number) for help.</p>
                                <div class="btn-box">
                                    <a href="#" class="thm-btn">Create your solution</a>
                                    <div class="btn-tag-line">Are you read? <i class="WorkSuite -icon-share"></i></div><!-- /.btn-tag-line -->
                                </div><!-- /.btn-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-4 -->
                    </div><!-- /.row -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="plan-2">
                    <div class="row low-gutter">
                        <div class="col-xl-8">
                            <div class="content-box clearfix gray-bg people-box">
                                <div class="img-box">
                                    <img src="images/how-we-work-2-1.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our people</h3>
                                    <span>Dedicated HR professional</span>
                                    <p class="large-paragraph">As Jessica took on more HR responsibilities, she enlisted the help of a HR expert, Christine, who is dedicated resource for employment related needs.</p>
                                    <a href="#" class="read-more">Learn about our scalable HR support</a>
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                            <div class="content-box clearfix gray-bg tech-box">
                                <div class="outer-box">+</div><!-- /.outer-box -->
                                <div class="outer-box equal-box">=</div><!-- /.outer-box -->
                                <div class="img-box">
                                    <img src="images/how-we-work-2-2.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our technology</h3>
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>Payroll
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Time & Attendance</li>
                                                <li><i class="fa fa-check-circle"></i>Hiring & Onboarding</li>
                                                <li><i class="fa fa-check-circle"></i>Applicant Tracking</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 col-md-12 -->
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>HR Records
                                                <li><i class="fa fa-check-circle"></i>Benefits Admin</li>
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Retirement Services</li>
                                                <li><i class="fa fa-check-circle"></i>Reporting & Analytics</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 -->
                                    </div><!-- /.row -->
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-8 -->
                        <div class="col-xl-4">
                            <div class="content-box gray-bg person-box">
                                <h3>Jesscia's solution</h3>
                                <p class="large-paragraph">Jessica’s WorkSuite  solution has simplified her life tremendously. It started with Christine coming on site to conduct an HR assessment and create a program for Jennifer to manage employees more effectively. <br> When HR-related questions crop up, all Jessica has to do is call or text Christine (she has her personal number) for help.</p>
                                <div class="btn-box">
                                    <a href="#" class="thm-btn">Create your solution</a>
                                    <div class="btn-tag-line">Are you read? <i class="WorkSuite -icon-share"></i></div><!-- /.btn-tag-line -->
                                </div><!-- /.btn-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-4 -->
                    </div><!-- /.row -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="plan-3">
                    <div class="row low-gutter">
                        <div class="col-xl-8">
                            <div class="content-box clearfix gray-bg people-box">
                                <div class="img-box">
                                    <img src="images/how-we-work-2-1.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our people</h3>
                                    <span>Dedicated HR professional</span>
                                    <p class="large-paragraph">As Jessica took on more HR responsibilities, she enlisted the help of a HR expert, Christine, who is dedicated resource for employment related needs.</p>
                                    <a href="#" class="read-more">Learn about our scalable HR support</a>
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                            <div class="content-box clearfix gray-bg tech-box">
                                <div class="outer-box">+</div><!-- /.outer-box -->
                                <div class="outer-box equal-box">=</div><!-- /.outer-box -->
                                <div class="img-box">
                                    <img src="images/how-we-work-2-2.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our technology</h3>
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>Payroll
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Time & Attendance</li>
                                                <li><i class="fa fa-check-circle"></i>Hiring & Onboarding</li>
                                                <li><i class="fa fa-check-circle"></i>Applicant Tracking</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 col-md-12 -->
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>HR Records
                                                <li><i class="fa fa-check-circle"></i>Benefits Admin</li>
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Retirement Services</li>
                                                <li><i class="fa fa-check-circle"></i>Reporting & Analytics</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 -->
                                    </div><!-- /.row -->
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-8 -->
                        <div class="col-xl-4">
                            <div class="content-box gray-bg person-box">
                                <h3>Jesscia's solution</h3>
                                <p class="large-paragraph">Jessica’s WorkSuite  solution has simplified her life tremendously. It started with Christine coming on site to conduct an HR assessment and create a program for Jennifer to manage employees more effectively. <br> When HR-related questions crop up, all Jessica has to do is call or text Christine (she has her personal number) for help.</p>
                                <div class="btn-box">
                                    <a href="#" class="thm-btn">Create your solution</a>
                                    <div class="btn-tag-line">Are you read? <i class="WorkSuite -icon-share"></i></div><!-- /.btn-tag-line -->
                                </div><!-- /.btn-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-4 -->
                    </div><!-- /.row -->
                </div>
                <div role="tabpanel" class="tab-pane fade" id="plan-4">
                    <div class="row low-gutter">
                        <div class="col-xl-8">
                            <div class="content-box clearfix gray-bg people-box">
                                <div class="img-box">
                                    <img src="images/how-we-work-2-1.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our people</h3>
                                    <span>Dedicated HR professional</span>
                                    <p class="large-paragraph">As Jessica took on more HR responsibilities, she enlisted the help of a HR expert, Christine, who is dedicated resource for employment related needs.</p>
                                    <a href="#" class="read-more">Learn about our scalable HR support</a>
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                            <div class="content-box clearfix gray-bg tech-box">
                                <div class="outer-box">+</div><!-- /.outer-box -->
                                <div class="outer-box equal-box">=</div><!-- /.outer-box -->
                                <div class="img-box">
                                    <img src="images/how-we-work-2-2.jpg" alt="Awesome Image"/>
                                </div><!-- /.img-box -->
                                <div class="text-box">
                                    <h3>Our technology</h3>
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>Payroll
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Time & Attendance</li>
                                                <li><i class="fa fa-check-circle"></i>Hiring & Onboarding</li>
                                                <li><i class="fa fa-check-circle"></i>Applicant Tracking</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 col-md-12 -->
                                        <div class="col-lg-6 col-md-12">
                                            <ul class="list-items">
                                                <li><i class="fa fa-check-circle"></i>HR Records
                                                <li><i class="fa fa-check-circle"></i>Benefits Admin</li>
                                                <li class="disabled"><i class="fa fa-check-circle"></i>Retirement Services</li>
                                                <li><i class="fa fa-check-circle"></i>Reporting & Analytics</li>
                                            </ul><!-- /.list-items -->
                                        </div><!-- /.col-lg-6 -->
                                    </div><!-- /.row -->
                                </div><!-- /.text-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-8 -->
                        <div class="col-xl-4">
                            <div class="content-box gray-bg person-box">
                                <h3>Jesscia's solution</h3>
                                <p class="large-paragraph">Jessica’s WorkSuite  solution has simplified her life tremendously. It started with Christine coming on site to conduct an HR assessment and create a program for Jennifer to manage employees more effectively. <br> When HR-related questions crop up, all Jessica has to do is call or text Christine (she has her personal number) for help.</p>
                                <div class="btn-box">
                                    <a href="#" class="thm-btn">Create your solution</a>
                                    <div class="btn-tag-line">Are you read? <i class="WorkSuite -icon-share"></i></div><!-- /.btn-tag-line -->
                                </div><!-- /.btn-box -->
                            </div><!-- /.content-box -->
                        </div><!-- /.col-lg-4 -->
                    </div><!-- /.row -->
                </div>
            </div>

        </div><!-- /.container -->
    </section><!-- /.how-we-work-tab -->    

<?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/jquery.bxslider.min.js"></script>
<script src="js/theme.js"></script>


</body>

<!-- Mirrored from ashik.templatepath.net/WorkSuite -preview-files/how-work.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 18 Jul 2023 11:15:09 GMT -->

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