<?php $page = 'About'; ?>
<?php include 'header.php' ?>
<div class="page-title">
  <div class="page-title-right">
    <div class="container">
      <h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2><h2>About Us</h2>
    </div>
  </div>
</div>
<div class="about-area">
  <div class="container" id="overview">
    <!-- Overview area open -->
    <section class="p_t50">
      <div class="row">
        <div class="col-sm-6 text-center">
          <img src="images/about-1.jpg" class="w_100 mobile-hide">
        </div>

        <div class="col-sm-6 m_t80">
          <h3 class="m_b30 m_t0">Overview</h3>
          <p class="para">We introduce ourselves as one of the leading Cutting Tools & Tool Holding System Distributor in India.</p>
          <p class="para">Quick Links consists of highly qualified and technically superior professionals for providing in time back up to the customers in terms of technical supports, deliveries and pre-post sales services.</p>
          <p class="para">Our core strength is right metal cutting solutions to the customers for the right application.</p>
        </div>
      </div>
    </section>
  </div>
  <!-- Overview area close -->
  <div class="clearfix"></div>


  <!-- history area open -->
  <section class="" id="history">
    <div class="row">
      <div class="col-sm-6">
        <div class="history">
          <h3 class="m_b20 m_t0">History</h3>
          <p class="para">We incorporated as Orion Impex Pvt. Limited in 1984 for carrying out the business of Export of Garments.</p>
          <p class="para">Started business of Cutting Tools from 2002.</p>
          <p class="para">Associated with NS Tool Co., Ltd., Japan in 2003.</p>
          <p class="para">Separated Cutting Tool Division under the name of METACUT TECHNOLOGIES in 2010 </p>
        </div>
      </div>
      <div class="col-sm-6 text-center">
        <img src="images/company-history.jpg" class="w_100 mobile-show">
      </div>
    </div>
  </section>
  <div class="clearfix"></div>
  <!-- history area close -->

  <div class="container" id="vision">
    <!-- Vision area open -->
    <section class="p_t100 m_b100">
      <div class="row">
        <div class="col-md-12">
          <h3 class="m_b30 m_t0">Vision</h3>
          <p class="para">To be a leader in the field by providing latest technology products with the improved metal cutting solutions and technical support to the customers for their productivity enhancement and economy.  </p>
        </div>
      </div>
    </section>
    <div class="clearfix"></div>
    <!-- Vision area close -->
  </div>


  <div class="row summery">
    <div class="col-sm-3 col-xs-6 text-center">
      <img src="images/happy-client.png" alt="happy-client" />
      <h2><span id="summery1">450</span></h2>
      <h4>Happy Clients</h4>
    </div>
    <div class="col-sm-3 col-xs-6 text-center">
      <img src="images/tools.png" alt="tools" />
      <h2><span id="summery2">20</span></h2>
      <h4>Products</h4>
    </div>
    <div class="col-sm-3 col-xs-6 text-center">
      <img src="images/experience.png" alt="Experience" />
      <h2><span id="summery3">16</span></h2>
      <h4>Years of Experience</h4>
    </div>
    <div class="col-sm-3 col-xs-6 text-center">
      <img src="images/employee.png" alt="happy-employee" />
      <h2><span id="summery4">196</span></h2>
      <h4>Professional Agents</h4>
    </div>
  </div>
  <div class="clearfix"></div>

  <?php include 'footer.php' ?>
  <script type="text/javascript">
    $(document).ready(function(){
        // search area hide show
        $(".search-form_toggle").click( function(){
          $(".header-search").slideDown();
          $(".header-search").addClass();
        });   
        $(".header-search .fa-close").click(function () {
          $(".header-search").slideUp("fast");
        });

        // HEART HOVER EFFECT
        $(".heart").hover( function (e) {
          $(this).find("i").addClass('animated headShake');
        }, function(e){
          $(this).removeClass('animated headShake');
        });
        // eye HOVER EFFECT
        $(".eye").hover( function (e) {
          $(this).find("i").addClass('animated flash');
        }, function(e){
          $(this).removeClass('animated flash');
        });
        // shopping HOVER EFFECT
        $(".shopping").hover( function (e) {
          $(this).find("i").addClass('animated bounce');
        }, function(e){
          $(this).removeClass('animated bounce');
        });
        // shopping HOVER EFFECT
        // $(".product-item a").hover( function (e) {
        // $(this).find("i").addClass('animated flipInY');
        //  }, function(e){
        //     $(this).find("i").removeClass('animated flipInY');
        //  });

      });
    </script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script>
  var decimal_places = 1;
  var decimal_factor = decimal_places === 0 ? 1 : decimal_places;

  $('#summery1').animateNumber(    {
      number: 450,
      //color: 'green',
      //'font-size': '30px',
      numberStep: function(now, tween) {
        var floored_number = Math.floor(now) / decimal_factor,
            target = $(tween.elem);
        if (decimal_places > 0) {
          floored_number//= floored_number.toFixed(decimal_places);
        }
        target.text(floored_number );
      }
    },
    1000
  )

  $('#summery2').animateNumber(    {
      number: 20,
      //color: 'green',
      //'font-size': '30px',
      numberStep: function(now, tween) {
        var floored_number = Math.floor(now) / decimal_factor,
            target = $(tween.elem);
        if (decimal_places > 0) {
          floored_number//= floored_number.toFixed(decimal_places);
        }
        target.text(floored_number );
      }
    },
    1000
  )

  $('#summery3').animateNumber(    {
      number: 16,
      //color: 'green',
      //'font-size': '30px',
      numberStep: function(now, tween) {
        var floored_number = Math.floor(now) / decimal_factor,
            target = $(tween.elem);
        if (decimal_places > 0) {
          floored_number//= floored_number.toFixed(decimal_places);
        }
        target.text(floored_number );
      }
    },
    1000
  )

  $('#summery4').animateNumber(    {
      number: 196,
      //color: 'green',
      //'font-size': '30px',
      numberStep: function(now, tween) {
        var floored_number = Math.floor(now) / decimal_factor,
            target = $(tween.elem);
        if (decimal_places > 0) {
          floored_number//= floored_number.toFixed(decimal_places);
        }
        target.text(floored_number );
      }
    },
    1000
  )


  //logo slider
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
  // On-page links
  if (
    location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
    && 
    location.hostname == this.hostname
  ) {
    // Figure out element to scroll to
    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
    // Does a scroll target exist?
    if (target.length) {
      // Only prevent default if animation is actually gonna happen
      event.preventDefault();
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 1000, function() {
        // Callback after animation
        // Must change focus!
        var $target = $(target);
        $target.focus();
        if ($target.is(":focus")) { // Checking if the target was focused
          return false;
        } else {
          $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
          $target.focus(); // Set focus again
        };
      });
    }
  }
});
</script>