| Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/blocks/bitrix/19.2.features_with_img/ |
| Current File : /var/www/element/data/www/revenuestory.ru/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-30 g-pb-30"> <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"> <h6 class="landing-block-node-subtitle landing-semantic-subtitle-small g-font-weight-700 g-mb-15"> <span class="landing-semantic-subtitle-small-primary g-color-primary">05.</span> Awesome features</h6> <h2 class="landing-block-node-title landing-semantic-title-medium g-line-height-1_3 h1 g-mb-20"> <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 m-auto"> <i class="landing-block-node-card-icon fa fa-flask"></i> </span> </div> <div class="media-body align-self-center"> <h6 class="landing-block-node-card-title landing-semantic-subtitle-medium text-uppercase g-font-weight-700 g-mb-15"> Awesome features</h6> <div class="landing-block-node-card-text landing-semantic-text-medium 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 m-auto"> <i class="landing-block-node-card-icon fa fa-magic"></i> </span> </div> <div class="media-body align-self-center"> <h6 class="landing-block-node-card-title landing-semantic-subtitle-medium text-uppercase g-font-weight-700 g-mb-15"> Beautiful and modern design</h6> <div class="landing-block-node-card-text landing-semantic-text-medium 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>