Please wait...

Try Bacotna with other template and color skins
Index variants
Color options

Components counter

  1. Home
  2. Components
  3. Counter
0

Members

0

Viewer

0

Likes

0

Share

<!-- Start parallax -->
<div class="parallax padding-bot30" data-background="img/parallax/bg03.jpg" data-speed="0.5" data-size="50%">
	<div class="overlay"></div>
	<div class="container">
		<div class="content-parallax">
			<div class="row count">
				<div class="col-md-12 owl-column-wrapp">
					<div class="recent-4column owl-carousel owl-theme">
						<!-- Start counter 1 -->
						<div class="item">
							<div class="counter-item">
								<i class="fa fa-users icon-circle fa-3x icon-mandy"></i>
								<div class="count-value" data-count="5024"><span class="start-count">0</span></div>
								<p>Members</p>
							</div>
						</div>
						<!-- End counter 1 -->
						
						<!-- Start counter 2 -->
						<div class="item">
							<div class="counter-item">
								<i class="fa fa-eye icon-circle fa-3x icon-buttercup"></i>
								<div class="count-value" data-count="6870"><span class="start-count">0</span></div>
								<p>Viewer</p>
							</div>
						</div>
						<!-- End counter 2 -->
							
						<!-- Start counter 3 -->
						<div class="item">
							<div class="counter-item">
								<i class="fa fa-thumbs-up icon-circle fa-3x icon-picton"></i>
								<div class="count-value" data-count="4678"><span class="start-count">0</span></div>
								<p>Likes</p>
							</div>
						</div>
						<!-- End counter 3 -->
							
						<!-- Start counter 4 -->
						<div class="item">
							<div class="counter-item">
								<i class="fa fa-share-alt icon-circle fa-3x icon-meadow"></i>
								<div class="count-value" data-count="3321"><span class="start-count">0</span></div>
								<p>Share</p>
							</div>
						</div>
						<!-- End counter 4 -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End parallax -->
0

Members

0

Viewer

0

Likes

0

Share

0

Download

<div class="counter-wrapp count">
	<div class="counter-column bg1 mandy-border">
		<i class="fa fa-users icon-circle icon-stroke fa-3x"></i>
		<div class="count-value" data-count="5024"><span class="start-count">0</span></div>
		<p>Members</p>
	</div>
	<div class="counter-column bg2 buttercup-border">
		<i class="fa fa-eye icon-circle icon-stroke fa-3x"></i>
		<div class="count-value" data-count="6870"><span class="start-count">0</span></div>
		<p>Viewer</p>
	</div>
	<div class="counter-column bg3 picton-border">
		<i class="fa fa-thumbs-up icon-circle icon-stroke fa-3x"></i>
		<div class="count-value" data-count="4678"><span class="start-count">0</span></div>
		<p>Likes</p>
	</div>
	<div class="counter-column bg4 meadow-border">
		<i class="fa fa-share-alt icon-circle icon-stroke fa-3x"></i>
		<div class="count-value" data-count="3321"><span class="start-count">0</span></div>
		<p>Share</p>
	</div>
	<div class="counter-column bg5 kimberly-border">
		<i class="fa fa-download icon-circle icon-stroke fa-3x"></i>
		<div class="count-value" data-count="4267"><span class="start-count">0</span></div>
		<p>Download</p>
	</div>
</div>
0

Members

0

Viewer

0

Likes

0

Share

<!-- Start parallax -->
<div class="parallax padding-bot30" data-background="img/parallax/bg03.jpg" data-speed="0.5" data-size="50%">
	<div class="overlay"></div>
	<div class="container">
		<div class="content-parallax">
			<div class="row count">
				<div class="col-md-12 owl-column-wrapp">
					<div class="recent-4column owl-carousel owl-theme">
						<!-- Start counter 1 -->
						<div class="item">
							<div class="counter-circle mandy-border">
								<i class="fa fa-users icon-circle fa-3x icon-mandy"></i>
								<div class="count-value" data-count="5024"><span class="start-count">0</span></div>
								<p>Members</p>
							</div>
						</div>
						<!-- End counter 1 -->
							
						<!-- Start counter 2 -->
						<div class="item">
							<div class="counter-circle buttercup-border">
								<i class="fa fa-eye icon-circle fa-3x icon-buttercup"></i>
								<div class="count-value" data-count="6870"><span class="start-count">0</span></div>
								<p>Viewer</p>
							</div>
						</div>
						<!-- End counter 2 -->
							
						<!-- Start counter 3 -->
						<div class="item">
							<div class="counter-circle picton-border">
								<i class="fa fa-thumbs-up icon-circle fa-3x icon-picton"></i>
								<div class="count-value" data-count="4678"><span class="start-count">0</span></div>
								<p>Likes</p>
							</div>
						</div>
						<!-- End counter 3 -->
							
						<!-- Start counter 4 -->
						<div class="item">
							<div class="counter-circle meadow-border">
								<i class="fa fa-share-alt icon-circle fa-3x icon-meadow"></i>
								<div class="count-value" data-count="3321"><span class="start-count">0</span></div>
								<p>Share</p>
							</div>
						</div>
						<!-- End counter 4 -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End parallax -->
