%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/blocks/bitrix/19.2.features_with_img/ |
Current File : /home/bitrix/www/bitrix/blocks/bitrix/19.2.features_with_img/block.php |
<section class="landing-block g-bg-gray-light-v5 g-pt-90 g-pb-90"> <div class="container"> <div class="row"> <div class="col-md-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="col-md-7 d-flex text-center text-md-left order-1 order-md-2"> <div class="align-self-center"> <div class="text-uppercase g-mb-20"> <h4 class="landing-block-node-subtitle g-font-weight-700 g-font-size-11 g-mb-15"> <span class="g-color-primary">05.</span> Awesome features</h4> <h2 class="landing-block-node-title 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 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 h6 text-uppercase g-font-weight-700 g-color-black g-mb-15"> Awesome features</h4> <div class="landing-block-node-card-text 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 h6 text-uppercase g-font-weight-700 g-color-black g-mb-15"> Beautiful and modern design</h4> <div class="landing-block-node-card-text 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>