%PDF- %PDF-
Direktori : /proc/self/root/home/bitrix/www/bitrix/blocks/bitrix/39.1.five_blocks_carousel/ |
Current File : //proc/self/root/home/bitrix/www/bitrix/blocks/bitrix/39.1.five_blocks_carousel/block.php |
<section class="landing-block g-pt-30 g-pb-30"> <div class="js-carousel" data-infinite="true" data-slides-show="5" data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-60 g-font-size-60 g-color-white g-bg-primary" data-arrow-left-classes="fa fa-angle-left g-left-10" data-arrow-right-classes="fa fa-angle-right g-right-10" data-responsive='[{ "breakpoint": 1200, "settings": { "slidesToShow": 5 } }, { "breakpoint": 992, "settings": { "slidesToShow": 3 } }, { "breakpoint": 446, "settings": { "slidesToShow": 1 } }]'> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2"> <!-- Article Header --> <header class="g-pa-25"> <div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15"> <span style="font-weight: bold;">$3.500</span> / per month </div> <h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10"> Ut pulvinar tellus sed elit luctus </h3> <div class="text-uppercase g-font-size-12"> <a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">12 Reviews</a> </div> </header> <!-- End Article Header --> <!-- Article Image --> <img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img3.jpg" alt=""> <!-- End Article Image --> <!-- Article Footer --> <footer class="d-table w-100"> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div> </div> </footer> <!-- End Article Footer --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2"> <!-- Article Header --> <header class="g-pa-25"> <div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15"> <span style="font-weight: bold;">$3.500</span> / per month </div> <h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10"> Ut pulvinar tellus sed elit luctus </h3> <div class="text-uppercase g-font-size-12"> <a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">12 Reviews</a> </div> </header> <!-- End Article Header --> <!-- Article Image --> <img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img4.jpg" alt=""> <!-- End Article Image --> <!-- Article Footer --> <footer class="d-table w-100"> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div> </div> </footer> <!-- End Article Footer --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2"> <!-- Article Header --> <header class="g-pa-25"> <div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15"> <span style="font-weight: bold;">$3.500</span> / per month </div> <h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10"> Ut pulvinar tellus sed elit luctus </h3> <div class="text-uppercase g-font-size-12"> <a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">12 Reviews</a> </div> </header> <!-- End Article Header --> <!-- Article Image --> <img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img5.jpg" alt=""> <!-- End Article Image --> <!-- Article Footer --> <footer class="d-table w-100"> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div> </div> </footer> <!-- End Article Footer --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2"> <!-- Article Header --> <header class="g-pa-25"> <div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15"> <span style="font-weight: bold;">$3.500</span> / per month </div> <h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10"> Ut pulvinar tellus sed elit luctus </h3> <div class="text-uppercase g-font-size-12"> <a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">12 Reviews</a> </div> </header> <!-- End Article Header --> <!-- Article Image --> <img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img6.jpg" alt=""> <!-- End Article Image --> <!-- Article Footer --> <footer class="d-table w-100"> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div> </div> </footer> <!-- End Article Footer --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2"> <!-- Article Header --> <header class="g-pa-25"> <div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15"> <span style="font-weight: bold;">$3.500</span> / per month </div> <h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10"> Ut pulvinar tellus sed elit luctus </h3> <div class="text-uppercase g-font-size-12"> <a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">12 Reviews</a> </div> </header> <!-- End Article Header --> <!-- Article Image --> <img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img7.jpg" alt=""> <!-- End Article Image --> <!-- Article Footer --> <footer class="d-table w-100"> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div> </div> </footer> <!-- End Article Footer --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2"> <!-- Article Header --> <header class="g-pa-25"> <div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15"> <span style="font-weight: bold;">$3.500</span> / per month </div> <h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10"> Ut pulvinar tellus sed elit luctus </h3> <div class="text-uppercase g-font-size-12"> <a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover" href="#">12 Reviews</a> </div> </header> <!-- End Article Header --> <!-- Article Image --> <img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img8.jpg" alt=""> <!-- End Article Image --> <!-- Article Footer --> <footer class="d-table w-100"> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div> </div> <div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10"> <div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle"> <i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i> </div> <div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div> </div> </footer> <!-- End Article Footer --> </article> <!-- End Article --> </div> </div> </section>