Your IP : 18.226.159.94


Current Path : /var/www/www-root/data/www.catalog.monolith-realty.ru/bitrix/blocks/bitrix/36.1.shedule/
Upload File :
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>