OUR COMPANY
Bring Your Ideas to Life
Everything that you dreamed of can be brought to life exactly at the moment when you decide to win.
<section class="more-course">
    <div class="container-sl">
      <div class="swiper-container event-slider">
        <div class="swiper-wrapper">

          <!--первый слайд-->
          <div class="swiper-slide">
            <div class="item bg-blue">
              <div class="first-section">
                <div class="card">
                  <p>ДОКОПАЛИСЬ: ЧТО МОЖНО НАЙТИ В РАССКАЗЕ НА 5 СТРАНИЦ?</p>
                </div>
              </div>
              <div class="second-section">
                <i> <img src="https://static.tildacdn.com/tild3531-3039-4532-b761-366230643333/book-bookmark-2_1.svg" alt=""> </i> <p>ЧИТАЕМ «ХОРОШО ЛОВИТСЯ<br> РЫБКА-БАНАНКА» СЭЛИНДЖЕРА И «ЛЕГКОЕ ДЫХАНИЕ» БУНИНА</p>
                <i> <img src="https://static.tildacdn.com/tild3664-6134-4933-b564-316330313936/time-clock_1.svg" alt=""> </i> <p>1 НЕДЕЛЯ</p>
              </div>
              <div class="divider"></div>
              <div class="description">
                <p>Поиграем в литературных детективов. Будем рассматривать каждое слово под настольной лампой — и искать смыслы. А их там столько!</p>
              </div>
              <div class="btn-wrapper">
                <a href="/dokopaliscourse" target="_blank" class="btn-primary">УЗНАТЬ</a>
              </div>
            </div>
          </div>
          <!--конец первый слайд-->

          <!--второй слайд-->
          <div class="swiper-slide">
            <div class="item bg-rose">
              <div class="first-section">
                <div class="card">
                  <p>СМЕХ ПО ПРИЧИНЕ: КАК<br> АВТОРАМ УДАЕТСЯ<br> СМЕШИТЬ НАС?</p>
                </div>
              </div>
              <div class="second-section">
                <i> <img src="https://static.tildacdn.com/tild3531-3039-4532-b761-366230643333/book-bookmark-2_1.svg" alt=""> </i> <p>ЧИТАЕМ «ЧАЙКУ» ЧЕХОВА И «В ОЖИДАНИИ ГОДО» БЭККЕТА<br><br> </p>
                <i> <img src="https://static.tildacdn.com/tild3664-6134-4933-b564-316330313936/time-clock_1.svg" alt=""> </i> <p>16 ДНЕЙ</p>
              </div>
              <div class="divider"></div>
              <div class="description">
                <p>Почему смешное — смешно? И чем бессвязная несуразица отличается от произведения искусства в жанре «абсурд»? Разберемся, а заодно — научимся читать и понимать пьесы.</p>
              </div>
              <div class="btn-wrapper">
                <a href="/smexcourse" target="_blank" class="btn-secondary">УЗНАТЬ</a>
              </div>
            </div>
          </div>
          <!--конец второй слайд-->

          <!--третий слайд-->
          <div class="swiper-slide">
            <div class="item bg-ellow">
              <div class="first-section">
                <div class="card">
                  <p>МИСТИЧЕСКАЯ АВАНТЮРА<br> С БУЛГАКОВЫМ: ВЫХОДИМ<br> ЗА ГРАНИЦЫ ТЕКСТА</p>
                </div>
              </div>
              <div class="second-section">
                <i> <img src="https://static.tildacdn.com/tild3531-3039-4532-b761-366230643333/book-bookmark-2_1.svg" alt=""> </i> <p>ЧИТАЕМ БУЛГАКОВА «МАСТЕР И МАРГАРИТА»<br><br> </p>
                <i> <img src="https://static.tildacdn.com/tild3664-6134-4933-b564-316330313936/time-clock_1.svg" alt=""> </i> <p>4 НЕДЕЛИ</p>
              </div>
              <div class="divider"></div>
              <div class="description">
                <p>Разберемся с самым загадочным романом 20 века и найдем в нем больше, чем просто текст. Даже если вы уже читали «Мастера и Маргариту» и считаете его «попсой» — с нами будет по-новому!</p>
              </div>
              <div class="btn-wrapper">
                <a href="/mastermcourse" target="_blank" class="btn-white">УЗНАТЬ</a>
              </div>
            </div>
          </div>
          <!--конец третий слайд-->

          <!--четвертый слайд-->
          <div class="swiper-slide">
            <div class="item bg-blue">
              <div class="first-section">
                <div class="card">
                  <p>ЛИТХАБ:<br> ДОБАВИМ ЧТЕНИЯ<br> В РУТИНУ</p>
                </div>
              </div>
              <div class="second-section">
                <i> <img src="https://static.tildacdn.com/tild3531-3039-4532-b761-366230643333/book-bookmark-2_1.svg" alt=""> </i> <p>ЧИТАЕМ РАССКАЗ НАБОКОВА<br><br> </p>
                <i> <img src="https://static.tildacdn.com/tild3664-6134-4933-b564-316330313936/time-clock_1.svg" alt=""> </i> <p>4 ДНЯ</p>
              </div>
              <div class="divider"></div>
              <div class="description">
                <p>Работа, политика и блоги вытеснили регулярное чтение?<br>Пора на литературный ретрит за экспериментами и мотивацией!</p>
              </div>
              <div class="btn-wrapper">
                <a href="/lithabcourse" target="_blank" class="btn-third">УЗНАТЬ</a>
              </div>
            </div>
          </div>
          <!--конец четвертый слайд-->

          <!--пятый слайд-->
          <div class="swiper-slide">
            <div class="item bg-ellow last-slide">
              <div class="first-section">
                <div class="card">
                  <p>ПАКЕТ<br> КНИЖНЫЙ</p>
                </div>
                <div class="sale-wrap">
                  <img src="https://static.tildacdn.com/tild6263-6139-4166-b633-623538633338/Group_61_1.svg" alt="">
                  <p>-25%</p>

                </div>
              </div>
              <div class="cta">
                <p>купи все<br> книжные боты <br>со скидкой 25%</p>
              </div>
              <div class="btn-wrapper">
                <a href="#order:ПАКЕТ КНИЖНЫЙ=8625" class="btn-third">УЗНАТЬ</a>
              </div>
            </div>
          </div>
          <!--конец пятый слайд-->



        </div>
      </div>
      <div class="event-slider-next"> <img src="https://static.tildacdn.com/tild6434-6465-4136-a237-343365643664/left-arrow-in-circle.svg" alt=""> </div>
      <div class="event-slider-prev"> <img src="https://static.tildacdn.com/tild6434-6465-4136-a237-343365643664/left-arrow-in-circle.svg" alt=""> </div>
    </div>
    
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    
    <script>
      var moreCourseSwiper = new Swiper(".event-slider", {
        speed: 700,
        slidesPerView: 1,
        slidesPerGroup: 1,
        navigation: {
          nextEl: ".event-slider-next",
          prevEl: ".event-slider-prev",
        },
        breakpoints: {
          0: {
            slidesPerView: 1,
            spaceBetween: 0
          },
          640: {
            slidesPerView: 1,
            spaceBetween: 20
          },
          960: {
            slidesPerView: 2,
            spaceBetween: 20
          },
          1200: {
            slidesPerView: 2,
            slidesPerGroup: 1,
          },
        }
      });
    </script>

  </section>
