"Funfact styles"
Bootstrap 3.3.0 Snippet by bootstrapthemes

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- Add this css in head tag -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
<section id="counter_threeup" class="counter_threeup lightbg sections">
<div class="container">
<div class="row">
<div class="counter_threeup-wrapper">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="counter_threeup">
<div class="counter_threeup-photo">
<img src="http://i.imgur.com/7jmZxc8.png" alt="counter_threeup" />
</div>
<div class="counter_threeup-content">
<h5 class="count-number">11</h5>
<h6>Designers</h6>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="counter_threeup">
<div class="counter_threeup-photo">
<img src="http://i.imgur.com/s3fDOCZ.png" alt="counter_threeup" />
</div>
<div class="counter_threeup-content">
<h5 class="count-number">6542</h5>
<h6>Hours Worked</h6>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*==========================================================
counter style one
============================================================*/
body{
font-size:18px;
font-weight: 400;
}
.p-y-2 {
padding-top: 28px;
padding-bottom: 28px;
}
.p-y-3 {
padding-top: 45px;
padding-bottom: 45px;
}
.m-b-1 {
margin-bottom: 18px;
}
.m-t-1 {
margin-top: 18px;
}
.main_counter_area{
background: url(https://images.pexels.com/photos/196288/pexels-photo-196288.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat top center;
background-size: cover;
overflow: hidden;
}
.main_counter_area .main_counter_content .single_counter{
background: rgba(236, 72, 72, 0.5);
color: #fff;
}
.main_counter_area .main_counter_content .single_counter i{
font-size:36px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
$('.statistic-counter_two, .statistic-counter, .count-number').counterUp({
delay: 10,
time: 2000
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Kit PRO Angular
Card Styles

Questions / Comments: