{Ninja-Shell}

Filename: ////var/www/comjagat-org-website/uk/consultant-human.html

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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Binox HTML5 Template">

<title>Consultant human resource</title>

<link rel="icon" type="image/x-icon" href="assets/imgs/logo/favicon.webp">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/all.min.css">
  <link rel="stylesheet" href="assets/css/icomon.css">
  <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="assets/css/meanmenu.min.css">
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/master-human.css">

</head>

<div id="preloader">
    <div id="container" class="container-preloader">
      <div class="animation-preloader">
        <div class="spinner"></div>
        <div class="txt-loading">
          <span data-text="B" class="characters">B</span>
          <span data-text="I" class="characters">I</span>
          <span data-text="N" class="characters">N</span>
          <span data-text="O" class="characters">O</span>
          <span data-text="X" class="characters">X</span>
        </div>
      </div>
      <div class="loader-section section-left"></div>
      <div class="loader-section section-right"></div>
    </div>
  </div>

<div class="cursor1"></div>
  <div class="cursor2"></div>

<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
    </svg>
  </div>

<div class="switcher__area">
    <div class="switcher__icon">
      <button id="switcher_open"><i class="fa-solid fa-gear"></i></button>
      <button id="switcher_close"><i class="fa-solid fa-xmark"></i></button>
    </div>
    <div class="switcher__items">

<div class="switcher__item">
        <div class="switch__title-wrap">
          <p class="switcher__title">Language Support</p>
        </div>
        <div class="switcher__btn lang_dir wc-col-2">
          <button class="active" data-mode="ltr">LTR</button>
          <button data-mode="rtl">RTL</button>
        </div>
      </div>
      <div class="switcher__item">
        <div class="switch__title-wrap">
          <p class="switcher__title">Layout</p>
        </div>
        <div class="switcher__btn layout-type wc-col-2">
          <button class="active" data-mode="full-width">Full Width</button>
          <button data-mode="box-layout">Box Layout</button>
        </div>
      </div>
      <div class="switcher__item">
        <div class="switch__title-wrap">
          <p class="switcher__title">Cursor</p>
        </div>
        <div class="switcher__btn">
          <select name="cursor-style" id="cursor_style">
            <option value="1">default</option>
            <option selected value="2">animated</option>
          </select>
        </div>
      </div>
    </div>
  </div>

<div class="offcanvas-3__area">
    <div class="offcanvas-3__inner">
      <div class="offcanvas-3__meta-wrapper">
        <div class="">
          <button id="close_offcanvas" class="close-button close-offcanvas" onclick="hideCanvas3()">
            <span></span>
            <span></span>
          </button>
        </div>
        <div class="">
          <div class="offcanvas-3__meta mb-145 d-none d-md-block">
            <ul>
              <li><a href="tel:+2-352698102" class="unnerline"><u>+2-352 698 102</u></a></li>
              <li><a href="mailto:contact@me.com">contact@me.com</a></li>
              <li><a href="#">27 Division St, <br>
                  New York, NY 10002, USA</a></li>
            </ul>
          </div>
          <div class="offcanvas-3__social d-none d-md-block">
            <p class="title">Follow Me</p>
            <div class="offcanvas-3__social-links">
              <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
              <a href="#"><i class="fa-brands fa-twitter"></i></a>
              <a href="#"><i class="fa-brands fa-dribbble"></i></a>
              <a href="#"><i class="fa-brands fa-instagram"></i></a>
            </div>
          </div>
        </div>
      </div>
      <div class="offcanvas-3__menu-wrapper">
        <nav class="nav-menu offcanvas-3__menu">
          <ul>
            <li><a href="consultant-agency.html">consultant-agency</a></li>
            <li><a href="consultant-bank.html">consultant-bank</a></li>
            <li><a href="consultant-business.html">consultant-business</a></li>
            <li><a href="consultant-corporate.html">consultant-corporate</a></li>
            <li><a href="consultant-financial.html">consultant-financial</a></li>
            <li><a href="consultant-human.html">consultant-human</a></li>
            <li><a href="consultant-insurance.html">consultant-insurance</a></li>
            <li><a href="consultant-it.html">consultant-it</a></li>
            <li><a href="consultant-management.html">consultant-management</a></li>
            <li><a href="consultant-marketing.html">consultant-marketing</a></li>
            <li><a href="consultant-tax.html">consultant-tax</a></li>
            <li><a href="consultant-travel.html">consultant-travel</a></li>
            <li><a href="about-1.html">about-1</a></li>
            <li><a href="about-2.html">about-2</a></li>
            <li><a href="service-style-1.html">service style -1</a></li>
            <li><a href="service-style-2.html">service style -2</a></li>
            <li><a href="service-style-3.html">service style -3</a></li>
            <li><a href="service-style-4.html">service style -4</a></li>
            <li><a href="service-style-5.html">service style -5</a></li>
            <li><a href="service-style-6.html">service style -6</a></li>
            <li><a href="service-details.html">service details</a></li>
            <li><a href="faq.html">faq</a></li>
            <li><a href="projects.html">project</a></li>
            <li><a href="price-style-1.html">price-style-1</a></li>
            <li><a href="faq.html">price-style-1</a></li>
            <li><a href="project-details.html">project details</a></li>
            <li><a href="blog-style-1.html">blog style -1</a></li>
            <li><a href="blog-details.html">blog details</a></li>
            <li><a href="contact.html">contact</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </div>

