MMCT TEAM

Server IP : 103.53.40.154 / Your IP : 3.137.162.21
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON
Directory (0750) : /home2/ppcad7no/fastelevator.in/../webdigitalmarketing.in/
[ Home ]	[ C0mmand ]	[ Upload File ]
Current File : /home2/ppcad7no/fastelevator.in/../webdigitalmarketing.in/test.html
<html>
    <head>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Include the above in your HEAD tag -->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">

<style>
    .counter1 {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title1 {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text1 {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x1 {
    margin: 0 auto;
    float: none;
    display: table;
    color: #eb5d1e;
}

</style>
</head>
<body>
<div class="fluid-container">

		<div class="row text-center">
	        <div class="col">
	        <div class="counter1">
      <i class="fa fa-user fa-2x1"></i>
      <h2 class="timer count-title1 count-number" data-to="53000" data-speed="1500"></h2>
       <p class="count-text1 ">Happy Clients</p>
    </div>
	        </div>
              <div class="col">
               <div class="counter1">
      <i class="fa fa-code fa-2x1"></i>
      <h2 class="timer count-title1 count-number" data-to="45900" data-speed="1500"></h2>
      <p class="count-text1 ">Website Optimized</p>
    </div>
              </div>
              <div class="col">
                  <div class="counter1">
      <i class="fa fa-tasks fa-2x1"></i>
      <h2 class="timer count-title1 count-number" data-to="18390" data-speed="1500"></h2>
      <p class="count-text1 ">Project Completed</p>
    </div></div>
              <div class="col">
              <div class="counter1">
      <i class="fa fa-clock-o fa-2x1"></i>
      <h2 class="timer count-title1 count-number" data-to="29800" data-speed="1500"></h2>
      <p class="count-text1 ">Working Hours</p>
    </div>
              </div>
         </div>
</div>


<script>
    (function ($) {
	$.fn.countTo = function (options) {
		options = options || {};
		
		return $(this).each(function () {
			// set options for current element
			var settings = $.extend({}, $.fn.countTo.defaults, {
				from:            $(this).data('from'),
				to:              $(this).data('to'),
				speed:           $(this).data('speed'),
				refreshInterval: $(this).data('refresh-interval'),
				decimals:        $(this).data('decimals')
			}, options);
			
			// how many times to update the value, and how much to increment the value on each update
			var loops = Math.ceil(settings.speed / settings.refreshInterval),
				increment = (settings.to - settings.from) / loops;
			
			// references & variables that will change with each update
			var self = this,
				$self = $(this),
				loopCount = 0,
				value = settings.from,
				data = $self.data('countTo') || {};
			
			$self.data('countTo', data);
			
			// if an existing interval can be found, clear it first
			if (data.interval) {
				clearInterval(data.interval);
			}
			data.interval = setInterval(updateTimer, settings.refreshInterval);
			
			// initialize the element with the starting value
			render(value);
			
			function updateTimer() {
				value += increment;
				loopCount++;
				
				render(value);
				
				if (typeof(settings.onUpdate) == 'function') {
					settings.onUpdate.call(self, value);
				}
				
				if (loopCount >= loops) {
					// remove the interval
					$self.removeData('countTo');
					clearInterval(data.interval);
					value = settings.to;
					
					if (typeof(settings.onComplete) == 'function') {
						settings.onComplete.call(self, value);
					}
				}
			}
			
			function render(value) {
				var formattedValue = settings.formatter.call(self, value, settings);
				$self.html(formattedValue);
			}
		});
	};
	
	$.fn.countTo.defaults = {
		from: 0,               // the number the element should start at
		to: 0,                 // the number the element should end at
		speed: 1000,           // how long it should take to count between the target numbers
		refreshInterval: 100,  // how often the element should be updated
		decimals: 0,           // the number of decimal places to show
		formatter: formatter,  // handler for formatting the value before rendering
		onUpdate: null,        // callback method for every time the element is updated
		onComplete: null       // callback method for when the element finishes updating
	};
	
	function formatter(value, settings) {
		return value.toFixed(settings.decimals);
	}
}(jQuery));

jQuery(function ($) {
  // custom formatting example
  $('.count-number').data('countToOptions', {
	formatter: function (value, options) {
	  return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
	}
  });
  
  // start all the timers
  $('.timer').each(count);  
  
  function count(options) {
	var $this = $(this);
	options = $.extend({}, options || {}, $this.data('countToOptions') || {});
	$this.countTo(options);
  }
});
</script>
</body>

</html>
MMCT - 2023