<section class="laning-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">
			<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
				<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
					Web development</h6>

				<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
					<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
						 aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
					<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
						85%
					</div>
				</div>
			</div>

			<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
				<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
					App development</h6>

				<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
					<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
						 aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
					<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
						75%
					</div>
				</div>
			</div>
			<!--		</div>-->
			<!--dbg-->
			<!--		<div class="row">-->
			<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
				<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
					CSS3 and HTML5</h6>

				<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
					<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
						 aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
					<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
						70%
					</div>
				</div>
			</div>

			<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
				<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
					Branding</h6>

				<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
					<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
						 aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;"></div>
					<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
						95%
					</div>
				</div>
			</div>
			<!--		</div>-->
			<!--dbg-->
			<!--		<div class="row">-->
			<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30 g-mb-0--md">
				<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
					Social media</h6>

				<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
					<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
						 aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
					<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
						90%
					</div>
				</div>
			</div>

			<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md">
				<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
					Wordpress</h6>

				<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
					<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
						 aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
					<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
						70%
					</div>
				</div>
			</div>
		</div>
	</div>
</section>