<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
    aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-body">
          <form action="#" class="form-search">
            <input type="text" placeholder="Search">
            <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
          </form>
        </div>
      </div>
    </div>
  </div>

<header class="header-area">
    <div class="container container-large">
      <div class="header-area__inner">
        <div class="header__logo d-block d-lg-none">
          <a href="index.html">
            <img src="assets/imgs/logo/logo-horizontal.webp" alt="Site Logo">
          </a>
        </div>
        <div class="header__nav">
          <nav class="main-menu">
            <ul>
              <li class="menu-item-has-children"><a href="index.html">home</a>
                <ul class="mega-menu">
                  <li>
                    <a href="consultant-agency.html">
                      <img src="assets/imgs/pages/agencey.webp" alt="agencey home page">
                      <span>consultant-agency </span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-bank.html">
                      <img src="assets/imgs/pages/bank.webp" alt="bank home page">
                      <span>consultant-bank</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-business.html">
                      <img src="assets/imgs/pages/business.webp" alt="business home page">
                      <span>consultant-business</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-corporate.html">
                      <img src="assets/imgs/pages/corporate.webp" alt="corporate home page">
                      <span>consultant-corporate</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-financial.html">
                      <img src="assets/imgs/pages/financial.webp" alt="financial home page">
                      <span>consultant-financial</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-human.html">
                      <img src="assets/imgs/pages/human.webp" alt="human home page">
                      <span class="active">consultant-human <span class="active-circle"></span></span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-insurance.html">
                      <img src="assets/imgs/pages/insurence.webp" alt="insurence home page">
                      <span>consultant-insurance</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-it.html">
                      <img src="assets/imgs/pages/it.webp" alt="it home page">
                      <span>consultant-it</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-management.html">
                      <img src="assets/imgs/pages/management.webp" alt="management home page">
                      <span>consultant-management</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-marketing.html">
                      <img src="assets/imgs/pages/marketing.webp" alt="marketing home page">
                      <span>consultant-marketing</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-tax.html">
                      <img src="assets/imgs/pages/tax.webp" alt="tax home page">
                      <span>consultant-tax</span>
                    </a>
                  </li>
                  <li>
                    <a href="consultant-travel.html">
                      <img src="assets/imgs/pages/travel.webp" alt="travel home page">
                      <span>consultant-travel</span>
                    </a>
                  </li>

</ul>
              </li>
              <li class="menu-item-has-children"><a href="service-style-1.html">service</a>
                <ul class="dp-menu">
                  <li><a href="service-style-1.html">service Style -1</a></li>
                  <li><a href="service-style-2.html">service Style -2</a></li>
                  <li><a href="service-style-3.html">service Style -3</a></li>
                  <li><a href="service-style-4.html">service Style -4</a></li>
                  <li><a href="service-style-5.html">service Style -5</a></li>
                  <li><a href="service-style-6.html">service Style -6</a></li>
                  <li><a href="service-details.html">service details</a></li>
                </ul>
              </li>
              <li class="menu-item-has-children">
                <a href="#">Pages</a>
                <ul class="dp-menu">
                  <li><a href="about-1.html">about Style -1</a></li>
                  <li><a href="about-2.html">about Style -2</a></li>
                  <li><a href="team-style-1.html">team-style-1</a></li>
                  <li><a href="team-style-2.html">team-style-2</a></li>
                  <li><a href="team-details.html">team-details</a></li>
                  <li><a href="price-style-1.html">price-style</a></li>
                  <li><a href="faq.html">faq</a></li>
                  <li><a href="contact.html">Contact</a></li>
                  <li><a href="404.html">404</a></li>
                </ul>
              </li>
              <li class="menu-item-has-children">
                <a href="#">project</a>
                <ul class="dp-menu">
                  <li><a href="projects.html">project </a></li>
                  <li><a href="project-details.html">project details</a></li>
                </ul>
              </li>
              <li class="menu-item-has-children">
                <a href="#">blog</a>
                <ul class="dp-menu">
                  <li><a href="blog-style-1.html">blog style -1</a></li>
                  <li><a href="blog-style-2.html">blog style -2</a></li>
                  <li><a href="blog-details.html">blog details</a></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
        <div class="header-right">
          <div class="header__meta d-none d-md-block">
            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span data-text="Let’s Talk">Let’s
                Talk</span> <img src="assets/imgs/icon/icon-r-21.webp" alt="arrow-icon"> </a>
          </div>
          <div class="header__search d-none d-md-block">
            <div class="search-icon" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
              
              <img src="assets/imgs/icon/search.webp" alt="search">
            </div>
          </div>
          <div class="header__nav">
            <button onclick="showCanvas3()" class="open-offcanvas">
              <img src="assets/imgs/icon/bar-dot.webp" alt="menu bar"></button>
          </div>
        </div>
      </div>
    </div>
  </header>

