%PDF-
%PDF-
Mini Shell
Mini Shell
<section class="landing-block g-pt-30 g-pb-30">
<div class="container-fluid g-px-30">
<div class="js-carousel g-pos-rel g-mx-minus-15"
data-infinite="true"
data-autoplay="true"
data-slides-show="3"
data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-45 g-font-size-40 g-color-white g-bg-primary"
data-arrow-left-classes="fa fa-angle-left g-left-minus-25"
data-arrow-right-classes="fa fa-angle-right g-right-minus-25"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 576,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="landing-block-node-card js-slide g-px-15">
<!-- Article -->
<article class="g-pos-rel">
<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after">
<img class="landing-block-node-card-img img-fluid w-100"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img1.jpg" alt="">
</figure>
<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-color-white g-pa-30">
<div>
<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
<i class="landing-block-node-card-icon fa fa-calendar"></i>
</span>
<div class="landing-block-node-card-subtitle d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
<p>Duration, 3 Months.</p>
</div>
</div>
<h2 class="landing-block-node-card-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-mb-10">
Dance courses
</h2>
<div class="landing-block-node-card-text g-font-size-default g-color-white-opacity-0_8 g-mb-30">
<p>Curabitur eget tortor sed urna
faucibus iaculis id et nulla.</p>
</div>
<div class="landing-block-node-card-button-container">
<a class="landing-block-node-card-button btn btn-xl text-uppercase u-btn-primary g-font-weight-700 g-font-size-13 g-bg-transparent--hover g-brd-3 rounded-0 g-py-15 g-px-25"
href="#">Learn More</a>
</div>
</header>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15">
<!-- Article -->
<article class="g-pos-rel">
<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after">
<img class="landing-block-node-card-img img-fluid w-100"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img2.jpg" alt="">
</figure>
<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-color-white g-pa-30">
<div>
<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
<i class="landing-block-node-card-icon fa fa-calendar"></i>
</span>
<div class="landing-block-node-card-subtitle d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
<p>Duration, 4 Months.</p>
</div>
</div>
<h2 class="landing-block-node-card-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-mb-10">
Creative photos
</h2>
<div class="landing-block-node-card-text g-font-size-default g-color-white-opacity-0_8 g-mb-30">
<p>Curabitur eget tortor sed urna
faucibus iaculis id et nulla.</p>
</div>
<div class="landing-block-node-card-button-container">
<a class="landing-block-node-card-button btn btn-xl text-uppercase u-btn-primary g-font-weight-700 g-font-size-13 g-bg-transparent--hover g-brd-3 rounded-0 g-py-15 g-px-25"
href="#">Learn More</a>
</div>
</header>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15">
<!-- Article -->
<article class="g-pos-rel">
<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after">
<img class="landing-block-node-card-img img-fluid w-100"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img3.jpg" alt="">
</figure>
<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-color-white g-pa-30">
<div>
<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
<i class="landing-block-node-card-icon fa fa-calendar"></i>
</span>
<div class="landing-block-node-card-subtitle d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
<p>Duration, 10 Months.</p>
</div>
</div>
<h2 class="landing-block-node-card-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-mb-10">
Art for all
</h2>
<div class="landing-block-node-card-text g-font-size-default g-color-white-opacity-0_8 g-mb-30">
<p>Curabitur eget tortor sed urna
faucibus iaculis id et nulla.</p>
</div>
<div class="landing-block-node-card-button-container">
<a class="landing-block-node-card-button btn btn-xl text-uppercase u-btn-primary g-font-weight-700 g-font-size-13 g-bg-transparent--hover g-brd-3 rounded-0 g-py-15 g-px-25"
href="#">Learn More</a>
</div>
</header>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15">
<!-- Article -->
<article class="g-pos-rel">
<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after">
<img class="landing-block-node-card-img img-fluid w-100"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img4.jpg" alt="">
</figure>
<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-color-white g-pa-30">
<div>
<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
<i class="landing-block-node-card-icon fa fa-calendar"></i>
</span>
<div class="landing-block-node-card-subtitle d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
<p>Duration, 8 Months.</p>
</div>
</div>
<h2 class="landing-block-node-card-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-mb-10">
Painting
</h2>
<div class="landing-block-node-card-text g-font-size-default g-color-white-opacity-0_8 g-mb-30">
<p>Curabitur eget tortor sed urna
faucibus iaculis id et nulla.</p>
</div>
<div class="landing-block-node-card-button-container">
<a class="landing-block-node-card-button btn btn-xl text-uppercase u-btn-primary g-font-weight-700 g-font-size-13 g-bg-transparent--hover g-brd-3 rounded-0 g-py-15 g-px-25"
href="#">Learn More</a>
</div>
</header>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15">
<!-- Article -->
<article class="g-pos-rel">
<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after">
<img class="landing-block-node-card-img img-fluid w-100"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img5.jpg" alt="">
</figure>
<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-color-white g-pa-30">
<div>
<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
<i class="landing-block-node-card-icon fa fa-calendar"></i>
</span>
<div class="landing-block-node-card-subtitle d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
<p>Duration, 7 Months.</p>
</div>
</div>
<h2 class="landing-block-node-card-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-mb-10">
Courses for elderly
</h2>
<div class="landing-block-node-card-text g-font-size-default g-color-white-opacity-0_8 g-mb-30">
<p>Curabitur eget tortor sed urna
faucibus iaculis id et nulla.</p>
</div>
<div class="landing-block-node-card-button-container">
<a class="landing-block-node-card-button btn btn-xl text-uppercase u-btn-primary g-font-weight-700 g-font-size-13 g-bg-transparent--hover g-brd-3 rounded-0 g-py-15 g-px-25"
href="#">Learn More</a>
</div>
</header>
</article>
<!-- End Article -->
</div>
</div>
</div>
</section>
Zerion Mini Shell 1.0