<style>
:root {
  --white:#fff;/*Белый цвет*/
  --black:#000;/*Черный цвет*/
  --ellow:#f9e029;/*Желтый цвет*/
  --ellow-2:#f9e02a;/*Желтый-2 цвет*/
  --blue:#199ea9;/*Голубой цвет*/
  --blue-2:#67d1da;/*Голубой-2 цвет*/
  --rose:#f49d9d;/*Розовый цвет*/
  --card-deg:346deg;/*Угол наклона карточки*/
  --f-s-card:20px;/*Размер шрифта в карточке*/
  --f-s-txt-icon:16px;/*Размер шрифта рядом с иконками*/
  --f-s-txt-descr:22px;/*Размер шрифта в описании*/
  --f-s-txt-btn:18px;/*Размер шрифта в кнопке*/
  --f-s-txt-cta:34px;/*Размер шрифта в призыве (последний слайд)*/
  --f-s-txt-sale:50px;/*Размер шрифта скидки (последний слайд)*/
  --f-s-card-last:28px;/*Размер шрифта в карточке (последний слайд)*/
  --btn-radius:30px;/*скругление углов кнопки*/
  --btn-border:4px;/*толщина бордера*/

}
@media screen and (max-width: 960px) {
    /*Замени id блока на свой*/
    #rec348975498 .t-container  {
        max-width: 100%;
        margin: 0;
    }
    #rec348975498 .t-col {
        padding-left: 0;
        padding-right: 0;
    }
}