<div class="overlay-switcher-close"></div>

<main>

<section class="banner-area banner-9">
            <div class="section-lines">
              <div class="container">
                <div class="line-area">
                  <div class="lines">
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="intro-shape-1">
              <img src="assets/imgs/shape/shape-r-1.webp" alt="">
            </div>
            <div class="banner-wrapper">
              <div class="banner-left">
                <div class="logo">
                  <a href="index.html"><img src="assets/imgs/logo/logo-vertical.webp" alt="logo"></a>
                </div>
                <div class="social-links">
                  <p class="text has-right-line">Follow Us</p>
                  <ul class="social-icons">
                    <li><a href="#"><i class="icon-wcf-pinterest"></i></a></li>
                    <li><a href="#"><i class="icon-wcf-wcf-wcf-dribbble"></i></a></li>
                    <li><a href="#"><i class="icon-wcf-instragram"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="banner-right">
                <div class="container container-large">

<div class="banner-content-wrapper">
                    <div class="content">
                      <h2 class="title has_fade_anim">21st-Century HR & Business Solutions</h2>
                      <div class="cf_text has_fade_anim" data-delay=".35">
                        <p class="text">Our expertise in effectively handling your HR need.</p>
                      </div>
                      <div class="btn-wrapper has_fade_anim" data-delay=".5">
                        <a href="about-1.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                            data-text="Get Consult">Get
                            Consult </span> <img src="assets/imgs/icon/icon-r-21.webp" alt="arrow-icon"></a>
                      </div>
                      <a href="#" class="scroll-up-btn"> <span>Scroll</span> <i class="icon-wcf-arrow-down-1"></i> </a>
                    </div>
                    <div class="thumb-wrapper">
                      <div class="cf_thumb has_fade_anim" data-delay=".65" data-ease="slow(0.7,0.7,false)">
                        <img src="assets/imgs/gallery/img-r-37.webp" alt="gallary">
                      </div>
                      <div class="customer-box has_fade_anim" data-delay=".8" data-ease="elastic.out(1,0.3)">
                        <h3 class="title wc-counter">2k+</h3>
                        <p class="text">Client’s HR solution
                          in every week</p>
                        <div class="thumbs">
                          <img src="assets/imgs/client/img-s-2.webp" alt="">
                          <img src="assets/imgs/client/img-s-3.webp" alt="">
                          <img src="assets/imgs/client/img-s-4.webp" alt="">
                          <img src="assets/imgs/client/img-add.webp" alt="">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>

<section id="triggeredSection" class="about-area section-spacing">
            <div class="section-lines">
              <div class="container">
                <div class="line-area">
                  <div class="lines">
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                  </div>
                </div>
              </div>
            </div>
            <img class="area-shape-1" src="assets/imgs/shape/x-shape-5.webp" alt="shape">
            <div class="container">
              <div class="about-area-inner">
                <div class="section-content">
                  <div class="section-title-wrapper">
                    <div class="title-wrapper has_fade_anim">
                      <h2 class="section-title">We’ve spent 13+ year’s <br>
                        of experience helping business own become better employers.</h2>
                    </div>
                  </div>
                  <div class="thumb-wrapper has_fade_anim" data-fade-from="left">
                    <div class="react-shape">
                      <span class="text">Who we are</span>
                    </div>
                    <div class="react-thumb">
                      <img src="assets/imgs/gallery/img-r-14.webp" alt="about-image">
                    </div>
                  </div>
                  <div class="text-wrapper has_fade_anim">
                    <p class="text">We are dedicated to guiding you on your financial journey with expertise, integrity
                      and a personalized approach. we’re highly dedicated to financial journey. Business we operate in
                      is like an intricate keep score with money.</p>
                    <p class="text">Working with <span>binox-HR</span> gives you a peace of mind in real-time, and that
                      your taxes are filed and paid on schedule.</p>
                  </div>
                  <div class="btn-wrapper has_fade_anim">
                    <a href="contact.html" class="wc-btn-primary btn-text-flip"> <span data-text="Get in touch">Get in
                        touch</span> <img src="assets/imgs/icon/icon-r-21.webp" alt="arrow-icon"></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="area-thumb">
              <img src="assets/imgs/gallery/img-s-21.webp" alt="hero image">
            </div>
          </section>

