Current Path : /var/www/axolotl/data/www/axolotls.ru/www/bitrix/blocks/bitrix/28.5.team_4_cols_slider/ |
Current File : /var/www/axolotl/data/www/axolotls.ru/www/bitrix/blocks/bitrix/28.5.team_4_cols_slider/block.php |
<section class="landing-block g-pt-100 g-pb-100"> <div class="container"> <div class="js-carousel row" data-autoplay="false" data-slides-show="4" data-slides-scroll="1" data-arrows-classes="u-arrow-v1 g-pos-abs g-absolute-centered--y--md g-top-0 g-top-50x--md g-width-50 g-height-50 g-font-size-default g-color-white g-bg-gray-dark-v2 g-bg-primary--hover g-transition-0_2 g-transition--ease-in" data-arrow-left-classes="fa fa-chevron-left g-left-0 g-ml-minus-50--md" data-arrow-right-classes="fa fa-chevron-right g-right-0 g-mr-minus-50--md" data-responsive='[{ "breakpoint": 1201, "settings": { "slidesToShow": 4 } }, { "breakpoint": 992, "settings": { "slidesToShow": 3 } }, { "breakpoint": 768, "settings": { "slidesToShow": 2 } }, { "breakpoint": 576, "settings": { "slidesToShow": 1 } }]' data-init-classes-exclude='[{ "selector": ".landing-block-card-member", "class": "col-12 col-sm-4 col-lg-3" }, { "selector": ".js-carousel", "class": "row" }]'> <div class="landing-block-card-member js-slide js-animation fadeInLeft g-px-10--md col-12 col-sm-4 col-lg-3 align-self-start"> <!-- Figure --> <figure class="landing-block-card-member-container u-block-hover g-bg-gray-dark-v2 g-bg-primary--hover g-color-white mb-0 g-transition-0_2"> <div class="g-pos-rel"> <!-- Figure Image --> <img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img1.jpg" alt="Image description"> <!-- End Figure Image --> <div class="u-block-hover__additional--fade g-flex-middle g-pointer-events-none"> <!-- Figure Contacts --> <ul class="landing-block-text-container list-unstyled g-flex-middle-item--bottom g-pt-30 g-pb-30 g-pl-15 g-pr-15 g-pointer-events-all g-bg-black-opacity-0_7"> <li class="g-mb-5"> <span class="landing-block-node-member-contact-icon-container1 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon1 landing-block-node-member-contact-icon fa fa-envelope"></i> </span> <span class="landing-block-node-member-contact-text1 landing-semantic-text--imagesmall landing-block-node-member-contact-text g-color-white"> tammy@unify.com </span> </li> <li class="mb-0"> <span class="landing-block-node-member-contact-icon-container2 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon2 landing-block-node-member-contact-icon fa fa-phone"></i> </span> <span class="landing-block-node-member-contact-text2 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> +44 555 2566 112 </span> </li> </ul> <!-- End Figure Contacts --> </div> </div> <!-- Figure Info --> <div class="g-pa-20"> <h4 class="landing-block-node-member-name landing-semantic-subtitle-image-small text-uppercase g-font-size-16 g-mb-5">Tammy Exon</h4> <div class="landing-block-node-member-text landing-semantic-text-image-small g-font-style-normal g-font-size-default g-color-white-opacity-0_75"> Yoga, Cardio, Pilates, Crossfit </div> </div> <!-- End Figure Info--> </figure> <!-- End Figure --> </div> <div class="landing-block-card-member js-slide js-animation fadeInLeft g-px-10--md col-12 col-sm-4 col-lg-3 align-self-start"> <!-- Figure --> <figure class="landing-block-card-member-container u-block-hover g-bg-gray-dark-v2 g-bg-primary--hover g-color-white mb-0 g-transition-0_2"> <div class="g-pos-rel"> <!-- Figure Image --> <img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img2.jpg" alt="Image description"> <!-- End Figure Image --> <div class="u-block-hover__additional--fade g-flex-middle g-pointer-events-none"> <!-- Figure Contacts --> <ul class="landing-block-text-container list-unstyled g-flex-middle-item--bottom g-pt-30 g-pb-30 g-pl-15 g-pr-15 g-pointer-events-all g-bg-black-opacity-0_7"> <li class="g-mb-5"> <span class="landing-block-node-member-contact-icon-container1 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon1 landing-block-node-member-contact-icon fa fa-envelope"></i> </span> <span class="landing-block-node-member-contact-text1 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> jacob@unify.com </span> </li> <li class="mb-0"> <span class="landing-block-node-member-contact-icon-container2 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon2 landing-block-node-member-contact-icon fa fa-phone"></i> </span> <span class="landing-block-node-member-contact-text2 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> +44 242 2566 343 </span> </li> </ul> <!-- End Figure Contacts --> </div> </div> <!-- Figure Info --> <div class="g-pa-20"> <h4 class="landing-block-node-member-name landing-semantic-subtitle-image-small text-uppercase g-font-size-16 g-mb-5">Jacob Barton</h4> <div class="landing-block-node-member-text landing-semantic-text-image-small g-font-style-normal g-font-size-default g-color-white-opacity-0_75"> Gym, Boxing, Crossfit, Cardio </div> </div> <!-- End Figure Info--> </figure> <!-- End Figure --> </div> <div class="landing-block-card-member js-slide js-animation fadeInLeft g-px-10--md col-12 col-sm-4 col-lg-3 align-self-start"> <!-- Figure --> <figure class="landing-block-card-member-container u-block-hover g-bg-gray-dark-v2 g-bg-primary--hover g-color-white mb-0 g-transition-0_2 "> <div class="g-pos-rel"> <!-- Figure Image --> <img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img3.jpg" alt="Image description"> <!-- End Figure Image --> <div class="u-block-hover__additional--fade g-flex-middle g-pointer-events-none"> <!-- Figure Contacts --> <ul class="landing-block-text-container list-unstyled g-flex-middle-item--bottom g-pt-30 g-pb-30 g-pl-15 g-pr-15 g-pointer-events-all g-bg-black-opacity-0_7"> <li class="g-mb-5"> <span class="landing-block-node-member-contact-icon-container1 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon1 landing-block-node-member-contact-icon fa fa-envelope"></i> </span> <span class="landing-block-node-member-contact-text1 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> monica@unify.com </span> </li> <li class="mb-0"> <span class="landing-block-node-member-contact-icon-container2 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon2 landing-block-node-member-contact-icon fa fa-phone"></i> </span> <span class="landing-block-node-member-contact-text2 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> +44 093 4142 545 </span> </li> </ul> <!-- End Figure Contacts --> </div> </div> <!-- Figure Info --> <div class="g-pa-20"> <h4 class="landing-block-node-member-name landing-semantic-subtitle-image-small text-uppercase g-font-size-16 g-mb-5">Monica Notrom</h4> <div class="landing-block-node-member-text landing-semantic-text-image-small g-font-style-normal g-font-size-default g-color-white-opacity-0_75"> Cardio, Pilates, Zymba, Crossfit </div> </div> <!-- End Figure Info--> </figure> <!-- End Figure --> </div> <div class="landing-block-card-member js-slide js-animation fadeInLeft g-px-10--md col-12 col-sm-4 col-lg-3 align-self-start"> <!-- Figure --> <figure class="landing-block-card-member-container u-block-hover g-bg-gray-dark-v2 g-bg-primary--hover g-color-white mb-0 g-transition-0_2"> <div class="g-pos-rel"> <!-- Figure Image --> <img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img4.jpg" alt="Image description"> <!-- End Figure Image --> <div class="u-block-hover__additional--fade g-flex-middle g-pointer-events-none"> <!-- Figure Contacts --> <ul class="landing-block-text-container list-unstyled g-flex-middle-item--bottom g-pt-30 g-pb-30 g-pl-15 g-pr-15 g-pointer-events-all g-bg-black-opacity-0_7"> <li class="g-mb-5"> <span class="landing-block-node-member-contact-icon-container1 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon1 landing-block-node-member-contact-icon fa fa-envelope"></i> </span> <span class="landing-block-node-member-contact-text1 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> tomy@unify.com </span> </li> <li class="mb-0"> <span class="landing-block-node-member-contact-icon-container2 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon2 landing-block-node-member-contact-icon fa fa-phone"></i> </span> <span class="landing-block-node-member-contact-text2 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> +44 049 3636 132 </span> </li> </ul> <!-- End Figure Contacts --> </div> </div> <!-- Figure Info --> <div class="g-pa-20"> <h4 class="landing-block-node-member-name landing-semantic-subtitle-image-small text-uppercase g-font-size-16 g-mb-5">Tom Sowyer</h4> <div class="landing-block-node-member-text landing-semantic-text-image-small g-font-style-normal g-font-size-default g-color-white-opacity-0_75"> Box, Kickboxing, Gym, Crossfit </div> </div> <!-- End Figure Info--> </figure> <!-- End Figure --> </div> <div class="landing-block-card-member js-slide js-animation fadeInLeft g-px-10--md col-12 col-sm-4 col-lg-3 align-self-start"> <!-- Figure --> <figure class="landing-block-card-member-container u-block-hover g-bg-gray-dark-v2 g-bg-primary--hover g-color-white mb-0 g-transition-0_2"> <div class="g-pos-rel"> <!-- Figure Image --> <img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img1.jpg" alt="Image description"> <!-- End Figure Image --> <div class="u-block-hover__additional--fade g-flex-middle g-pointer-events-none"> <!-- Figure Contacts --> <ul class="landing-block-text-container list-unstyled g-flex-middle-item--bottom g-pt-30 g-pb-30 g-pl-15 g-pr-15 g-pointer-events-all g-bg-black-opacity-0_7"> <li class="g-mb-5"> <span class="landing-block-node-member-contact-icon-container1 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon1 landing-block-node-member-contact-icon fa fa-envelope"></i> </span> <span class="landing-block-node-member-contact-text1 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> tammy@unify.com </span> </li> <li class="mb-0"> <span class="landing-block-node-member-contact-icon-container2 landing-block-node-member-contact-icon-container g-font-size-default g-color-primary g-mr-5"> <i class="landing-block-node-member-contact-icon2 landing-block-node-member-contact-icon fa fa-phone"></i> </span> <span class="landing-block-node-member-contact-text2 landing-semantic-text-image-small landing-block-node-member-contact-text g-color-white"> +44 555 2566 112 </span> </li> </ul> <!-- End Figure Contacts --> </div> </div> <!-- Figure Info --> <div class="g-pa-20"> <h4 class="landing-block-node-member-name landing-semantic-subtitle-image-small text-uppercase g-font-size-16 g-mb-5">Tammy Exon</h4> <div class="landing-block-node-member-text landing-semantic-text-image-small g-font-style-normal g-font-size-default g-color-white-opacity-0_75"> Yoga, Cardio, Pilates, Crossfit </div> </div> <!-- End Figure Info--> </figure> <!-- End Figure --> </div> </div> </div> </section>