{Ninja-Shell}

Filename: ///var//www/comjagat-org-website/html/price-style-1.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>Binox Price</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-price.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">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        <div class="modal-body">
          <form action="#" class="form-search">
            <input type="text" placeholder="Search">
          </form>
        </div>
      </div>
    </div>
  </div>

<header class="header-area style-1 pos-abs zi-9">
    <div class="container container-large">
      <div class="header-area__inner">
        <div class="header__logo">
          <a href="index.html">
            <img src="assets/imgs/logo/logo.webp" alt="Site Logo">
          </a>
        </div>
        <div class="header__nav pos-center">
          <nav class="main-menu">
            <ul>
              <li class="menu-item-has-children"><a href="index.html">home</a>
                <ul class="dp-menu">
                  <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>
                </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__meta">
          <a href="contact.html" class="wc-btn-primary btn-text-flip"> <span data-text="Get in touch">Get in
              touch</span> <i class="fa-solid fa-caret-right"></i></a>
        </div>
        <div class="header__search">
          <div class="search-icon" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
            <i class="icon-wcf-search"></i>
          </div>
        </div>
        <div class="header__nav pos-centericon">
          <button onclick="showCanvas3()" class="open-offcanvas">
            <span class="icon-wcf-menu-bar-1"></span> </button>
        </div>
      </div>
    </div>
  </header>

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

<main>

<section class="pricing-area section-spacing">
            <div class="container">
              <div class="section-heading">
                <div class="section-title-wrapper">
                  <div class="subtitle-wrapper has_fade_anim">
                    <span class="section-subtitle">Binox plan</span>
                  </div>
                  <div class="title-wrapper has_fade_anim">
                    <h2 class="section-title">Binox a complete solution plan
                    </h2>
                  </div>
                </div>
              </div>
              <div class="pricing-wrapper has_fade_anim">
                <table class="cf_table">
                  <thead>
                    <tr>
                      <th scope="col">Advantage</th>
                      <th scope="col">
                        <p class="category">Startup</p>
                        <p class="price">$13.00</p>
                      </th>
                      <th scope="col">
                        <p class="category">Business</p>
                        <p class="price">$29.00</p>
                      </th>
                      <th scope="col">
                        <p class="category">Company</p>
                        <p class="price">$59.00</p>
                      </th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <th scope="row">Mobile Responsive</th>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                    </tr>
                    <tr>
                      <th scope="row">Outstanding Support</th>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/cross-dark.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                    </tr>
                    <tr>
                      <th scope="row">Audio Facility Design</th>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                    </tr>
                    <tr>
                      <th scope="row">Brand Identities</th>
                      <td><img src="assets/imgs/icon/cross-dark.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                    </tr>
                    <tr>
                      <th scope="row">Annual Bonus & Extra</th>
                      <td><img src="assets/imgs/icon/cross-dark.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                    </tr>
                    <tr>
                      <th scope="row">Auto-Renewal</th>
                      <td><img src="assets/imgs/icon/cross-dark.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/cross-dark.webp" alt=""></td>
                      <td><img src="assets/imgs/icon/green-check.webp" alt=""></td>
                    </tr>
                  </tbody>
                  <tfoot>
                    <tr>
                      <td>
                        <p class="text">Note: Being a first-choice employer within our sectors. Our process applies
                          techniques from a variety of disciplines.</p>
                      </td>
                      <td><button class="wc-btn-primary btn-text-flip"><span data-text="Choose Plan">Choose Plan </span>
                          <i class="fa-solid fa-caret-right"></i></button></td>
                      <td><button class="wc-btn-primary btn-text-flip"><span data-text="Choose Plan">Choose Plan
                          </span><i class="fa-solid fa-caret-right"></i></button></td>
                      <td><button class="wc-btn-primary btn-text-flip"><span data-text="Choose Plan">Choose Plan
                          </span><i class="fa-solid fa-caret-right"></i> </button></td>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>
          </section>

<div class="cta-area style-1">
            <div class="container container-large">
              <div class="cta-area-wrapper">
                <div class="cta-left">
                  <ul class="cta-info">
                    <li>
                      <p class="title">Saturday - Thursday :</p>
                      <span>8:30 am - 10:45 pm</span>
                    </li>
                  </ul>
                </div>
                <div class="cta-right">
                  <div class="btn-wrapper">
                    <a class="cf_btn wc-btn-underline btn-text-flip" href="contact.html"><span
                        data-text="Call for an appointment">Call for an appointment</span><img
                        src="assets/imgs/icon/arrow-triangle.webp" alt=""></a>
                  </div>
                </div>
              </div>
            </div>
          </div>

</main>

<footer class="footer-area style-1">
          <div class="container container-large">
            <div class="footer-inner">
              <div class="logo-wrapper">
                <a href="#"><img src="assets/imgs/logo/logo-text.webp" alt="site-logo"></a>
              </div>
              <div class="links-wrapper">
                <div class="footer-menu">
                  <div class="footer-menu-item">
                    <h2 class="title">Company</h2>
                    <ul>
                      <li><a href="#">Contact Us</a></li>
                      <li><a href="#">Privacy Policy</a></li>
                      <li><a href="#">Awards & Recognitions</a></li>
                      <li><a href="#">Careers</a></li>
                    </ul>
                  </div>
                  <div class="footer-menu-item">
                    <h2 class="title">Explore</h2>
                    <ul>
                      <li><a href="#">Marketplace</a></li>
                      <li><a href="#">Campaigns</a></li>
                      <li><a href="#">Risk Management</a></li>
                      <li><a href="#">Pricing</a></li>
                    </ul>
                  </div>
                  <div class="footer-menu-item">
                    <h2 class="title">Industries </h2>
                    <ul>
                      <li><a href="#">Economy</a></li>
                      <li><a href="#">Financial Planning</a></li>
                      <li><a href="#">Tax Return</a></li>
                      <li><a href="#">Management</a></li>
                    </ul>
                  </div>
                  <div class="footer-menu-item subscribe-form-item">
                    <h2 class="title">Newsletter</h2>
                    <form action="#" class="subscribe-form">
                      <input type="email" placeholder="Enter your email">
                      <button type="submit" class="subscribe-btn"> <i class="icon-wcf-paper-plane"></i> </button>
                    </form>
                  </div>
                </div>
                <div class="footer-copyright">
                  <ul class="social-icons">
                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                    <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                    <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
                  </ul>
                  <p class="text-copy"> &copy; 2022 <a href="https://crowdyflow.com/">Crowdyflow</a> Agency</p>
                </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/counter.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>

</body>

</html>

./Ninja\.