<section class="feature-area">
            <div class="feature-thumb">
              <img src="assets/imgs/gallery/img-r-39.webp" alt="feature-thumb">
            </div>
            <div class="feature-wrapper has_fade_anim">
              <div class="x-shape">
                <img src="assets/imgs/shape/x-shape-2.webp" alt="x-shape">
              </div>
              <div class="feature-list-wrapper">
                <div class="feature-list">
                  <div class="feature-item">
                    <span class="sub-title">01</span>
                    <h2 class="title">Compensation and
                      classification form</h2>
                  </div>
                  <div class="feature-item">
                    <span class="sub-title">02</span>
                    <h2 class="title">Recruitment
                      Solutions</h2>
                  </div>
                  <div class="feature-item">
                    <span class="sub-title">03</span>
                    <h2 class="title">Employee Training</h2>
                  </div>
                  <div class="feature-item">
                    <span class="sub-title">04</span>
                    <h2 class="title">Support</h2>
                  </div>
                </div>
              </div>
              <div class="feature-content">
                <div class="section-heading">
                  <div class="section-title-wrapper">
                    <div class="title-wrapper">
                      <h2 class="section-title">Binox-HR advantage</h2>
                    </div>
                    <div class="cf_text">
                      <p class="text">Working with <span>binox-HR</span> gives you peace mind in real-time, that your
                        taxes are filed and paid on schedule.</p>
                    </div>
                    <div class="btn-wrapper">
                      <a href="about-1.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                          data-text="Get Consult">Get
                          Consult </span> <img src="assets/imgs/icon/icon-r-21.webp" alt="arrow-icon"></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>

<section class="service-area style-6 section-spacing line-area">
            <div class="section-lines">
              <div class="container">
                <div class="line-area">
                  <div class="lines">
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="container">
              <div class="section-heading">
                <div class="section-title-wrapper">
                  <div class="title-wrapper has_fade_anim">
                    <h2 class="section-title">How can we <span>help you
                        in the sector</span></h2>
                  </div>
                  <div class="subtitle-wrapper has_fade_anim" data-delay=".35">
                    <span class="section-subtitle"><a href="service-style-1.html">View all services</a></span>
                  </div>
                </div>
              </div>
              <div class="feature-wrapper">
                <div class="wcf_iconbox style-8 has_fade_anim">
                  <div class="thumb">
                    <div class="cf_image">
                      <a href="service-details.html"><img src="assets/imgs/gallery/img-r-33.webp"
                          alt="feature image"></a>
                    </div>
                  </div>
                  <div class="content">
                    <div class="count">
                      <span>01</span>
                    </div>
                    <div class="cf_title">
                      <h4 class="title"><a href="service-details.html">HR</a></h4>
                    </div>
                    <div class="cf_text">
                      <p class="text">Trade stocks of the biggest names in the international stock market</p>
                    </div>
                    <div class="cf-btn-wrapper">
                      <a href="service-details.html" class="cf_btn wc-btn-default btn-text-flip"><span
                          data-text="Read More">Read
                          More</span> </a>
                    </div>
                  </div>
                </div>
                <div class="wcf_iconbox style-8 has_fade_anim" data-delay=".35">
                  <div class="thumb">
                    <div class="cf_image">
                      <a href="service-details.html"><img src="assets/imgs/gallery/img-r-34.webp"
                          alt="feature image"></a>
                    </div>
                  </div>
                  <div class="content">
                    <div class="count">
                      <span>02</span>
                    </div>
                    <div class="cf_title">
                      <h4 class="title"><a href="service-details.html">Benefits</a></h4>
                    </div>
                    <div class="cf_text">
                      <p class="text">Trade stocks of the biggest names in the international stock market</p>
                    </div>
                    <div class="cf-btn-wrapper">
                      <a href="service-details.html" class="cf_btn wc-btn-default btn-text-flip"><span
                          data-text="Read More">Read
                          More</span> </a>
                    </div>
                  </div>
                </div>
                <div class="wcf_iconbox style-8 has_fade_anim" data-delay=".5">
                  <div class="thumb">
                    <div class="cf_image">
                      <a href="service-details.html"><img src="assets/imgs/gallery/img-r-35.webp"
                          alt="feature image"></a>
                    </div>
                  </div>
                  <div class="content">
                    <div class="count">
                      <span>03</span>
                    </div>
                    <div class="cf_title">
                      <h4 class="title"><a href="service-details.html">Payroll</a></h4>
                    </div>
                    <div class="cf_text">
                      <p class="text">Trade stocks of the biggest names in the international stock market</p>
                    </div>
                    <div class="cf-btn-wrapper">
                      <a href="service-details.html" class="cf_btn wc-btn-default btn-text-flip"><span
                          data-text="Read More">Read
                          More</span></a>
                    </div>
                  </div>
                </div>
                <div class="wcf_iconbox style-8 has_fade_anim" data-delay=".65">
                  <div class="thumb">
                    <div class="cf_image">
                      <a href="service-details.html"><img src="assets/imgs/gallery/img-r-36.webp"
                          alt="feature image"></a>
                    </div>
                  </div>
                  <div class="content">
                    <div class="count">
                      <span>04</span>
                    </div>
                    <div class="cf_title">
                      <h4 class="title"><a href="service-details.html">Compliance</a></h4>
                    </div>
                    <div class="cf_text">
                      <p class="text">Trade stocks of the biggest names in the international stock market</p>
                    </div>
                    <div class="cf-btn-wrapper">
                      <a href="service-details.html" class="cf_btn wc-btn-default btn-text-flip"><span
                          data-text="Read More">Read
                          More</span></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>