0

Members

0

Viewer

0

Likes

0

Share

0

Love

0

Download

<!-- Start contain wrapp -->
<div class="contain-wrapp padding-clear">
	<div class="counter-wrapp count">
		<div class="counter-polygonal crimson-bg">
			<div class="counter-content">
				<i class="fa fa-users fa-4x"></i>
				<div class="count-value" data-count="5024"><span class="start-count">0</span></div>
				<p>Members</p>
			</div>
		</div>
		<div class="counter-polygonal mandy-bg">
			<div class="counter-content">
				<i class="fa fa-eye fa-4x"></i>
				<div class="count-value" data-count="6870"><span class="start-count">0</span></div>
				<p>Viewer</p>
			</div>
		</div>
		<div class="counter-polygonal buttercup-bg">
			<div class="counter-content">
				<i class="fa fa-thumbs-up fa-4x"></i>
				<div class="count-value" data-count="4678"><span class="start-count">0</span></div>
				<p>Likes</p>
			</div>
		</div>
		<div class="counter-polygonal sunflower-bg">
			<div class="counter-content">
				<i class="fa fa-share-alt fa-4x"></i>
				<div class="count-value" data-count="3321"><span class="start-count">0</span></div>
				<p>Share</p>
			</div>
		</div>
		<div class="counter-polygonal turquoise-bg">
			<div class="counter-content">
				<i class="fa fa-heart fa-4x"></i>
				<div class="count-value" data-count="1201"><span class="start-count">0</span></div>
				<p>Love</p>
			</div>
		</div>
		<div class="counter-polygonal meadow-bg">
			<div class="counter-content">
				<i class="fa fa-download fa-4x"></i>
				<div class="count-value" data-count="4267"><span class="start-count">0</span></div>
				<p>Download</p>
			</div>
		</div>
	</div>
</div>
<!-- End contain wrapp -->
<div class="clearfix"></div>
0

Members

0

Viewer

0

Likes

0

Share

<div class="counter-wrapp counter-inverse count">
	<div class="counter-content">
			<i class="fa fa-users fa-4x"></i>
			<div class="count-value" data-count="5024"><span class="start-count">0</span></div>
			<p>Members</p>
		</div>
				
		<div class="counter-content">
			<i class="fa fa-eye fa-4x"></i>
			<div class="count-value" data-count="6870"><span class="start-count">0</span></div>
			<p>Viewer</p>
		</div>
				
		<div class="counter-content">
			<i class="fa fa-thumbs-up fa-4x"></i>
			<div class="count-value" data-count="4678"><span class="start-count">0</span></div>
			<p>Likes</p>
		</div>

		<div class="counter-content">
			<i class="fa fa-share-alt fa-4x"></i>
			<div class="count-value" data-count="3321"><span class="start-count">0</span></div>
		<p>Share</p>
	</div>
</div>
0

Wordpress theme

0

Graphic file

0

Logo & icons

0

Photo stock

<!-- Start parallax -->
<div class="parallax padding-bot30" data-background="img/parallax/bg09.jpg" data-speed="0.5" data-size="50%">
	<div class="overlay"></div>
	<div class="container">
		<div class="content-parallax">
			<div class="row count">
				<div class="col-md-12">
					<div class="recent-4column owl-carousel owl-theme">
						<!-- Start item 1 -->
						<div class="item">
							<div class="counter-item text-only">
								<div class="count-value" data-count="2024"><span class="start-count">0</span></div>
								<p>Wordpress theme</p>
							</div>
						</div>
						<!-- Start item 1 -->
							
						<!-- Start item 1 -->
						<div class="item">
							<div class="counter-item text-only">
								<div class="count-value" data-count="7654"><span class="start-count">0</span></div>
								<p>Graphic file</p>
							</div>
						</div>
						<!-- Start item 1 -->
							
						<!-- Start item 1 -->
						<div class="item">
							<div class="counter-item text-only">
								<div class="count-value" data-count="3443"><span class="start-count">0</span></div>
								<p>Logo & icons </p>
							</div>
						</div>
						<!-- Start item 1 -->
							
						<!-- Start item 1 -->
						<div class="item">
							<div class="counter-item text-only">
								<div class="count-value" data-count="4332"><span class="start-count">0</span></div>
								<p>Photo stock</p>
							</div>
						</div>
						<!-- Start item 1 -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End parallax -->