feat: added facts

This commit is contained in:
Aliaksei Karzhou
2024-06-30 16:26:01 +03:00
parent aa44dd8117
commit d5fee8eb76
14 changed files with 681 additions and 8 deletions

View File

@@ -7,6 +7,7 @@
<title>Триумф</title>
<meta name="description" content="SEO Description" />
<link rel="shortcut icon" href="./assets/img/favicon.ico?v=1.0" />
<link rel="stylesheet" href="./assets/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/index.css" />
</head>
@@ -156,7 +157,7 @@
</div>
<div class="advantages__item advantages__item--support">
<figure class="advantages__item-figure ">
<figure class="advantages__item-figure">
<img
class="advantages__item-figure-image"
src="./assets/img/icons/mental-care.svg"
@@ -167,8 +168,151 @@
</div>
</div>
</section>
<section class="facts">
<div class="container">
<div class="tag">О нашем центре</div>
<h2 class="facts__title"><span>9 фактов о нас,</span> которые мы считаем важными</h2>
<figure class="facts__figure">
<img class="facts__figure-image" src="./assets/img/facts.jpg" alt="facts" />
</figure>
<div class="facts__slider">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#1</div>
<h3 class="facts__slide-title">
Полное избавление от зависимости наша главная цель
</h3>
<p class="facts__slide-text">
Мы знаем, как сложно преодолеть зависимость самостоятельно. С нами зависимый
пройдет путь от начала до конца и даже после реабилитации
<b>мы поможем ему научиться жить трезво</b>
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#2</div>
<h3 class="facts__slide-title">Многолетний опыт успешной реабилитации</h3>
<p class="facts__slide-text">
<b>Уже более 8 лет мы помогаем людям избавляться от зависимостей.</b>
Благодаря нашему профессионализму сотни человек обрели свободу и счастливую
трезвую жизнь
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#3</div>
<h3 class="facts__slide-title">
Постоянно обучаемся и совершенствуем методики
</h3>
<p class="facts__slide-text">
<b>Специалисты регулярно повышают квалификацию,</b> адаптируясь под меняющиеся
привычки, препараты и даже возраст зависимых
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#4</div>
<h3 class="facts__slide-title">Учим жить без зависимости</h3>
<p class="facts__slide-text">
Самый тяжелый период первые месяцы после реабилитации. Мы будем с участников
программы в это время и
<b>поможем побороть тягу, а также выработаем новые полезные привычки,</b>
чтобы он не вернулся к старым
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#5</div>
<h3 class="facts__slide-title">Конфиденциальность</h3>
<p class="facts__slide-text">
<b>
Все сотрудники центра подписывают обязательство о неразглашении информации.
</b>
Может даже дать реабилитанту кодовое имя, не раскрывая настоящее. Ни одно
постороннее лицо не может проникнуть на территорию центра без соответствующего
допуска
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#6</div>
<h3 class="facts__slide-title">Позитивный пример</h3>
<p class="facts__slide-text">
<b>
Каждый зависимый получает куратора, который когда-то уже поборол
зависимость.
</b>
Каждый зависимый получает куратора, который когда-то уже поборол зависимость.
Он не будет смотреть свысока или жалеть своего подопечного, а на своем примере
расскажет, как справляться с трудностями
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#7</div>
<h3 class="facts__slide-title">Атмосфера понимания, заботы и поддержки</h3>
<p class="facts__slide-text">
<b>В нашем центре нет места принуждению или боли.</b>
Излечение зависимости проходит только по воле зависимого, а персонал относится
к подопечным с уважением и заботой
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#8</div>
<h3 class="facts__slide-title">Мы полностью открыты перед вами и честны</h3>
<p class="facts__slide-text">
<b>Мы ничего не скрываем от родственников и зависимых,</b>
не даем ложных гарантий и надежд. Свободно говорим о методах реабилитации и
приглашаем оценить условия проживания
</p>
</div>
</div>
<div class="swiper-slide">
<div class="facts__slide">
<div class="facts__slide-count">#9</div>
<h3 class="facts__slide-title">Помощь родным в преодолении последствий</h3>
<p class="facts__slide-text">
Зависимость затрагивает не только самого больного, но и его близких.
<b>Мы научим родственников вести себя и общаться с зависимым,</b> чтобы
поддержать его и помочь адаптироваться
</p>
</div>
</div>
</div>
</div>
</div>
<div class="facts__slider-controls">
<button class="button button--prev"></button>
<button class="button button--next"></button>
</div>
</div>
</section>
</main>
<script src="./assets/js/main.js"></script>
<script src="./assets/js/swiper-bundle.min.js" defer></script>
<script src="./assets/js/main.js" type="module" defer></script>
</body>
</html>