<div class="container">
            <div class="counter-thumb">
              <img src="assets/imgs/gallery/img-r-40.webp" alt="counter-thumb">
            </div>
          </div>
          <section class="counter-area">
            <div class="shape-1">
              <img src="assets/imgs/shape/x-shape-3.webp" alt="shape">
            </div>
            <div class="container">
              <div class="counter-item-wrapper">
                <div class="counter-item has_fade_anim" data-fade-from="left">
                  <h2 class="title">Binox-HR <br> Team</h2>
                </div>
                <div class="team-item">
                  <div class="cf_text has_fade_anim">
                    <p class="text">Trade stocks of the biggest names in the international stock market</p>
                    <div class="thumbs">
                      <img src="assets/imgs/client/img-s-2.webp" alt="img-1">
                      <img src="assets/imgs/client/img-s-3.webp" alt="img-2">
                      <img src="assets/imgs/client/img-s-4.webp" alt="img-3">
                      <img src="assets/imgs/client/img-add.webp" alt="img-4">
                    </div>
                    <div class="btn-wrapper">
                      <a href="team-style-1.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                          data-text="View All">View
                          All</span> <img src="assets/imgs/icon/icon-r-21.webp" alt="arrow-icon"></a>
                    </div>
                  </div>
                </div>
                <div class="counter-text has_fade_anim">
                  <ul class="counter-list">
                    <li class="item">
                      <h2 class="section-title wc-counter">3.8x</h2>
                      <p class="text">Economical growth</p>
                    </li>
                    <li class="item">
                      <h2 class="section-title wc-counter">13+</h2>
                      <p class="text">Year experiences</p>
                    </li>
                    <li class="item">
                      <h2 class="section-title wc-counter">1.2m</h2>
                      <p class="text">Clients Around the world</p>
                    </li>
                    <li class="item">
                      <h2 class="section-title wc-counter">70+</h2>
                      <p class="text">Team Members</p>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </section>

<section class="pricing-area section-spacing">
            <div class="container">
              <div class="section-heading">
                <div class="section-title-wrapper">
                  <div class="title-wrapper has_fade_anim">
                    <h2 class="section-title">Binox-HR <span>a complete
                        solution plan</span></h2>
                  </div>
                </div>
              </div>

