Counter

Clean and Multi-purpose template made with Bootstrap

Themes Downloaded 10,567 Times.

Show Code
													
						<section class="padd-tb-80 bg-gray">
					
							<div class="container">						
								<div class="text-center">
									<h4>Themes Downloaded <span class="counter">10,567</span> Times.</h4>
								</div><!-- ./row -->	
							</div>
											
						</section>
					  
					

Projects

1,567

Hour

567

Support

667

Coffee

1,167
Show Code
													
						<section class="padd-tb-80">
				
							<div class="container">						
								<div class="row">
									
									<div class="col-md-3 col-sm-6">							
										<div class="counter-box">
											<h4>Projects</h4>
											<span class="counter">1,567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">							
										<div class="counter-box">
											<h4>Hour</h4>
											<span class="counter">567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">									
										<div class="counter-box">
											<h4>Support</h4>
											<span class="counter">667</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box">
											<h4>Coffee</h4>
											<span class="counter">1,167</span>
										</div>							
									</div>
									
								</div><!-- ./row -->	
							</div>
											
						</section>	
					  
					

Projects

1,567

Hour

567

Support

667

Coffee

1,167
Show Code
													
						<section class="padd-tb-80">
				
							<div class="container">						
								<div class="row">
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box">
											<div class="icon-holder theme extra-large circle"><i class="icon-trophy"></i></div>
											<h4>Projects</h4>
											<span class="counter">1,567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">							
										<div class="counter-box">
											<div class="icon-holder theme extra-large circle"><i class="icon-hourglass"></i></div>
											<h4>Hour</h4>
											<span class="counter">567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box">
											<div class="icon-holder theme extra-large circle"><i class="icon-support"></i></div>
											<h4>Support</h4>
											<span class="counter">667</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box">
											<div class="icon-holder theme extra-large circle"><i class="icon-cup"></i></div>
											<h4>Coffee</h4>
											<span class="counter">1,167</span>
										</div>							
									</div>
									
								</div><!-- ./row -->	
							</div>
											
						</section>
					  
					

Projects

1,567

Hour

567

Support

667

Coffee

1,167
Show Code
													
						<section class="padd-tb-80">
				
							<div class="container">						
								<div class="row">
									
									<div class="col-md-3 col-sm-6">							
										<div class="counter-box-light">
											<div class="icon-holder theme extra-large circle"><i class="icon-trophy"></i></div>
											<h4>Projects</h4>
											<span class="counter">1,567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-light">
											<div class="icon-holder bg-blue extra-large circle"><i class="icon-hourglass"></i></div>
											<h4>Hour</h4>
											<span class="counter">567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-light">
											<div class="icon-holder bg-orange extra-large circle"><i class="icon-support"></i></div>
											<h4>Support</h4>
											<span class="counter">667</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-light">
											<div class="icon-holder bg-red extra-large circle"><i class="icon-cup"></i></div>
											<h4>Coffee</h4>
											<span class="counter">1,167</span>
										</div>							
									</div>
									
								</div><!-- ./row -->	
							</div>
											
						</section>	
					  
					

Projects

1,567

Hour

567

Support

667

Coffee

1,167
Show Code
													
						<section class="bg-dark padd-tb-80 image-v1">
							<div class="darken"></div>
							<div class="container">						
								<div class="row">
									
									<div class="col-md-3 col-sm-6">							
										<div class="counter-box">
											<div class="icon-holder theme extra-large circle"><i class="icon-trophy"></i></div>
											<h4>Projects</h4>
											<span class="counter">1,567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box">
											<div class="icon-holder bg-blue extra-large circle"><i class="icon-hourglass"></i></div>
											<h4>Hour</h4>
											<span class="counter">567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">							
										<div class="counter-box">
											<div class="icon-holder bg-orange extra-large circle"><i class="icon-support"></i></div>
											<h4>Support</h4>
											<span class="counter">667</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box">
											<div class="icon-holder bg-red extra-large circle"><i class="icon-cup"></i></div>
											<h4>Coffee</h4>
											<span class="counter">1,167</span>
										</div>							
									</div>
									
								</div><!-- ./row -->	
							</div>
											
						</section>		
					  
					

Projects

1,567

Hour

567

Support

667

Coffee

1,167
Show Code
													
						<section class="bg-dark padd-tb-80 image-v1">
							<div class="darken"></div>
							<div class="container">						
								<div class="row">
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-dark">
											<div class="icon-holder theme extra-large circle"><i class="icon-trophy"></i></div>
											<h4>Projects</h4>
											<span class="counter">1,567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-dark">
											<div class="icon-holder bg-blue extra-large circle"><i class="icon-hourglass"></i></div>
											<h4>Hour</h4>
											<span class="counter">567</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-dark">
											<div class="icon-holder bg-orange extra-large circle"><i class="icon-support"></i></div>
											<h4>Support</h4>
											<span class="counter">667</span>
										</div>							
									</div>
									
									<div class="col-md-3 col-sm-6">								
										<div class="counter-box-dark">
											<div class="icon-holder bg-red extra-large circle"><i class="icon-cup"></i></div>
											<h4>Coffee</h4>
											<span class="counter">1,167</span>
										</div>							
									</div>
									
								</div><!-- ./row -->	
							</div>
											
						</section>			
					  
					

Style Switcher

Predefined Colors

Layout Style

Background Image

Background Color