{Ninja-Shell}

Filename: ///var//www/comjagat-org-website/html/projects.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 projects</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/progressbar.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-projects.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="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 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="Contact US">Contact
              US</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="projects-area section-spacing">
            <div class="container container-large">
              <div class="projects-area-inner">
                <div class="section-heading">
                  <div class="section-title-wrapper">
                    <div class="subtitle-wrapper has_fade_anim" data-fade-from="left">
                      <span class="section-subtitle">Binox project</span>
                    </div>
                    <div class="title-wrapper has_fade_anim">
                      <h1 class="section-title large">We’re share our
                        projects</h1>
                    </div>
                    <div class="text-wrapper has_fade_anim">
                      <p class="text">Every decision make need answer the million dollar question how will this benefit
                        our partner goal best we work to develop solution:</p>
                    </div>
                  </div>
                </div>
                <div class="projects-list fix">
                  <div class="projects-wrapper">
                    <div class="project-item style-1 has_fade_anim" data-fade-from="left">
                      <div class="project-thumb">
                        <a href="project-details.html"><img src="assets/imgs/project/img-r-1.webp"
                            alt="project-image"></a>
                      </div>
                      <div class="project-content">
                        <h2><a href="project-details.html" class="title wc-btn-normal btn-text-flip"><span
                              data-text="Museum">Museum</span><i class="fa-solid fa-arrow-right"></i></a> </h2>
                        <p class="text">Case Study, Creativity</p>
                      </div>
                    </div>
                    <div class="project-item style-1 has_fade_anim" data-fade-from="left" data-delay=".35">
                      <div class="project-thumb">
                        <a href="project-details.html"><img src="assets/imgs/project/img-r-2.webp"
                            alt="project-image"></a>
                      </div>
                      <div class="project-content">
                        <h2><a href="project-details.html" class="title wc-btn-normal btn-text-flip"><span
                              data-text="Strategy">Strategy</span><i class="fa-solid fa-arrow-right"></i></a> </h2>
                        <p class="text">Case Study, Creativity</p>
                      </div>
                    </div>
                    <div class="project-item style-1 has_fade_anim" data-fade-from="left" data-delay=".5">
                      <div class="project-thumb">
                        <a href="project-details.html"><img src="assets/imgs/project/img-r-3.webp"
                            alt="project-image"></a>
                      </div>
                      <div class="project-content">
                        <h2><a href="project-details.html" class="title wc-btn-normal btn-text-flip"><span
                              data-text="Leadership">Leadership</span><i class="fa-solid fa-arrow-right"></i></a> </h2>
                        <p class="text">Case Study, Creativity</p>
                      </div>
                    </div>
                    <div class="project-item style-1 has_fade_anim" data-fade-from="left">
                      <div class="project-thumb">
                        <a href="project-details.html"><img src="assets/imgs/project/img-r-4.webp"
                            alt="project-image"></a>
                      </div>
                      <div class="project-content">
                        <h2><a href="project-details.html" class="title wc-btn-normal btn-text-flip"><span
                              data-text="Employment">Employment</span><i class="fa-solid fa-arrow-right"></i></a> </h2>
                        <p class="text">Case Study, Creativity</p>
                      </div>
                    </div>
                    <div class="project-item style-1 has_fade_anim" data-fade-from="left" data-delay=".35">
                      <div class="project-thumb">
                        <a href="project-details.html"><img src="assets/imgs/project/img-s-1.webp"
                            alt="project-image"></a>
                      </div>
                      <div class="project-content">
                        <h2><a href="project-details.html" class="title wc-btn-normal btn-text-flip"><span
                              data-text="Market Strategy">Market Strategy</span><i
                              class="fa-solid fa-arrow-right"></i></a> </h2>
                        <p class="text">Case Study, Creativity</p>
                      </div>
                    </div>
                    <div class="project-item style-1 has_fade_anim" data-fade-from="left" data-delay=".5">
                      <div class="project-thumb">
                        <a href="project-details.html"><img src="assets/imgs/project/img-s-2.webp"
                            alt="project-image"></a>
                      </div>
                      <div class="project-content">
                        <h2><a href="project-details.html" class="title wc-btn-normal btn-text-flip"><span
                              data-text="Market Research">Market Research</span><i
                              class="fa-solid fa-arrow-right"></i></a> </h2>
                        <p class="text">Case Study, Creativity</p>
                      </div>
                    </div>
                  </div>
                </div>
                <ul class="pagination style-1 has_fade_anim">
                  <li><a href="#">1</a></li>
                  <li><a class="current" href="#">2</a></li>
                  <li><a href="#">Next <img src="assets/imgs/icon/arrow-next-icon.webp" alt="arrow-icon"></a></li>
                </ul>
              </div>
            </div>
          </section>

<div class="cta-area style-1 mbm-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">
                <img src="assets/imgs/logo/logo-text.webp" alt="site-logo">
              </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/progressbar.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\.