<div class="wcf__toggle_switcher style-1">
                <div class="slide-toggle-wrapper has_fade_anim">
                  <label for="view" class="before_label active">
                    Monthly </label>
                  <input type="checkbox" id="view">
                  <label for="view" class="switcher"></label>
                  <label for="view" class="after_label">
                    Yearly </label>
                </div>
                <div class="toggle-content">
                  <div class="toggle-pane show">
                    <div class="pricing-wrapper">
                      <div class="pricing-item has_fade_anim" data-fade-from="left">
                        <div class="price-header">
                          <h2 class="title">Pro</h2>
                          <h2 class="price">$75</h2>
                          <p class="title-2">USD Billed Monthly</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">10 day free trial. No credit
                            card required.</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Try it Now">Try it Now</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Timesheet Scheduler</li>
                          <li>People Kiosk</li>
                          <li>Shift Scheduling</li>
                          <li>-</li>
                          <li>-</li>
                          <li>-</li>
                        </ul>
                      </div>
                      <div class="pricing-item has_fade_anim" data-delay=".35" data-fade-from="left">
                        <div class="price-header">
                          <h2 class="title">Team</h2>
                          <h2 class="price">$150</h2>
                          <p class="title-2">USD Billed Monthly</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">14 day free trial. No credit
                            card required.</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Try it Now">Try it Now</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Timesheet Scheduler</li>
                          <li>People Kiosk</li>
                          <li>Shift Scheduling</li>
                          <li>Shift Rotation</li>
                          <li>-</li>
                          <li>-</li>
                        </ul>
                      </div>
                      <div class="pricing-item has_fade_anim" data-fade-from="left" data-delay=".5">
                        <div class="trend-product">
                          <span>Best Value</span>
                        </div>
                        <div class="price-header">
                          <h2 class="title">Agency</h2>
                          <h2 class="price">$400</h2>
                          <p class="title-2">USD Billed Monthly</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">21 day free trial. No credit
                            card required.</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Try it Now">Try it Now</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Timesheet Scheduler</li>
                          <li>People Kiosk</li>
                          <li>Shift Scheduling</li>
                          <li>Shift Rotation</li>
                          <li>Multi-Rater Review</li>
                          <li>-</li>
                        </ul>
                      </div>
                      <div class="pricing-item has_fade_anim schedule" data-fade-from="left" data-delay=".65">
                        <div class="price-header">
                          <h2 class="title">Enterprise</h2>
                          <h2 class="title phone">+1-750-0616</h2>
                          <p class="title-2 opening-time">Consulting Time
                            8am - 8pm</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">Custom business solution
                            trailered to your needs</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Contact Us">Contact Us</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Recruit (Custom)</li>
                          <li>Payroll (Custom)</li>
                          <li>Expense (Custom)</li>
                          <li>Cliq (Custom)</li>
                          <li>Vault (Custom)</li>
                          <li>Assessments</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="toggle-pane ">
                    <div class="pricing-wrapper">
                      <div class="pricing-item">
                        <div class="price-header">
                          <h2 class="title">Pro</h2>
                          <h2 class="price">$350</h2>
                          <p class="title-2">USD Billed Monthly</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">10 day free trial. No credit
                            card required.</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Try it Now">Try it Now</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Timesheet Scheduler</li>
                          <li>People Kiosk</li>
                          <li>Shift Scheduling</li>
                          <li>-</li>
                          <li>-</li>
                          <li>-</li>
                        </ul>
                      </div>
                      <div class="pricing-item">
                        <div class="price-header">
                          <h2 class="title">Team</h2>
                          <h2 class="price">$650</h2>
                          <p class="title-2">USD Billed Monthly</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">14 day free trial. No credit
                            card required.</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Try it Now">Try it Now</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Timesheet Scheduler</li>
                          <li>People Kiosk</li>
                          <li>Shift Scheduling</li>
                          <li>Shift Rotation</li>
                          <li>-</li>
                          <li>-</li>
                        </ul>
                      </div>
                      <div class="pricing-item">
                        <div class="trend-product">
                          <span>Best Value</span>
                        </div>
                        <div class="price-header">
                          <h2 class="title">Agency</h2>
                          <h2 class="price">$800</h2>
                          <p class="title-2">USD Billed Monthly</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">21 day free trial. No credit
                            card required.</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Try it Now">Try it Now</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Timesheet Scheduler</li>
                          <li>People Kiosk</li>
                          <li>Shift Scheduling</li>
                          <li>Shift Rotation</li>
                          <li>Multi-Rater Review</li>
                          <li>-</li>
                        </ul>
                      </div>
                      <div class="pricing-item schedule">
                        <div class="price-header">
                          <h2 class="title">Enterprise</h2>
                          <h2 class="title phone">+1-750-0616</h2>
                          <p class="title-2 opening-time">Consulting Time
                            8am - 8pm</p>
                        </div>
                        <div class="price-highlight">
                          <h3 class="title-2">Custom business solution
                            trailered to your needs</h3>
                          <div class="btn-wrapper">
                            <a href="contact.html" class="cf_btn wc-btn-primary btn-text-flip"><span
                                data-text="Contact Us">Contact Us</span> <img src="assets/imgs/icon/icon-r-21.webp"
                                alt="arrow-icon"></a>
                          </div>
                        </div>
                        <ul class="price-features">
                          <li>Recruit (Custom)</li>
                          <li>Payroll (Custom)</li>
                          <li>Expense (Custom)</li>
                          <li>Cliq (Custom)</li>
                          <li>Vault (Custom)</li>
                          <li>Assessments</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>

<section class="testimonial-area">
            <div class="container">
              <div class="testimonial-top">
                <div class="shape-1">
                  <img src="assets/imgs/shape/shape-r-3.webp" alt="">
                </div>
                <div class="testimonial-review-item has_fade_anim">
                  <h2 class="title">Success stories:
                    hear from our valued members</h2>
                  <div class="review-wrap">
                    <span class="title-2"><i class="fa-solid fa-star"></i> 4.9</span>
                    <p class="text">(69 Reviews)</p>
                  </div>
                  <div class="team-wrapper">
                    <div class="thumbs">
                      <img src="assets/imgs/client/img-s-2.webp" alt="img-1">
                      <img src="assets/imgs/client/img-s-3.webp" alt="img-2">
                      <img src="assets/imgs/client/img-s-4.webp" alt="img-3">
                      <img src="assets/imgs/client/img-add.webp" alt="img-4">
                    </div>
                  </div>
                </div>
                <div class="testimonial-item">
                  <div class="title-wrapper has_fade_anim">
                    <h2 class="title">We plan for
                      the <span>next level
                        business</span></h2>
                  </div>
                  <div class="btn-wrapper has_fade_anim" data-fade-from="right">
                    <a href="about-1.html" class="cf_btn wc-btn-primary btn-text-flip"><span data-text="Join Today">Join
                        Today</span> <img src="assets/imgs/icon/icon-r-21.webp" alt="arrow-icon"></a>
                  </div>
                </div>
              </div>
            </div>
          </section>