.event-slider-next,
.event-slider-prev  {
  position: absolute;
  display: flex;
  width: 50px;
  background: var(--ellow);
  border-radius: 100%;
  outline: none !important;
  cursor: pointer;
  transition: all .3s;
  top: 50%;
  z-index: 10;
}
.event-slider-next img,
.event-slider-prev img {
  width: 100%;
}
.event-slider-next {
  right: -20px;
  transform: rotate(180deg);
}
.event-slider-prev {
  left: -20px;
}
.swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none;
  transition: all .3s;
}
p {
  margin: 0;
}
.btn-primary {
  background: var(--ellow-2);
  color:var(--black)!important;
}
.btn-secondary {
  background: var(--blue);
  color:var(--white)!important;
}
.btn-third {
  background: var(--rose);
  color:var(--black)!important;
}
.btn-white {
  background: var(--white);
  color:var(--black)!important;
}
.bg-blue {
  background: var(--blue-2);
}
.bg-rose {
  background: var(--rose);
}
.bg-ellow {
  background: var(--ellow-2);
}
.container-sl {
  max-width: 1160px;
  position: relative;
  margin: 0 auto;
  font-family: sans-serif;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  height: auto!important;
}
.swiper-slide .item {
  position: relative;
  display: grid;
  grid-template-rows: 200px max-content 1px 200px max-content;
  width: 420px;
  padding-bottom: 20px;
}
.swiper-slide .item .first-section {
  position: relative;
  overflow: hidden;
}
.swiper-slide .item .first-section .card {
  position: absolute;
    padding: 20px;
    background: var(--white);
    transform: rotate(var(--card-deg));
    width: 360px;
    left: 70px;
    top: 10px;
    font-size: var(--f-s-card);
    font-weight: 700;
}
.second-section {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 20px;
  grid-template-rows: 60px max-content;
  margin: 20px;
  font-size: var(--f-s-txt-icon);
  font-weight: 700;
}
.divider {
  background: var(--black);
  width: 60%;
  left: 20px;
  position: relative;
}
.description {
  margin: 20px;
  font-size: var(--f-s-txt-descr);
  line-height: 1;
  font-weight: 400;
}
.btn-wrapper {
  margin: 20px;
  justify-content: center;
  display: flex;

}
.btn-wrapper a {
  text-decoration: none;
  display: flex;
  width: 300px;
  height: 80px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: var(--f-s-txt-btn);
  font-weight: 600;
  border-width: var(--btn-border);
  border-radius: var(--btn-radius);
  border-color: var(--black);
  border-style: solid;
}
.swiper-slide .item.last-slide {
  grid-template-rows: 300px auto max-content;
}
.swiper-slide .item.last-slide  .first-section .card {
  font-size: var(--f-s-card-last);
  left: 170px;
}
.cta {
  margin: 20px;
    font-size: var(--f-s-txt-cta);
    font-weight: 700;
}
.sale-wrap {
  position: absolute;
    width: 180px;
    left: 70px;
    bottom: 0;
}
.sale-wrap img {
  width: 100%;
}
.sale-wrap p {
  font-size: var(--f-s-txt-sale);
    color: var(--white);
    font-weight: 700;
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 80px;
}
@media screen and (max-width: 1200px) {
  .container-sl {
    max-width: 940px;
  }
}
@media screen and (max-width: 960px) {
  .container-sl {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .event-slider-next, .event-slider-prev {
    width: 40px;
  }
  .event-slider-next {
    right: 20px;
  }
  .event-slider-prev {
    left: 20px;
  }
}
@media screen and (max-width: 640px) {
  .container-sl {
    padding-left: 0;
    padding-right: 0;
  }
  .event-slider-next, .event-slider-prev {
    width: 30px;
  }
  .event-slider-next {
    right: 10px;
  }
  .event-slider-prev {
    left: 10px;
  }
}
@media screen and (max-width: 480px) {
  .swiper-slide .item {
    grid-template-rows: 130px max-content 1px 100px max-content;
  }
    .container-sl {
    padding-left: 0;
    padding-right: 0;
  }
  .swiper-slide .item {
    width: 300px;
  }
  .btn-wrapper a {
    width: 240px;
    height: 60px;
  }
  .second-section {
    font-size: 12px;
    gap: 10px;
    grid-template-rows: 50px max-content;
  }
  .description {
    font-size: 14px;
  }
  .swiper-slide .item .first-section .card {
    font-size: 14px;
    width: 240px;
    left: 75px;
    top: 0px;
  }
  .swiper-slide .item.last-slide {
    grid-template-rows: 220px auto max-content;
  }
  .swiper-slide .item.last-slide .first-section .card {
    left: 100px;
  }
  .sale-wrap {
    position: absolute;
    width: 130px;
    left: 40px;
    bottom: 0;
  }
  .sale-wrap p {
    font-size: 40px;
    left: 20px;
    top: 60px;
  }
  .cta {
    font-size: 28px;
  }
  .swiper-slide {
      justify-content: left;
  }
  .event-slider.swiper-container {
      padding: 0px 10px;
  }
#rec349264079 .t-col {
padding-left: 0;
padding-right: 0;
}
.cta p {
margin-left: 14px;
}
}

