Your IP : 3.17.162.15


Current Path : /var/www/axolotl/data/www/axolotls.ru/www/bitrix/blocks/bitrix/19.2.features_with_img/
Upload File :
Current File : /var/www/axolotl/data/www/axolotls.ru/www/bitrix/blocks/bitrix/19.2.features_with_img/block.php

<section class="landing-block landing-semantic-background-color g-bg-gray-light-v5 g-pt-90 g-pb-90">
	<div class="container">
		<div class="row">
			<div class="col-md-5 col-lg-5 text-center g-overflow-hidden order-2 order-md-1">
				<img class="landing-block-node-img js-animation slideInLeft img-fluid"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/mockups/mockup2.png"
					 alt="">
			</div>

			<div class="landing-block-node-text-container col-md-7 col-lg-7 d-flex text-center text-md-left order-1 order-md-2">
				<div>
					<div class="text-uppercase g-mb-20">
						<h4 class="landing-block-node-subtitle landing-semantic-subtitle-small font-weight-bold g-font-size-11 g-mb-15">
							<span class="landing-semantic-subtitle-small-primary g-color-primary">05.</span> Awesome features</h4>
						<h2 class="landing-block-node-title landing-semantic-title-medium g-line-height-1_3 g-font-size-36 mb-0">
							<span style="font-weight: bold;">Just try</span> and <span style="font-weight: bold;">use always</span>
						</h2>
					</div>

					<div class="landing-block-node-text landing-semantic-text-medium g-mb-65">
						<p>Integer ut sollicitudin justo. Class aptent taciti sociosqu ad litora torquent
							per conubia nostra, per inceptos himenaeos. Donec ullamcorper.</p>
					</div>

					<div class="landing-block-node-cards-container">
						<div class="landing-block-node-card media d-block d-md-flex text-center text-md-left g-mb-30">
							<div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
							<span class="landing-block-node-card-icon-border u-icon-v2 u-icon-size--lg g-font-size-26 g-color-primary g-rounded-50x">
								<i class="landing-block-node-card-icon fa fa-flask"></i>
							</span>
							</div>

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-title landing-semantic-subtitle-medium h6 text-uppercase font-weight-bold g-color-black g-mb-15">
									Awesome features</h4>
								<div class="landing-block-node-card-text landing-semantic-text-medium g-font-size-default mb-0">
									<p>Vestibulum vulputate lobortis tortor non tempus. Proin
										in ex blandit velit imperdiet tincidunt sit amet at quam. Nam ac ultrices urna,
										sit
										amet fermentum magna. Nulla eu mattis augue.</p>
								</div>
							</div>
						</div>

						<div class="landing-block-node-card media d-block d-md-flex text-center text-md-left g-mb-30">
							<div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
							<span class="landing-block-node-card-icon-border u-icon-v2 u-icon-size--lg g-font-size-26 g-color-primary g-rounded-50x">
								<i class="landing-block-node-card-icon fa fa-magic"></i>
							</span>
							</div>

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-title landing-semantic-subtitle-medium h6 text-uppercase font-weight-bold g-color-black g-mb-15">
									Beautiful and modern
									design</h4>
								<div class="landing-block-node-card-text landing-semantic-text-medium g-font-size-default mb-0">
									<p>Araesent blandit hendrerit justo sed egestas. Proin
										tincidunt purus in tortor cursus fermentum. Proin laoreet erat vitae dui
										blandit,
										vitae faucibus lacus auctor. Proin ornare sit amet arcu at aliquam.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>