<div class="video-area has_fade_anim">
            <div class="section-lines">
              <div class="container">
                <div class="line-area">
                  <div class="lines">
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="container">
              <div class="strategy-area-inner">
                <div class="thumb p-relative">
                  <div class="btn-wrapper pos-center btn-move has_fade_anim">
                    <a class="cf_btn wc-btn-play light btn-item video-popup" href="assets/video/video.mp4">
                      <i class="icon-wcf-play-2"></i>
                    </a>
                  </div>
                  <img src="assets/imgs/gallery/img-r-38.webp" alt="image">
                </div>
              </div>
            </div>
          </div>

<section class="blog-area section-spacing style-1">
            <div class="section-lines">
              <div class="container">
                <div class="line-area">
                  <div class="lines">
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                    <div class="line line-1"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="container">
              <div class="section-heading">
                <div class="section-title-wrapper">
                  <div class="title-wrapper has_fade_anim">
                    <h2 class="section-title">Read the our <span>latest from
                        account expert.</span></h2>
                  </div>
                  <div class="subtitle-wrapper has_fade_anim" data-delay=".35">
                    <a href="blog-style-1.html" class="section-subtitle">Real All Post</a>
                  </div>
                </div>
              </div>
              <div class="blog-wrapper-area fix">
                <div class="blog-wrapper">
                  <article class="blog style-1 has_fade_anim">
                    <div class="thumb">
                      <a href="blog-details.html"><img src="assets/imgs/blog/img-r-7.webp" alt="blog image"></a>
                    </div>
                    <div class="content">
                      <div class="meta">
                        <a href="blog-style-1.html"><span class="tag">Payroll</span></a>
                        <span class="date has-left-line">January 29, 2020</span>
                        <span class="date has-left-line">By Patty Hilger</span>
                      </div>
                      <h3 class="title"><a href="blog-details.html">Bringing HR & payroll wn’t together can have region
                          bnox-HR people</a></h3>
                      <div class="btn-wrapper">
                        <a href="blog-details.html">More Details</a>
                      </div>
                    </div>
                  </article>
                  <article class="blog style-1 has_fade_anim" data-delay=".35">
                    <div class="thumb">
                      <a href="blog-details.html"><img src="assets/imgs/blog/img-r-8.webp" alt="blog image"></a>
                    </div>
                    <div class="content">
                      <div class="meta">
                        <a href="blog-style-1.html"><span class="tag">Benefit</span></a>
                        <span class="date has-left-line">May14, 2024</span>
                        <span class="date has-left-line">By Patty Hilger</span>
                      </div>
                      <h3 class="title"><a href="blog-details.html">Employee productivity with binox One's unified user
                          interface</a></h3>
                      <div class="btn-wrapper">
                        <a href="blog-details.html">More Details</a>
                      </div>
                    </div>
                  </article>
                  <div class="blog-no-thumb has_fade_anim" data-delay=".5">
                    <article class="blog style-1">
                      <div class="content">
                        <div class="meta">
                          <a href="blog-style-1.html"><span class="tag">Payroll</span></a>
                          <span class="date has-left-line">May 22, 2024</span>
                          <span class="date has-left-line">By Patty Hilger</span>
                        </div>
                        <h3 class="title"><a href="blog-details.html">Rewind 2023: binox-HR Sales IQ's year in review
                            binox-HR</a></h3>
                        <div class="btn-wrapper">
                          <a href="blog-details.html">More Details</a>
                        </div>
                      </div>
                    </article>
                    <article class="blog style-1">
                      <div class="content">
                        <div class="meta">
                          <a href="blog-style-1.html"><span class="tag">HR</span></a>
                          <span class="date has-left-line">May 13, 2024</span>
                          <span class="date has-left-line">By Patty Hilger</span>
                        </div>
                        <h3 class="title"><a href="blog-details.html">HR tech basics here are the features you should
                            learning system</a></h3>
                        <div class="btn-wrapper">
                          <a href="blog-details.html">More Details</a>
                        </div>
                      </div>
                    </article>
                  </div>
                </div>
              </div>
            </div>
          </section>

<div class="brand-area">
            <div class="container">
              <div class="brand-inner">
                <div class="brand-text">
                  <div class="brand-text-title-wrapper">
                    <h2 class="title">Worked with world’s
                      famous brands and
                      partners</h2>
                  </div>
                </div>
                <div class="brand-logos">
                  <div class="swiper corporate-brand-slider-active">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-1.webp" alt="partner-logo">
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-2.webp" alt="partner-logo">
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-3.webp" alt="partner-logo">
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-4.webp" alt="partner-logo">
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-5.webp" alt="partner-logo">
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-6.webp" alt="partner-logo">
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="brand-logo">
                          <img src="assets/imgs/brand/img-r-5.webp" alt="partner-logo">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="line-horizontal"></div>
          </div>

</main>

