You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
triumf-landing/index.html

1207 lines
60 KiB

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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>
<body>
<header class="header">
<div class="container">
<div class="logo">
<a class="logo__link" href="./">
<figure class="logo__figure">
<img class="logo__figure-image" src="./assets/img/logo.svg" alt="logo" />
</figure>
<div class="logo__text">
<span class="logo__text-name">Триумф</span>
<span class="logo__text-slogan">Cобственная победа</span>
</div>
</a>
</div>
<nav class="header__nav">
<a class="header__nav-link" href="#">О центре</a>
<a class="header__nav-link" href="#">Цены</a>
<a class="header__nav-link" href="#">Частые вопросы</a>
<a class="header__nav-link" href="#">Контакты</a>
</nav>
<div class="header__social">
<a class="social-link social-link--whatsapp" href="#"></a>
<a class="social-link social-link--tg" href="#"></a>
<a class="social-link social-link--phone" href="tel:88001012127">
<span>8 (800) 101-21-27</span>
</a>
</div>
<div class="header__buttons">
<button class="button button--order">Заказать звонок</button>
<button class="header__burger"></button>
</div>
</div>
</header>
<main>
<section class="first-screen">
<div class="container">
<div class="first-screen__wrapper">
<div class="tag tag--light">Реабилитационный центр и социальная адаптация</div>
<h1 class="first-screen__title">Лечение <b>алкоголизма и наркомании</b> в Томске</h1>
<div class="first-screen__advantages">
<div class="first-screen__advantages-item">
<figure class="first-screen__advantages-item-figure">
<img
class="first-screen__advantages-item-figure-image"
src="./assets/img/icons/secure.svg"
alt="secure"
/>
</figure>
<div class="first-screen__advantages-item-text">
Гарантируем <b>безопасность</b>
</div>
</div>
<div class="first-screen__advantages-item">
<figure class="first-screen__advantages-item-figure">
<img
class="first-screen__advantages-item-figure-image"
src="./assets/img/icons/health.svg"
alt="secure"
/>
</figure>
<div class="first-screen__advantages-item-text">
Научим жить и радоваться жизни <b>без наркотиков</b>
</div>
</div>
<div class="first-screen__advantages-item">
<figure class="first-screen__advantages-item-figure">
<img
class="first-screen__advantages-item-figure-image"
src="./assets/img/icons/anonymous.svg"
alt="secure"
/>
</figure>
<div class="first-screen__advantages-item-text">Полностью <b>анонимно</b></div>
</div>
</div>
<div class="first-screen__buttons">
<button class="button button--lg button--lg--consult button--light">
Получить консультацию
</button>
<button class="button button--lg button--lg--coin button--dark">
Посмотреть цены
</button>
</div>
</div>
</div>
</section>
<section class="advantages">
<div class="container">
<div class="advantages__item advantages__item--counter">
<div class="advantages__item-counter">340+</div>
<div class="advantages__item-text">
Человек смогли побороть зависимость вместе с нами
</div>
</div>
<div class="advantages__item advantages__item--conditions">
<figure class="advantages__item-figure">
<img
class="advantages__item-figure-image"
src="./assets/img/icons/convenient.svg"
alt="convenient"
/>
</figure>
<div class="advantages__item-text">
<b>Комфортные условия проживания</b> под круглосуточным присмотром наших специалистов
</div>
</div>
<div class="advantages__item advantages__item--detox">
<figure class="advantages__item-figure">
<img
class="advantages__item-figure-image"
src="./assets/img/icons/heart.svg"
alt="heart"
/>
</figure>
<div class="advantages__item-text">
<b>Поддержка на всех этапах:</b> детокс - реабилитация - социальная адаптация
</div>
</div>
<div class="advantages__item advantages__item--center">
<figure class="advantages__item-figure">
<img
class="advantages__item-figure-image"
src="./assets/img/icons/hospital.svg"
alt="hospital"
/>
</figure>
<div class="advantages__item-text">
Наш центр успешно работает <b>более 8-ми лет </b>
</div>
</div>
<div class="advantages__item advantages__item--support">
<figure class="advantages__item-figure">
<img
class="advantages__item-figure-image"
src="./assets/img/icons/mental-care.svg"
alt="mental-care"
/>
</figure>
<div class="advantages__item-text"><b>Психологическая поддержка</b> родственников</div>
</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>
<section class="reviews">
<div class="container">
<div class="tag">Отзывы клиентов</div>
<h2 class="reviews__title">
Реальные истории реабилитантов, <br />
<span>которые сумели побороть зависимость</span>
</h2>
<div class="reviews__slider">
<div class="swiper">
<div class="swiper-wrapper">
<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 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 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 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>
<div class="reviews__slider-controls">
<button class="button button--prev"></button>
<button class="button button--next"></button>
</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" data-target="step1">
<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" data-target="step2">
<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" data-target="step3">
<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" data-target="step4">
<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" data-target="step5">
<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" data-target="step6">
<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" data-target="step7">
<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 active" id="step1">
<div class="step-by-step__card-title">
Вы оставляете заявку на нашем сайте или по телефону <br />
8 (800) 101-21-27
</div>
<div class="step-by-step__card-text">
Наш специалист выслушает вас, ответит на все вопросы, расскажет о программах
реабилитации и назначит дату прибытия в центр
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
<div class="step-by-step__card" id="step2">
<div class="step-by-step__card-title">
Организуем трансфер от дома до центра бесплатно
</div>
<div class="step-by-step__card-text">
Если у вас нет возможности приехать самостоятельно или зависимый в тяжелом
состоянии, то самостоятельно заберем его и привезем на реабилитацию
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
<div class="step-by-step__card" id="step3">
<div class="step-by-step__card-title">
Приведем подопечного в чувство для последующего лечения (1-2 дня)
</div>
<div class="step-by-step__card-text">
Под наблюдением врачей безопасными способами выведем яды из организма, чтобы
облегчить состояние
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
<div class="step-by-step__card" id="step4">
<div class="step-by-step__card-title">
Даем подписать документы только в осознанном состоянии
</div>
<div class="step-by-step__card-text">
Ни один подопечный не находится в центре по принуждению, все проходит только с его
согласия и подтверждения этого в договорах
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
<div class="step-by-step__card step-by-step__card--wide" id="step5">
<div class="step-by-step__card-title">
Проводим полную перезагрузку жизни, учим жить без зависимостей
</div>
<div class="step-by-step__card-text">
Это ключевой этап выздоровления. Следуя передовой методике 12 шагов, психологи и
кураторы проведут глубинную терапию для устранения психологической тяги и
изменения моделей поведения. Групповые и индивидуальные занятия, тренинги помогут
пережить перезагрузку
</div>
<div class="step-by-step__card-list">
<div class="step-by-step__card-list-item">
<figure class="step-by-step__card-list-item-figure">
<img
class="step-by-step__card-list-item-figure-image"
src="./assets/img/icons/group.svg"
alt="group"
/>
</figure>
<div class="step-by-step__card-list-item-text">Групповая терапия</div>
</div>
<div class="step-by-step__card-list-item">
<figure class="step-by-step__card-list-item-figure">
<img
class="step-by-step__card-list-item-figure-image"
src="./assets/img/icons/mental-care.svg"
alt="mental-care"
/>
</figure>
<div class="step-by-step__card-list-item-text">
Индивидуальные сессии с психологом
</div>
</div>
<div class="step-by-step__card-list-item">
<figure class="step-by-step__card-list-item-figure">
<img
class="step-by-step__card-list-item-figure-image"
src="./assets/img/icons/idea.svg"
alt="idea"
/>
</figure>
<div class="step-by-step__card-list-item-text">Курирующий специалист</div>
</div>
<div class="step-by-step__card-list-item">
<figure class="step-by-step__card-list-item-figure">
<img
class="step-by-step__card-list-item-figure-image"
src="./assets/img/icons/presentation.svg"
alt="presentation"
/>
</figure>
<div class="step-by-step__card-list-item-text">Треннинги и ролевые игры</div>
</div>
<div class="step-by-step__card-list-item">
<figure class="step-by-step__card-list-item-figure">
<img
class="step-by-step__card-list-item-figure-image"
src="./assets/img/icons/weightlifting.svg"
alt="weightlifting"
/>
</figure>
<div class="step-by-step__card-list-item-text">
Физические нагрузки, арт-терапия, прогулки
</div>
</div>
<div class="step-by-step__card-list-item">
<figure class="step-by-step__card-list-item-figure">
<img
class="step-by-step__card-list-item-figure-image"
src="./assets/img/icons/meditation.svg"
alt="meditation"
/>
</figure>
<div class="step-by-step__card-list-item-text">Дховные лекции, беседы</div>
</div>
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
<div class="step-by-step__card" id="step6">
<div class="step-by-step__card-title">
Даем инструментарий для успешной жизни после выхода из центра
</div>
<div class="step-by-step__card-text">
На финальной стадии проведем тренинги по восстановлению социальных навыков,
налаживанию новых связей. Сформируем новые сценарии, при которых не будет тяги
вернуться к веществам и алкоголю. Каждый выпускник получит сертификат, который
будет напоминать о пройденном пути
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
<div class="step-by-step__card" id="step7">
<div class="step-by-step__card-title">
Будем на связи и поддержим в сложных ситуациях после выпуска
</div>
<div class="step-by-step__card-text">
Покидая стены центра, реабилитант не останется один на один с проблемами. Мы будем
содействовать поиску работы/учебы, жилья, налаживанию новых связей. Группы
поддержки, волонтерство в центре и возможность обратиться к кураторам обеспечат
плавную адаптацию
</div>
<div class="step-by-step__card-buttons">
<button class="button button--lg button--dark">Оставить заявку</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="twelve-steps">
<div class="container">
<div class="tag">Программа 12 шагов</div>
<h2 class="step-by-step__title">
Реабилитация проходит <br />
<span>по программе “12 шагов”</span>
</h2>
<div class="twelve-steps__list">
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">1 шаг</div>
<div class="twelve-steps__step-title">
Признать, что есть серьезная проблема зависимости
</div>
<div class="twelve-steps__step-text">
Понимание проблемы – начало пути к ее решению
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">2 шаг</div>
<div class="twelve-steps__step-title">
Поверить, что есть сила, способная помочь измениться
</div>
<div class="twelve-steps__step-text">
Это не только религия, но и судьба, карма, коллектив, наука, чувство долга,
родительский инстинкт
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">3 шаг</div>
<div class="twelve-steps__step-title">Принять решение полностью измениться</div>
<div class="twelve-steps__step-text">
Принять осознанное решение бороться с пагубной привычкой, а не мириться с ней
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">4 шаг</div>
<div class="twelve-steps__step-title">
Честно оценить свои ошибки и причиненный вред
</div>
<div class="twelve-steps__step-text">
Этап самоанализа, когда человек разбирает и принимает ошибки, принесшие вред ему и
близким
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">5 шаг</div>
<div class="twelve-steps__step-title">
Признать свою вину и взять на себя ответственность
</div>
<div class="twelve-steps__step-text">
Этап самоанализа, когда человек разбирает и принимает ошибки, принесшие вред ему
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">6 шаг</div>
<div class="twelve-steps__step-title">Подготовиться к коренным переменам в жизни</div>
<div class="twelve-steps__step-text">
Участники программы осознает, каким должен стать их новый жизненный путь, и
приступают к его реализации
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">7 шаг</div>
<div class="twelve-steps__step-title">Попросить о помощи окружающих людей</div>
<div class="twelve-steps__step-text">
Получив помощь, человек по-настоящему осознает, что он не одинок в борьбе с
проблемой
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">8 шаг</div>
<div class="twelve-steps__step-title">
Составить список обид и постараться их простить
</div>
<div class="twelve-steps__step-text">
Этап самоанализа, когда человек разбирает и принимает ошибки, принесшие вред ему
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">9 шаг</div>
<div class="twelve-steps__step-title">Возместить причиненный другим людям ущерб</div>
<div class="twelve-steps__step-text">
Формирование новых привычек: думать о других, анализировать поступки, выстраивать
здоровое социальное поведение
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">10 шаг</div>
<div class="twelve-steps__step-title">
Продолжать анализировать свое поведение и меняться
</div>
<div class="twelve-steps__step-text">
Формирование новых привычек: думать о других, анализировать поступки, выстраивать
здоровое социальное поведение
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">11 шаг</div>
<div class="twelve-steps__step-title">
Использовать медитацию для душевного равновесия
</div>
<div class="twelve-steps__step-text">
Для обретения внутреннего баланса и самоконтроля
</div>
</div>
<div class="twelve-steps__step">
<div class="twelve-steps__step-number">12 шаг</div>
<div class="twelve-steps__step-title">
Помогать другим зависимым, делиться своим опытом
</div>
<div class="twelve-steps__step-text">
Желание сохранить заслуженное доверие помогает закрепить результат и сделать
здоровый образ жизни нормой
</div>
</div>
</div>
</div>
</section>
<section class="why-program">
<div class="container">
<div class="tag">Эффективность программы</div>
<h2 class="why-program__title">
Почему программа 12 шагов <br />
<span>эффективна для лечения зависимостей</span>
</h2>
<div class="why-program__video">
<div class="why-program__video-content">
<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="why-program__video-text">
<b>
Ее принципы основаны на самопомощи, взаимной поддержке и укреплении силы воли через
самовнушение или веру во внешние силы по выбору человека.
</b>
Программа нацелена не только на избавление от конкретной зависимости, но и на
выработку новых сценариев жизни, в которых нет места пагубной привычке
</div>
</div>
<div class="why-program__slider">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="why-program__slide">
<h3 class="why-program__slide-title">Компклесный подход</h3>
<p class="why-program__slide-text">
Участник программы проходит детоксикацию организма под наблюдением врача, а
также избавляется от триггеров провоцирующих зависимость
</p>
</div>
</div>
<div class="swiper-slide">
<div class="why-program__slide">
<h3 class="why-program__slide-title">Восстановление личности</h3>
<p class="why-program__slide-text">
Повышается самооценка, восстанавливается гармония и баланс в жизни,
вырабатываются новые здоровые жизненные ценности и приоритеты
</p>
</div>
</div>
<div class="swiper-slide">
<div class="why-program__slide">
<h3 class="why-program__slide-title">Формирование новых стратегий</h3>
<p class="why-program__slide-text">
Участники учатся управлять желаниями и эмоциями, распознавать триггеры,
провоцирующие тягу. Они вырабатывают новые здоровые стратегии построения жизни
без зависимостей
</p>
</div>
</div>
<div class="swiper-slide">
<div class="why-program__slide">
<h3 class="why-program__slide-title">Устранение первопричин</h3>
<p class="why-program__slide-text">
Человек осознает истоки зависимого поведения: деструктивные внутренние
убеждения, психологические травмы, стрессовые ситуации из прошлого. Это
помогает предотвратить будущие срывы после реабилитации
</p>
</div>
</div>
<div class="swiper-slide">
<div class="why-program__slide">
<h3 class="why-program__slide-title">Пожизненное сопровождение</h3>
<p class="why-program__slide-text">
После завершения программы центр продолжает сопровождать выпускников, помогая
им с ресоциализацией, трудоустройством, налаживанием быта. Организуются
регулярные встречи, консультации в случае рецидивов
</p>
</div>
</div>
<div class="swiper-slide">
<div class="why-program__slide">
<h3 class="why-program__slide-title">Групповая поддержка</h3>
<p class="why-program__slide-text">
Участники мотивируют и вдохновляют друг друга. На примере реальных ситуаций
они отрабатывают навыки преодоления тяги и могут получить помощь тех, кто уже
прошел этот путь
</p>
</div>
</div>
</div>
</div>
</div>
<div class="why-program__slider-controls">
<button class="button button--prev"></button>
<button class="button button--next"></button>
</div>
</div>
</section>
<section class="conditions">
<div class="container">
<div class="tag">Условия проживания</div>
<h2 class="conditions__title">
Комофортные условия проживания и атмосфера,
<span>способствующая созданию нового образа жизни</span>
</h2>
<div class="conditions__sliders">
<div class="conditions__sliders-main">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/img/conditions.jpg" />
</div>
<div class="swiper-slide">
<img src="./assets/img/conditions.jpg" />
</div>
<div class="swiper-slide">
<img src="./assets/img/conditions.jpg" />
</div>
</div>
</div>
</div>
<div class="conditions__sliders-thumbs">
<div thumbsSlider="" class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/img/conditions.jpg" />
</div>
<div class="swiper-slide">
<img src="./assets/img/conditions.jpg" />
</div>
<div class="swiper-slide">
<img src="./assets/img/conditions.jpg" />
</div>
</div>
</div>
</div>
<div class="conditions__sliders-controls">
<button class="button button--prev"></button>
<button class="button button--next"></button>
</div>
</div>
<div class="conditions__location">
<div class="conditions__location-text">
Каждый желающий может приехать и посмотреть условия проживания с разрешения персонала
</div>
<div class="conditions__location-address">г. Томск, пр. Ленина, 186</div>
</div>
<div class="conditions__advantages">
<div class="conditions__advantage">
<figure class="conditions__advantage-figure">
<img
class="conditions__advantage-figure-image"
src="./assets/img/icons/lodging.svg"
alt="lodging"
/>
</figure>
<div class="conditions__advantage-text">
По 4 человека в комнате с собственным душем и туалетом
</div>
</div>
<div class="conditions__advantage">
<figure class="conditions__advantage-figure">
<img
class="conditions__advantage-figure-image"
src="./assets/img/icons/cottage.svg"
alt="cottage"
/>
</figure>
<div class="conditions__advantage-text">
Нет высоких заборов и решеток, не создается впечатление тюрьмы
</div>
</div>
<div class="conditions__advantage">
<figure class="conditions__advantage-figure">
<img
class="conditions__advantage-figure-image"
src="./assets/img/icons/table-tennis.svg"
alt="table-tennis"
/>
</figure>
<div class="conditions__advantage-text">
Комната отдыха с различными развлечениями
</div>
</div>
<div class="conditions__advantage">
<figure class="conditions__advantage-figure">
<img
class="conditions__advantage-figure-image"
src="./assets/img/icons/weightlifting.svg"
alt="weightlifting"
/>
</figure>
<div class="conditions__advantage-text">Собственный спортивный зал и площадка</div>
</div>
<div class="conditions__advantage">
<figure class="conditions__advantage-figure">
<img
class="conditions__advantage-figure-image"
src="./assets/img/icons/eye.svg"
alt="eye"
/>
</figure>
<div class="conditions__advantage-text">
Каждый день под наблюдением опытных специалистов и кураторов
</div>
</div>
<div class="conditions__advantage">
<figure class="conditions__advantage-figure">
<img
class="conditions__advantage-figure-image"
src="./assets/img/icons/nutrition.svg"
alt="nutrition"
/>
</figure>
<div class="conditions__advantage-text">
Сбалансирование 3х-разовое здоровое питание
</div>
</div>
</div>
</div>
</section>
<section class="how-it-work">
<div class="container">
<div class="tag">Распорядок дня</div>
<h2 class="how-it-work__title">
Как проходит <br />
<span>день на реабилитации</span>
</h2>
<div class="how-it-work__schedule">
<div class="how-it-work__schedule-block">
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">07:00</div>
</div>
<div class="how-it-work__schedule-item-text">Подъем</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">07:30-08:30</div>
</div>
<div class="how-it-work__schedule-item-text">Утренняя медитация/молитва</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">08:30-09:30</div>
</div>
<div class="how-it-work__schedule-item-text">Завтрак</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">09:30-11:00</div>
</div>
<div class="how-it-work__schedule-item-text">Групповая терапия</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">11:00-11:30</div>
</div>
<div class="how-it-work__schedule-item-text">Перерыв</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">11:30-13:00</div>
</div>
<div class="how-it-work__schedule-item-text">Индивидуальная консультация</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">13:00-14:00</div>
</div>
<div class="how-it-work__schedule-item-text">Обед</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">14:00-15:30</div>
</div>
<div class="how-it-work__schedule-item-text">Трудотерапия/хобби-терапия</div>
</div>
</div>
<div class="how-it-work__schedule-block">
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">15:30-16:00</div>
</div>
<div class="how-it-work__schedule-item-text">Свободное время</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">16:00-17:30</div>
</div>
<div class="how-it-work__schedule-item-text">Встреча группы поддержки</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">17:30-19:00</div>
</div>
<div class="how-it-work__schedule-item-text">Личное время</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">19:00-20:00</div>
</div>
<div class="how-it-work__schedule-item-text">Ужин</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">20:00-21:30</div>
</div>
<div class="how-it-work__schedule-item-text">Групповое занятие</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">21:30-22:30</div>
</div>
<div class="how-it-work__schedule-item-text">Личное время</div>
</div>
<div class="how-it-work__schedule-item">
<div class="how-it-work__schedule-item-time">
<div class="how-it-work__schedule-item-time-value">22:30</div>
</div>
<div class="how-it-work__schedule-item-text">Отбой</div>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="./assets/js/swiper-bundle.min.js" defer></script>
<script src="./assets/js/main.js" type="module" defer></script>
</body>
</html>