{Ninja-Shell}

Filename: ///var//www/comjagat-org-website/html/blog-details.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 blog details</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-blog-details.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">
            <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="blog-details-area section-spacing">
            <div class="container">
              <div class="blog-details-area-inner">
                <div class="blog-details-main-wrapper">
                  <div class="section-heading">
                    <div class="section-title-wrapper">
                      <div class="title-wrapper has_fade_anim">
                        <h1 class="section-title large">Sitting with basic goodness top signs that time.</h1>
                      </div>
                    </div>
                  </div>
                  <div class="meta has_fade_anim" data-delay=".6">
                    <div class="meta-box">
                      <div class="icon">
                        <img src="assets/imgs/icon/user-green.webp" alt="">
                      </div>
                      <div class="content">
                        <p class="title">Written by</p>
                        <p class="text">Steven Dirkse</p>
                      </div>
                    </div>
                    <div class="meta-box">
                      <div class="icon">
                        <img src="assets/imgs/icon/date-green.webp" alt="">
                      </div>
                      <div class="content">
                        <p class="title">Post date</p>
                        <p class="text">29 Jan, 2024</p>
                      </div>
                    </div>
                    <div class="meta-box">
                      <div class="icon">
                        <img src="assets/imgs/icon/comment-green.webp" alt="">
                      </div>
                      <div class="content">
                        <p class="title">Comments</p>
                        <p class="text">4.2K</p>
                      </div>
                    </div>
                  </div>
                  <div class="thumb-main has_fade_anim" data-delay=".7">
                    <img src="assets/imgs/blog/img-s-9.webp" alt="blog image">
                  </div>
                  <div class="section-main-content">
                    <div class="social-meta-box has_fade_anim">
                      <div class="meta-item">
                        <img src="assets/imgs/icon/view-graph.webp" alt="icon">
                        <p>247</p>
                        <p>Views</p>
                      </div>
                      <div class="meta-item">
                        <img src="assets/imgs/icon/share.webp" alt="icon">
                        <p>14</p>
                        <p>Shares</p>
                      </div>
                      <ul class="social-icons">
                        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                      </ul>
                    </div>
                    <div class="content-box-wrapper">
                      <div class="content-box">
                        <div class="text-wrapper has_fade_anim">
                          <p class="text">Myriam was first trained as a sculptor in Montreal and then in Helsinki,
                            Finland. She is now based in Quebec but works for clients all around the globe. From textile
                            design to murals, editorial illustrations and book covers, her style is recognized by her
                            simple and perfectly arranged shapes as well as her rich and vibrant color palette. Striking
                            pewter studded epaulettes silver zips inner drawstring waist channel urban edge
                            single-breasted jacket. Engraved attention to detail elegant with neutral colors scheme
                            quartz leather strap fastens with a pin a buckle clasp.</p>

