%PDF-
%PDF-
Mini Shell
Mini Shell
<section class="landing-block g-pt-40 g-pb-40">
<div class="container">
<div class="tab-pane fade active show" role="tabpanel" aria-expanded="true">
<div class="u-timeline-v3-wrap">
<div class="landing-block-node-card js-animation fadeInUp u-timeline-v3 d-block text-center text-md-left g-parent u-link-v5 g-mb-50" href="#">
<div class="g-hidden-sm-down u-timeline-v3__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="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 g-order-2 g-order-1--sm d-flex align-items-center flex-wrap flex-sm-nowrap px-0">
<div class="u-heading-v1-4 g-brd-gray-light-v2 w-100 g-mb-20 g-mb-0--sm">
<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--md g-transition-0_2 g-transition--ease-in">15:30 - 17:30</div>
</div>
<div class="landing-block-node-card-img-container d-md-flex u-bg-overlay px-0 g-width-120 g-width-170--md g-height-120 g-height-170--md g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x g-mr-30--md mx-auto g-mb-15 g-mb-0--md g-transition-0_2 g-transition--ease-in col-auto">
<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 g-order-1 g-order-2--sm 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 d-block text-center text-md-left g-parent u-link-v5 g-mb-50" href="#">
<div class="g-hidden-sm-down u-timeline-v3__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="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 g-order-2 g-order-1--sm d-flex align-items-center flex-wrap flex-sm-nowrap px-0">
<div class="u-heading-v1-4 g-brd-gray-light-v2 w-100 g-mb-20 g-mb-0--sm">
<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--md g-transition-0_2 g-transition--ease-in">17:45 - 18:45</div>
</div>
<div class="landing-block-node-card-img-container d-md-flex u-bg-overlay px-0 g-width-120 g-width-170--md g-height-120 g-height-170--md g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x g-mr-30--md mx-auto g-mb-15 g-mb-0--md g-transition-0_2 g-transition--ease-in col-auto">
<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 g-order-1 g-order-2--sm 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 d-block text-center text-md-left g-parent u-link-v5 g-mb-50" href="#">
<div class="g-hidden-sm-down u-timeline-v3__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="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 g-order-2 g-order-1--sm d-flex align-items-center flex-wrap flex-sm-nowrap px-0">
<div class="u-heading-v1-4 g-brd-gray-light-v2 w-100 g-mb-20 g-mb-0--sm">
<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--md g-transition-0_2 g-transition--ease-in">19:00 - 21:00</div>
</div>
<div class="landing-block-node-card-img-container d-md-flex u-bg-overlay px-0 g-width-120 g-width-170--md g-height-120 g-height-170--md g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x g-mr-30--md mx-auto g-mb-15 g-mb-0--md g-transition-0_2 g-transition--ease-in col-auto">
<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 g-order-1 g-order-2--sm 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 d-block text-center text-md-left g-parent u-link-v5 g-mb-50" href="#">
<div class="g-hidden-sm-down u-timeline-v3__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="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 g-order-2 g-order-1--sm d-flex align-items-center flex-wrap flex-sm-nowrap px-0">
<div class="u-heading-v1-4 g-brd-gray-light-v2 w-100 g-mb-20 g-mb-0--sm">
<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--md g-transition-0_2 g-transition--ease-in">21:15 - 22:00</div>
</div>
<div class="landing-block-node-card-img-container d-md-flex u-bg-overlay px-0 g-width-120 g-width-170--md g-height-120 g-height-170--md g-bg-black-opacity-0_3--after g-bg-white-opacity-0--after--parent-hover g-overflow-hidden g-rounded-50x g-mr-30--md mx-auto g-mb-15 g-mb-0--md g-transition-0_2 g-transition--ease-in col-auto">
<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 g-order-1 g-order-2--sm 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>
</div>
</section>
Zerion Mini Shell 1.0