<section class="landing-block g-pt-40 g-pb-40">
	<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-600 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">
							<img class="landing-block-node-card-img img-fluid g-rounded-50x"
								 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 landing-block-node-card-inner d-flex order-md-2 px-0 g-mb-15 g-mb-0--md">
						<div class="media d-block d-md-flex">
							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-font-size-12 g-color-primary g-mb-5">
									Intro
									to UI/UX Design</h4>
								<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-size-23 g-mb-10">
									John Doe,
									Dribbble</h3>
								<div class="landing-block-node-card-text g-color-gray-dark-v5 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 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-600 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">
							<img class="landing-block-node-card-img img-fluid g-rounded-50x"
								 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">
						<div class="media d-block d-md-flex">

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-font-size-12 g-color-primary g-mb-5">
									Design Trands of 2018</h4>
								<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-size-23 g-mb-10">
									Kate Watson,
									Airbnb</h3>
								<div class="landing-block-node-card-text g-color-gray-dark-v5 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 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-600 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">
							<img class="landing-block-node-card-img img-fluid g-rounded-50x"
								 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">
						<div class="media d-block d-md-flex">

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-font-size-12 g-color-primary g-mb-5">
									Digital Marketing</h4>
								<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-size-23 g-mb-10">
									Sara Woodman,
									Google</h3>
								<div class="landing-block-node-card-text g-color-gray-dark-v5 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 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-600 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">
							<img class="landing-block-node-card-img img-fluid g-rounded-50x"
								 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">
						<div class="media d-block d-md-flex">

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-font-size-12 g-color-primary g-mb-5">
									Photoshop vs Sketch</h4>
								<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-size-23 g-mb-10">
									Mark Rayman,
									Invision</h3>
								<div class="landing-block-node-card-text g-color-gray-dark-v5 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>
	</div>
</section>