Your IP : 3.137.223.185


Current Path : /home/bitrix/ext_www/easy-comfort.com.ua/bitrix/blocks/bitrix/34.2.animation_circles/
Upload File :
Current File : /home/bitrix/ext_www/easy-comfort.com.ua/bitrix/blocks/bitrix/34.2.animation_circles/block.php

<section class="landing-block g-pt-80 g-pb-80">
	<div class="container text-center u-bg-overlay__inner g-max-width-770 g-mb-30 g-mb-70--md">
		<div class="text-uppercase u-heading-v2-4--bottom g-brd-primary g-mb-30">
			<h3 class="landing-block-node-subtitle g-font-weight-600 g-font-size-12 g-color-primary g-mb-20">Skills</h3>
			<h2 class="landing-block-node-title u-heading-v2__title g-line-height-1 g-letter-spacing-2 g-font-weight-700 g-font-size-40 g-color-gray-dark-v2 mb-0">
				Our advantages</h2>
		</div>

		<div class="landing-block-node-text mb-0">
			<p>Integer accumsan maximus leo, et consectetur metus vestibulum in. Vestibulum viverra justo odio.
				Donec eu nulla leo. Vivamus risus lacus, viverra eu maximus non, tincidunt sodales massa.</p>
		</div>
	</div>

	<div class="container">
		<div class="row g-mb-50">
			<!-- Counter Pie Chart -->
			<div class="landing-block-card-block col-md-6 col-lg-3 text-center g-mb-50 g-mb-0--lg">
				<div class="landing-block-card-block-circle js-pie g-font-weight-600 g-mb-35"
					 data-circles-value="84"
					 data-circles-max-value="100"
					 data-circles-bg-color="#f8f8f8"
					 data-circles-fg-color="#e74c3c"
					 data-circles-radius="80"
					 data-circles-stroke-width="10"
					 data-circles-duration="2000"
					 data-circles-scroll-animate="true"
					 data-circles-font-size="56"
					 data-circles-color="#000">
				</div>

				<h4 class="landing-block-node-block-title g-font-roboto-slab h6 text-uppercase g-font-weight-600 g-color-gray-dark-v2 g-mb-15">
					Happy Clients</h4>
				<div class="landing-block-node-block-text mb-0">Integer accumsan maximus leo, et consectetur metus
					vestibulum in. Vestibulum viverra
					justo odio maximus efficitur</div>
			</div>
			<!-- End Counter Pie Chart -->

			<!-- Counter Pie Chart -->
			<div class="landing-block-card-block col-md-6 col-lg-3 text-center g-mb-50 g-mb-0--lg">
				<div class="landing-block-card-block-circle js-pie g-font-weight-600 g-mb-35"
					 data-circles-value="34"
					 data-circles-max-value="100"
					 data-circles-bg-color="#f8f8f8"
					 data-circles-fg-color="#e74c3c"
					 data-circles-radius="80"
					 data-circles-stroke-width="10"
					 data-circles-duration="2000"
					 data-circles-scroll-animate="true"
					 data-circles-font-size="56"
					 data-circles-color="#000">
				</div>

				<h4 class="landing-block-node-block-title g-font-roboto-slab h6 text-uppercase g-font-weight-600 g-color-gray-dark-v2 g-mb-15">
					Completed Projects</h4>
				<div class="landing-block-node-block-text mb-0">Quisque vestibulum sem eget nibh commodo, non elementum
					nibh pulvinar. Duis mattis
					venenatis tortor iaculis ultricies</div>
			</div>
			<!-- End Counter Pie Chart -->

			<!-- Counter Pie Chart -->
			<div class="landing-block-card-block col-md-6 col-lg-3 text-center g-mb-50 g-mb-0--md">
				<div class="landing-block-card-block-circle js-pie g-font-weight-600 g-mb-35"
					 data-circles-value="35"
					 data-circles-max-value="100"
					 data-circles-bg-color="#f8f8f8"
					 data-circles-fg-color="#e74c3c"
					 data-circles-radius="80"
					 data-circles-stroke-width="10"
					 data-circles-duration="2000"
					 data-circles-scroll-animate="true"
					 data-circles-font-size="56"
					 data-circles-color="#000">
				</div>

				<h4 class="landing-block-node-block-title g-font-roboto-slab h6 text-uppercase g-font-weight-600 g-color-gray-dark-v2 g-mb-15">
					Our
					Team</h4>
				<div class="landing-block-node-block-text mb-0">Nullam in diam arcu. Etiam nisl justo, tempor scelerisque
					sagittis vel, bibendum
					vestibulum metus. Donec eget nunc neque</div>
			</div>
			<!-- End Counter Pie Chart -->

			<!-- Counter Pie Chart -->
			<div class="landing-block-card-block col-md-6 col-lg-3 text-center">
				<div class="landing-block-card-block-circle js-pie g-font-weight-600 g-mb-35"
					 data-circles-value="67"
					 data-circles-max-value="100"
					 data-circles-bg-color="#f8f8f8"
					 data-circles-fg-color="#e74c3c"
					 data-circles-radius="80"
					 data-circles-stroke-width="10"
					 data-circles-duration="2000"
					 data-circles-scroll-animate="true"
					 data-circles-font-size="56"
					 data-circles-color="#000">
				</div>

				<h4 class="landing-block-node-block-title g-font-roboto-slab h6 text-uppercase g-font-weight-600 g-color-gray-dark-v2 g-mb-15">
					Countries</h4>
				<div class="landing-block-node-block-text mb-0">Rhoncus euismod pulvinar. Nulla non arcu at lectus.
					Vestibulum fringilla velit rhoncus
					euismod rhoncus turpis</div>
			</div>
			<!-- End Counter Pie Chart -->
		</div>

	</div>
</section>