Your IP : 18.216.165.59
<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>