</style>

ДОКОПАЛИСЬ: ЧТО МОЖНО НАЙТИ В РАССКАЗЕ НА 5 СТРАНИЦ?

ЧИТАЕМ «ХОРОШО ЛОВИТСЯ
РЫБКА-БАНАНКА» СЭЛИНДЖЕРА И «ЛЕГКОЕ ДЫХАНИЕ» БУНИНА

1 НЕДЕЛЯ

Поиграем в литературных детективов. Будем рассматривать каждое слово под настольной лампой — и искать смыслы. А их там столько!

СМЕХ ПО ПРИЧИНЕ: КАК
АВТОРАМ УДАЕТСЯ
СМЕШИТЬ НАС?

ЧИТАЕМ «ЧАЙКУ» ЧЕХОВА И «В ОЖИДАНИИ ГОДО» БЭККЕТА

16 ДНЕЙ

Почему смешное — смешно? И чем бессвязная несуразица отличается от произведения искусства в жанре «абсурд»? Разберемся, а заодно — научимся читать и понимать пьесы.

МИСТИЧЕСКАЯ АВАНТЮРА
С БУЛГАКОВЫМ: ВЫХОДИМ
ЗА ГРАНИЦЫ ТЕКСТА

ЧИТАЕМ БУЛГАКОВА «МАСТЕР И МАРГАРИТА»

4 НЕДЕЛИ

Разберемся с самым загадочным романом 20 века и найдем в нем больше, чем просто текст. Даже если вы уже читали «Мастера и Маргариту» и считаете его «попсой» — с нами будет по-новому!

ЛИТХАБ:
ДОБАВИМ ЧТЕНИЯ
В РУТИНУ

ЧИТАЕМ РАССКАЗ НАБОКОВА

4 ДНЯ

Работа, политика и блоги вытеснили регулярное чтение?
Пора на литературный ретрит за экспериментами и мотивацией!

ПАКЕТ
КНИЖНЫЙ

-25%

купи все
книжные боты
со скидкой 25%

Made on
Tilda