<p class="text">However, the same reason also makes it messy. If someone is having a bad day,
                            we might see
                            it as a sign of tension or lack of investment in the project. For outsiders, lacking an
                            understanding of the complex dynamics of a team can lead to the wrong conclusions.</p>
                        </div>
                        <div class="quote-box has_fade_anim">
                          <div class="icon">
                            <img src="assets/imgs/icon/quote-dark.webp" alt="icon">
                          </div>
                          <div class="quote-text">
                            <p class="text">Effortless comfortable full leather lining eye-catching unique detail to the
                              toe low ‘cut-away’ sides clean and sleek harmony.</p>
                            <span class="author has-left-line">Adamson Janny</span>
                          </div>
                        </div>
                        <div class="text-wrapper has_fade_anim">
                          <p class="text">Beckoning a diverse audience of food lovers who may have never considered
                            trying dumplings before. The unique blend of bold quirkiness and personality sets this brand
                            apart, marking its own distinct place in the crowded world of bold font family. We love to
                            bring designs to life as a developer, and I aim to do this using whatever front end tools
                            are necessary.</p>
                        </div>
                        <div class="image-content has_fade_anim">
                          <div class="thumb">
                            <img src="assets/imgs/blog/img-s-10.webp" alt="">
                            <p class="text">Official consultancy </p>
                          </div>
                          <div class="text-wrapper">
                            <p class="text">Beckoning a diverse audience of food lovers who may have never considered
                              trying dumplings before. The unique blend of bold quirkiness and personality sets this
                              brand apart, marking its own distinct place in the crowded world of bold font family. We
                              love to bring designs to life as a developer, and I aim to do this using whatever front
                              end tools are necessary.</p>
                            <p class="text">Structured gripped tape invisible moulded cups for sauppor firm hold strong
                              powermesh
                              front liner sport detail. Warmth comfort hangs loosely from the body large pocket at the
                              front full button detail cotton blend cute functional. Bodycon skirts bright primary
                              colours punchy palette.</p>
                          </div>
                        </div>
                        <div class="feature-content has_fade_anim">
                          <h2 class="section-title">Custom experience</h2>
                          <div class="text-wrapper">
                            <p class="text">We had observers go into the workplace and we timed people’s activities to
                              the second. We’ve been to various workplaces, all high-tech companies. We wanted to look
                              at information workers. We had observers shadow each person for three and a half days each
                              and timed every activity to the second.</p>
                          </div>
                          <div class="feature-list">
                            <ul class="list-plus">
                              <li>Create the table lines here</li>
                              <li>Organise everything early thoroughly</li>
                              <li>Development</li>
                              <li>Shopify Development</li>
                            </ul>
                          </div>
                          <div class="text-wrapper">
                            <p class="text">Achieving deep work should be our goal in any team, but doing it in an
                              office setting can be challenging because of so many distractions. Asynchronous
                              communication in a remote setting is perfect for it. I’m not a fan of long reads with too
                              many unnecessary details, so I’ll “jump” into the subject right away. My guide consists of
                              several parts; thus, you can stop reading at any point when you understand that what you
                              have learned so far covers your needs at the moment, and you can go back/or jump forward
                              to any section when you want to refresh your memory or learn about the more complex
                              workflows. Let’s go!</p>
                            <p class="text">If they pick up a phone call, that’s the start time. When they put the phone
                              down, that’s
                              the stop time. When they turn to the Word application we get the start time and stop time.
                              We found people switched these activities on average of every three minutes and five
                              seconds.</p>
                          </div>
                        </div>
                        <div class="tags-wrapper has_fade_anim">
                          <div class="tags">
                            <a href="#" class="tag">Business</a>
                            <a href="#" class="tag">Consultant</a>
                            <a href="#" class="tag">Agency</a>
                            <a href="#" class="tag">Resource</a>
                          </div>
                        </div>
                      </div>
                      <div class="comment-box has_fade_anim">
                        <h2 class="section-title">Leave a Comment</h2>
                        <div class="text-wrapper">
                          <p class="text">Your email address will not be published. Required fields are marked</p>
                        </div>
                        <div class="comment-form-wrapper">
                          <form>
                            <div class="wc-single-input">
                              <label for="name" class="wc-form-label">Name</label>
                              <input type="text" id="name">
                            </div>
                            <div class="wc-single-input">
                              <label for="email" class="wc-form-label">Email</label>
                              <input type="text" id="email">
                            </div>
                            <div class="wc-single-input">
                              <label for="phone" class="wc-form-label">Subject</label>
                              <input type="text" id="phone">
                            </div>
                            <div class="wc-single-input">
                              <label for="message" class="wc-form-label">Message</label>
                              <textarea id="message" placeholder="Write your message here....."></textarea>
                            </div>
                            <div class="btn-wrapper">
                              <button type="submit" class="wc-btn-primary btn-text-flip"><span
                                  data-text="Submit Now">Submit
                                  Now</span><i class="fa-solid fa-caret-right"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </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/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\.