Current Path : /var/www/www-root/data/www.catalog.monolith-realty.ru/bitrix/blocks/bitrix/36.1.shedule/ |
Current File : /var/www/www-root/data/www.catalog.monolith-realty.ru/bitrix/blocks/bitrix/36.1.shedule/block.php |
<section class="landing-block g-pt-30 g-pb-30"> <div class="landing-block-node-timeline-container u-timeline-v3-2-wrap container"> <div class=""> <div class="landing-block-node-card js-animation fadeInUp u-timeline-v3-2 d-block text-center text-md-left g-parent u-link-v5 g-pt-25 g-pb-25 g-pl-10 g-pr-10" href="#"> <div class="u-timeline-v3-2__icon g-absolute-centered--y g-z-index-3 g-line-height-0 g-width-16 g-height-16 g-ml-minus-8"> <i class="landing-block-node-card-time-dot d-inline-block g-width-16 g-height-16 g-bg-white g-brd-5 g-brd-style-solid g-brd-gray-light-v4 g-rounded-50"></i> </div> <div class="row mx-0"> <div class="col-md-5 order-2 order-md-1 d-flex align-items-center align-content-start flex-wrap flex-lg-nowrap px-0"> <div class="landing-block-node-card-time-line u-heading-v1-4 order-2 order-lg-1 g-brd-gray-light-v2 w-100 g-mb-0 g-mt-20--md g-mt-0--lg g-mx-10--md g-mx-0--lg"> <div class="landing-block-node-card-time text-center g-pos-rel g-width-110 g-line-height-1_6 g-font-weight-700 g-color-white g-font-size-14 g-bg-gray-dark-v1 g-bg-primary--parent-hover g-py-5 g-px-10 mx-auto g-ml-0--lg g-transition-0_2 g-transition--ease-in"> 15:30 - 17:30 </div> </div> <div class="landing-block-node-card-img-container col-auto d-md-flex order-1 order-lg-2 u-bg-overlay g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x px-0 g-mb-20 g-mb-0--md g-mr-30--lg mx-auto g-width-120 g-width-170--md g-height-120 g-height-170--md g-transition-0_2 g-transition--ease-in g-pointer-events-before-after-none"> <img class="landing-block-node-card-img img-fluid g-rounded-50x g-object-fit-cover g-min-width-100x g-min-height-100x" src="https://cdn.bitrix24.site/bitrix/images/landing/business/200x200/img1.jpg" alt=""> </div> </div> <div class="col-md-7 order-1 landing-block-node-card-inner d-flex order-md-2 px-0 g-mb-15 g-mb-0--md d-block d-md-flex"> <div class="align-self-center g-width-100x"> <h6 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-color-primary g-mb-5"> Intro to UI/UX Design</h6> <h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10"> John Doe, Co-founder</h3> <div class="landing-block-node-card-text mb-0"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut scelerisque odio, a viverra arcu. Nulla ut suscipit velit, non dictum quam. Proin hendrerit vulputate mauris a imperdiet</p> </div> </div> </div> </div> </div> <div class="landing-block-node-card js-animation fadeInUp u-timeline-v3-2 d-block text-center text-md-left g-parent u-link-v5 g-pt-25 g-pb-25 g-pl-10 g-pr-10" href="#"> <div class="u-timeline-v3-2__icon g-absolute-centered--y g-z-index-3 g-line-height-0 g-width-16 g-height-16 g-ml-minus-8"> <i class="landing-block-node-card-time-dot d-inline-block g-width-16 g-height-16 g-bg-white g-brd-5 g-brd-style-solid g-brd-gray-light-v4 g-rounded-50"></i> </div> <div class="row mx-0"> <div class="col-md-5 order-2 order-md-1 d-flex align-items-center align-content-start flex-wrap flex-lg-nowrap px-0"> <div class="landing-block-node-card-time-line u-heading-v1-4 order-2 order-lg-1 g-brd-gray-light-v2 w-100 g-mb-0 g-mt-20--md g-mt-0--lg g-mx-10--md g-mx-0--lg"> <div class="landing-block-node-card-time text-center g-pos-rel g-width-110 g-line-height-1_6 g-font-weight-700 g-color-white g-font-size-14 g-bg-gray-dark-v1 g-bg-primary--parent-hover g-py-5 g-px-10 mx-auto g-ml-0--lg g-transition-0_2 g-transition--ease-in"> 17:45 - 18:45 </div> </div> <div class="landing-block-node-card-img-container col-auto d-md-flex order-1 order-lg-2 u-bg-overlay g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x px-0 g-mb-20 g-mb-0--md g-mr-30--lg mx-auto g-width-120 g-width-170--md g-height-120 g-height-170--md g-transition-0_2 g-transition--ease-in g-pointer-events-before-after-none"> <img class="landing-block-node-card-img img-fluid g-rounded-50x g-object-fit-cover g-min-width-100x g-min-height-100x" src="https://cdn.bitrix24.site/bitrix/images/landing/business/200x200/img2.jpg" alt=""> </div> </div> <div class="col-md-7 order-1 landing-block-node-card-inner d-flex order-md-2 px-0 g-mb-15 g-mb-0--md d-block d-md-flex"> <div class="align-self-center g-width-100x"> <h6 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-color-primary g-mb-5"> Design Trands of 2023</h6> <h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10"> Kate Watson, Designer</h3> <div class="landing-block-node-card-text mb-0"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut scelerisque odio, a viverra arcu. Nulla ut suscipit velit, non dictum quam. Proin hendrerit vulputate mauris a imperdiet</p> </div> </div> </div> </div> </div> <div class="landing-block-node-card js-animation fadeInUp u-timeline-v3-2 d-block text-center text-md-left g-parent u-link-v5 g-pt-25 g-pb-25 g-pl-10 g-pr-10" href="#"> <div class="u-timeline-v3-2__icon g-absolute-centered--y g-z-index-3 g-line-height-0 g-width-16 g-height-16 g-ml-minus-8"> <i class="landing-block-node-card-time-dot d-inline-block g-width-16 g-height-16 g-bg-white g-brd-5 g-brd-style-solid g-brd-gray-light-v4 g-rounded-50"></i> </div> <div class="row mx-0"> <div class="col-md-5 order-2 order-md-1 d-flex align-items-center align-content-start flex-wrap flex-lg-nowrap px-0"> <div class="landing-block-node-card-time-line u-heading-v1-4 order-2 order-lg-1 g-brd-gray-light-v2 w-100 g-mb-0 g-mt-20--md g-mt-0--lg g-mx-10--md g-mx-0--lg"> <div class="landing-block-node-card-time text-center g-pos-rel g-width-110 g-line-height-1_6 g-font-weight-700 g-color-white g-font-size-14 g-bg-gray-dark-v1 g-bg-primary--parent-hover g-py-5 g-px-10 mx-auto g-ml-0--lg g-transition-0_2 g-transition--ease-in"> 19:00 - 21:00 </div> </div> <div class="landing-block-node-card-img-container col-auto d-md-flex order-1 order-lg-2 u-bg-overlay g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x px-0 g-mb-20 g-mb-0--md g-mr-30--lg mx-auto g-width-120 g-width-170--md g-height-120 g-height-170--md g-transition-0_2 g-transition--ease-in g-pointer-events-before-after-none"> <img class="landing-block-node-card-img img-fluid g-rounded-50x g-object-fit-cover g-min-width-100x g-min-height-100x" src="https://cdn.bitrix24.site/bitrix/images/landing/business/200x200/img3.jpg" alt=""> </div> </div> <div class="col-md-7 order-1 landing-block-node-card-inner d-flex order-md-2 px-0 g-mb-15 g-mb-0--md d-block d-md-flex"> <div class="align-self-center g-width-100x"> <h6 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-color-primary g-mb-5"> Digital Marketing</h6> <h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10"> Sara Woodman, Consultant</h3> <div class="landing-block-node-card-text mb-0"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut scelerisque odio, a viverra arcu. Nulla ut suscipit velit, non dictum quam. Proin hendrerit vulputate mauris a imperdiet</p> </div> </div> </div> </div> </div> <div class="landing-block-node-card js-animation fadeInUp u-timeline-v3-2 d-block text-center text-md-left g-parent u-link-v5 g-pt-25 g-pb-25 g-pl-10 g-pr-10" href="#"> <div class="u-timeline-v3-2__icon g-absolute-centered--y g-z-index-3 g-line-height-0 g-width-16 g-height-16 g-ml-minus-8"> <i class="landing-block-node-card-time-dot d-inline-block g-width-16 g-height-16 g-bg-white g-brd-5 g-brd-style-solid g-brd-gray-light-v4 g-rounded-50"></i> </div> <div class="row mx-0"> <div class="col-md-5 order-2 order-md-1 d-flex align-items-center align-content-start flex-wrap flex-lg-nowrap px-0"> <div class="landing-block-node-card-time-line u-heading-v1-4 order-2 order-lg-1 g-brd-gray-light-v2 w-100 g-mb-0 g-mt-20--md g-mt-0--lg g-mx-10--md g-mx-0--lg"> <div class="landing-block-node-card-time text-center g-pos-rel g-width-110 g-line-height-1_6 g-font-weight-700 g-color-white g-font-size-14 g-bg-gray-dark-v1 g-bg-primary--parent-hover g-py-5 g-px-10 mx-auto g-ml-0--lg g-transition-0_2 g-transition--ease-in"> 21:15 - 22:00 </div> </div> <div class="landing-block-node-card-img-container col-auto d-md-flex order-1 order-lg-2 u-bg-overlay g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x px-0 g-mb-20 g-mb-0--md g-mr-30--lg mx-auto g-width-120 g-width-170--md g-height-120 g-height-170--md g-transition-0_2 g-transition--ease-in g-pointer-events-before-after-none"> <img class="landing-block-node-card-img img-fluid g-rounded-50x g-object-fit-cover g-min-width-100x g-min-height-100x" src="https://cdn.bitrix24.site/bitrix/images/landing/business/200x200/img4.jpg" alt=""> </div> </div> <div class="col-md-7 order-1 landing-block-node-card-inner d-flex order-md-2 px-0 g-mb-15 g-mb-0--md d-block d-md-flex"> <div class="align-self-center g-width-100x"> <h6 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-color-primary g-mb-5"> Photoshop vs Sketch</h6> <h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10"> Mark Rayman, Photographer</h3> <div class="landing-block-node-card-text mb-0"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut scelerisque odio, a viverra arcu. Nulla ut suscipit velit, non dictum quam. Proin hendrerit vulputate mauris a imperdiet</p> </div> </div> </div> </div> </div> </div> </div> </section>