feat: added reviews adaptive
This commit is contained in:
Aliaksei Karzhou
218
index.html
218
index.html
@@ -313,26 +313,169 @@
|
||||
|
||||
<section class="reviews">
|
||||
<div class="container">
|
||||
<div class="tag">О нашем центре</div>
|
||||
<div class="tag">Отзывы клиентов</div>
|
||||
|
||||
<h2 class="reviews__title">
|
||||
Реальные истории реабилитантов, <span>которые сумели побороть зависимость</span>
|
||||
Реальные истории реабилитантов, <br />
|
||||
<span>которые сумели побороть зависимость</span>
|
||||
</h2>
|
||||
|
||||
<div class="reviews__slider">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="reviews__slide">
|
||||
<div class="reviews__slide-video">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/XIMLoLxmTDw?si=wFzm5etjCkaNdMl5"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="reviews__slide-name">Иван, 27 лет</div>
|
||||
<div class="reviews__slide-text">
|
||||
По рекомендации лечащего врача и посещать участника программы согласовании
|
||||
куратором близкие могут посещать участника программы...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -343,6 +486,65 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="step-by-step">
|
||||
<div class="container">
|
||||
<div class="tag">Этапы реабилитации</div>
|
||||
|
||||
<h2 class="step-by-step__title">
|
||||
С чего начать? <br />
|
||||
<span>Шаг за шагом к трезвой жизни</span>
|
||||
</h2>
|
||||
|
||||
<div class="step-by-step__wrapper">
|
||||
<div class="step-by-step__controls">
|
||||
<button class="step-by-step__controls-button active">
|
||||
<span class="step-by-step__controls-button-number">01</span>
|
||||
<span class="step-by-step__controls-button-text">Заявка</span>
|
||||
</button>
|
||||
<button class="step-by-step__controls-button">
|
||||
<span class="step-by-step__controls-button-number">02</span>
|
||||
<span class="step-by-step__controls-button-text">Прибытие в центр</span>
|
||||
</button>
|
||||
<button class="step-by-step__controls-button">
|
||||
<span class="step-by-step__controls-button-number">03</span>
|
||||
<span class="step-by-step__controls-button-text">Детокс</span>
|
||||
</button>
|
||||
<button class="step-by-step__controls-button">
|
||||
<span class="step-by-step__controls-button-number">04</span>
|
||||
<span class="step-by-step__controls-button-text">Подписание договора</span>
|
||||
</button>
|
||||
<button class="step-by-step__controls-button">
|
||||
<span class="step-by-step__controls-button-number">05</span>
|
||||
<span class="step-by-step__controls-button-text">Реабилитация</span>
|
||||
</button>
|
||||
<button class="step-by-step__controls-button">
|
||||
<span class="step-by-step__controls-button-number">06</span>
|
||||
<span class="step-by-step__controls-button-text">Подготовка к выпуску</span>
|
||||
</button>
|
||||
<button class="step-by-step__controls-button">
|
||||
<span class="step-by-step__controls-button-number">07</span>
|
||||
<span class="step-by-step__controls-button-text">Социальная адаптация</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="step-by-step__content">
|
||||
<div class="step-by-step__card">
|
||||
<h4 class="step-by-step__card-title">
|
||||
Вы оставляете заявку на нашем сайте или по телефону 8 (800) 101-21-27
|
||||
</h4>
|
||||
<div>
|
||||
Наш специалист выслушает вас, ответит на все вопросы, расскажет о программах
|
||||
реабилитации и назначит дату прибытия в центр
|
||||
</div>
|
||||
<div>
|
||||
<button class="button button--lg button--dark">Оставить заявку</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<script src="./assets/js/swiper-bundle.min.js" defer></script>
|
||||
|
||||
Reference in New Issue
Block a user