| Server IP : 172.67.187.206 / Your IP : 172.71.28.156 Web Server : Apache/2.4.25 (Win32) OpenSSL/1.0.2j PHP/5.6.30 System : Windows NT WIN-ECQAAA40806 6.2 build 9200 (Windows Server 2012 Standard Edition) i586 User : SYSTEM ( 0) PHP Version : 5.6.30 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /Inetpub/www/news/datacenter/admin/template-pages/ |
Upload File : |
<!-- Javascript and CSS for this page -->
<script src="<?php echo ADMIN_URL;?>/assets/plugins/waypoints/lib/jquery.waypoints.min.js"></script>
<script src="<?php echo ADMIN_URL;?>/assets/plugins/counterup/jquery.counterup.min.js"></script>
<script>
$(document).ready(function() {
$('.counter').counterUp({
delay: 10,
time: 1000
});
});
</script>
<style type="text/css">
.counter {
font-size: 3.5rem;
}
</style>
<div class="row">
<div class="col-xl-12">
<div class="breadcrumb-holder">
<h1 class="main-title float-left">Counter-up</h1>
<ol class="breadcrumb float-right">
<li class="breadcrumb-item">Home</li>
<li class="breadcrumb-item active">Counter-up</li>
</ol>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- end row -->
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Documentation</h4>
<p>Counter-Up is a jQuery plugin that animates a number from zero (counting up towards it). It supports counting up: integers, floats and formatted numbers. You can find examples and documentation about GMaps.js here: <a target="_blank" href="https://github.com/bfintal/Counter-Up">Counter-Up documentation</a>.</p>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">52,147</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">1.9583</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">12345</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">43,753</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">1,734,195.10</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">849203</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">0.8412</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">958393.10</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">5,123,348</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">52,155</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">1.9583</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">12345</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">52,147</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">1.9583</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">12345</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">43,753</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">1,734,195.10</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">849203</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">0.8412</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">958393.10</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">5,123,348</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">52,155</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">1.9583</span>
</div>
</div><!-- end card-->
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="card mb-3">
<div class="card-body">
<span class="counter">12345</span>
</div>
</div><!-- end card-->
</div>
</div>
<!-- end row -->