<footer class="footer-area style-9">
          <div class="shape-1">
            <img src="assets/imgs/shape/x-shape-4.webp" alt="x-shape-3">
          </div>
          <div class="container">
            <div class="footer-inner">
              <div class="logo-wrapper">
                <a href="#"><img src="assets/imgs/logo/logo-s-2-light.webp" alt="site-logo"></a>
                <p class="text">Between the organization's management in aligning the company's goals with the
                  aspiration its workforce.</p>
                <h2 class="title">Follow Me</h2>
                <ul class="social-icons">
                  <li><a href="#"><i class="icon-wcf-facebook"></i></a></li>
                  <li><a href="#"><i class="icon-wcf-twitter"></i></a></li>
                  <li><a href="#"><i class="icon-wcf-instragram"></i></a></li>
                  <li><a href="#"><i class="icon-wcf-linkdin-fill"></i></a></li>
                </ul>
              </div>
              <div class="links-wrapper">
                <div class="stroke-wrapper">
                  <h2 class="stroke-text">CONTACTS</h2>
                </div>
                <div class="footer-menu-wrapper">
                  <div class="footer-menu-item">
                    <ul class="footer-menu">
                      <li><a href="#">Instagram</a></li>
                      <li><a href="#">Twitter</a></li>
                      <li><a href="#">Facebook</a></li>
                      <li><a href="#">LinkedIn</a></li>
                    </ul>
                  </div>
                  <div class="footer-menu-item">
                    <ul class="footer-menu">
                      <li><a href="#">Solutions</a></li>
                      <li><a href="#">About us</a></li>
                      <li><a href="#">Insights</a></li>
                      <li><a href="#">Contact us</a></li>
                    </ul>
                  </div>
                  <div class="footer-menu-item">
                    <ul class="footer-menu">
                      <li><a href="#">Live Chat</a></li>
                      <li><a href="#">Request Quote</a></li>
                      <li><a href="#">News</a></li>
                    </ul>
                  </div>
                </div>
                <div class="footer-copyright-wrapper">
                  <div class="footer-copyright-item">
                    <div class="footer-site-icon">
                      <div class="site-icon">
                        <img src="assets/imgs/logo/logo-y-icon.webp" alt="site-icon">
                      </div>
                      <p class="text-copy"> 2024 &copy; All rights reserved.</p>
                    </div>
                    <ul class="footer-menu-2">
                      <li><a href="#">Privacy Policy</a></li>
                      <li><a href="#">Terms & Condition</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </footer>

</div>
    </div>
  </div>

<script src="assets/js/jquery-3.6.0.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/swiper-bundle.min.js"></script>
  <script src="assets/js/gsap.min.js"></script>
  <script src="assets/js/ScrollSmoother.min.js"></script>
  <script src="assets/js/ScrollTrigger.min.js"></script>
  <script src="assets/js/jquery.meanmenu.min.js"></script>
  <script src="assets/js/backToTop.js"></script>
  <script src="assets/js/main.js"></script>
  <script src="assets/js/error-handling.js"></script>
  <script src="assets/js/offcanvas.js"></script>

// intro slider 
    if (('.baner-active-1').length) {
      var baner_active = new Swiper(".baner-active-1", {
        pagination: {
          el: ".spagination-style-1",
          type: "fraction",
        },
        loop: true,
        slidesPerView: 1,
        spaceBetween: 0,
        mousewheel: false,
        pagination: {
          el: '.pagination-style-1',
          type: 'fraction',
          clickable: true,

renderFraction: function (currentClass, totalClass) {
            return '<span class="' + currentClass + '"></span>' + ' <span class="dash"></span> ' + '<span class="' + totalClass + '"></span>';
          }
        },
      });
    }

if ('.testimonial.style-1') {
      var testimonial_style_1 = new Swiper(".testimonial.style-1", {
        slidesPerView: 1,
        navigation: {
          nextEl: ".swiper-button-next.style-1",
          prevEl: ".swiper-button-prev.style-1",
        }
      });
    }

// corporate_brand_slider_active
    if ('.corporate-brand-slider-active') {
      var corporate_brand_slider_active = new Swiper(".corporate-brand-slider-active", {
        slidesPerView: 6,
        loop: true,
        autoplay: true,
        spaceBetween: 60,
        speed: 3000,
        autoplay: {
          delay: .1,
          disableOnInteraction: false,
        },
        breakpoints: {
          // when window width is >= 320px
          375: {
            slidesPerView: 3,
            spaceBetween: 0,
          },
          // when window width is >= 480px
          480: {
            slidesPerView: 3,
            spaceBetween: 30,
          },
          // when window width is >= 640px
          640: {
            slidesPerView: 4,
            spaceBetween: 40
          },
          // when window width is >= 1366px
          1366: {
            slidesPerView: 6,
          },
        }
      });
    }
    // testimonial_style_1
    if ('.testimonial.style-1') {
      var testimonial_style_1 = new Swiper(".testimonial.style-1", {
        slidesPerView: 1,
        navigation: {
          nextEl: ".swiper-button-next.style-3",
          prevEl: ".swiper-button-prev.style-3",
        }
      });
    }

</script>

</body>

</html>

./Ninja\.