Counters

Counters

//Counter Style 1

35

Years Of Experience

1160+

Happy Clients

1545+

Projects Done

50+

Skilled Experts

25

Won Award


<div class="bg-img cover-background primary-overlay p-5" data-overlay-dark="9" data-background="img/bg/bg-02.jpg">
	<div class="row align-items-center position-relative z-index-9">
		<div class="col-lg-6 mb-2-9 mb-sm-6 mb-lg-0">
			<div class="counter-number text-center">
				<span class="countup">35</span>
				<h4 class="letter-spacing-5 text-white mb-0">Years Of Experience</h4>
			</div>
		</div>
		<div class="col-lg-6">
			<div class="ps-lg-6 ps-xl-8">
				<div class="row g-0 justify-content-center">
					<div class="col-sm-6 text-center border-sm-end border-bottom border-white-opacity2 py-1-6">
						<h3 class="text-white h1 font-weight-700"><span class="countup">1160</span>+</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Happy Clients</p>
					</div>
					<div class="col-sm-6 text-center border-bottom border-white-opacity2 py-1-6">
						<h3 class="text-white h1 font-weight-700"><span class="countup">1545</span>+</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Projects Done</p>
					</div>
					<div class="col-sm-6 text-center borders-bottom border-sm-bottom-0 border-sm-end border-white-opacity2 py-1-6">
						<h3 class="text-white h1 font-weight-700"><span class="countup">50</span>+</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Skilled Experts</p>
					</div>
					<div class="col-sm-6 text-center py-1-6">
						<h3 class="countup text-white h1 font-weight-700">25</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Won Award</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

//Counter Style 2

1160

Happy Clients

1545

Projects Done

50

Skilled Experts

25

Won Award


<div class="bg-img cover-background primary-overlay p-5" data-overlay-dark="9" data-background="img/bg/bg-02.jpg">
	<div class="row align-items-center position-relative z-index-9">
		<div class="col-lg-6 mb-2-9 mb-sm-6 mb-lg-0">
			<div class="counter-number text-center">
				<span class="countup">35</span>
				<h4 class="letter-spacing-5 text-white mb-0">Years Of Experience</h4>
			</div>
		</div>
		<div class="col-lg-6">
			<div class="ps-lg-6 ps-xl-8">
				<div class="row g-0 justify-content-center">
					<div class="col-sm-6 text-center border-sm-end border-bottom border-white-opacity2 py-1-6">
						<h3 class="text-white h1 font-weight-700"><span class="countup">1160</span>+</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Happy Clients</p>
					</div>
					<div class="col-sm-6 text-center border-bottom border-white-opacity2 py-1-6">
						<h3 class="text-white h1 font-weight-700"><span class="countup">1545</span>+</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Projects Done</p>
					</div>
					<div class="col-sm-6 text-center borders-bottom border-sm-bottom-0 border-sm-end border-white-opacity2 py-1-6">
						<h3 class="text-white h1 font-weight-700"><span class="countup">50</span>+</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Skilled Experts</p>
					</div>
					<div class="col-sm-6 text-center py-1-6">
						<h3 class="countup text-white h1 font-weight-700">25</h3>
						<p class="display-29 display-sm-28 display-xl-27 text-white font-weight-500 m-0">Won Award</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

//Counter Style 3

1160+

Happy Clients

1545+

Projects Done

50+

Skilled Experts

25

Won Award


<div class="bg-img cover-background primary-overlay parallax p-5" data-overlay-dark="9" data-background="img/bg/bg-05.jpg">
	<div class="row position-relative z-index-9">
		<div class="col-sm-6 col-lg-3 text-center mb-1-9 mb-lg-0">
			<div class="counter-style2">
				<h2 class="alt-font"><span class="countup">1160</span>+</h2>
				<div class="sub-title">
					<h5>Happy Clients</h5>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-lg-3 text-center mb-1-9 mb-lg-0">
			<div class="counter-style2">
				<h2 class="alt-font"><span class="countup">1545</span>+</h2>
				<div class="sub-title">
					<h5>Projects Done</h5>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-lg-3 text-center mb-1-9 mb-sm-0">
			<div class="counter-style2">
				<h2 class="alt-font"><span class="countup">50</span>+</h2>
				<div class="sub-title">
					<h5>Skilled Experts</h5>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-lg-3 text-center">
			<div class="counter-style2">
				<h2 class="countup alt-font">25</h2>
				<div class="sub-title">
					<h5>Won Award</h5>
				</div>a
			</div>
		</div>
	</div>
</div>

//Counter Style 4

1160

Happy Clients

1545

Projects Done

50

Skilled Experts

25

Won Award


<div class="row mt-n1-9">
	<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
		<div class="d-sm-flex align-items-center box-shadows p-3 p-xl-4 w-100 h-100">
			<div class="flex-shrink-0 mb-3 mb-sm-0">
				<img src="img/icons/icon-40.png" alt="...">
			</div>
			<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4 counter-style3 w-100 h-100">
				<h3 class="countup h1 text-primary mb-1">1160</h3>
				<span class="font-weight-500 text-muted">Happy Clients</span>
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
		<div class="d-sm-flex align-items-center box-shadows p-3 p-xl-4 w-100 h-100">
			<div class="flex-shrink-0 mb-3 mb-sm-0">
				<img src="img/icons/icon-41.png" alt="...">
			</div>
			<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4 counter-style3">
				<h3 class="countup h1 text-primary mb-1">1545</h3>
				<span class="font-weight-500 text-muted">Projects Done</span>
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
		<div class="d-sm-flex align-items-center box-shadows p-3 p-xl-4 w-100 h-100">
			<div class="flex-shrink-0 mb-3 mb-sm-0">
				<img src="img/icons/icon-42.png" alt="...">
			</div>
			<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4 counter-style3">
				<h3 class="countup h1 text-primary mb-1">50</h3>
				<span class="font-weight-500 text-muted">Skilled Experts</span>
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-lg-3 mt-1-9 text-center text-sm-start">
		<div class="d-sm-flex align-items-center box-shadows p-3 p-xl-4 w-100 h-100">
			<div class="flex-shrink-0 mb-3 mb-sm-0">
				<img src="img/icons/icon-43.png" alt="...">
			</div>
			<div class="flex-grow-1 border-sm-start border-color-extra-light-gray ps-sm-3 ps-xl-4 ms-sm-3 ms-xl-4">
				<h3 class="countup h1 text-primary mb-1">25</h3>
				<span class="font-weight-500 text-muted">Won Award</span>
			</div>
		</div>
	</div>
</div>

Quick Question?