<div class="container py-4">
<article class="frost-safety-article">
<!-- Введение -->
<section class="mb-5">
<div class="row align-items-center">
<div class="col-lg-8">
<h2 class="h3 mb-3">Холод — тихая угроза</h2>
<p class="fs-5">Морозная погода представляет серьезную опасность для здоровья человека. Переохлаждение и обморожение могут наступить незаметно, особенно при высокой влажности и ветре, даже при незначительных отрицательных температурах.</p>
<p>Ежегодно тысячи людей страдают от последствий воздействия низких температур. Правильная подготовка и знание правил поведения на морозе помогут избежать этих опасностей и сохранить здоровье.</p>
</div>
<div class="col-lg-4">
<div class="card border-info shadow">
<div class="card-body text-center">
<div class="display-4 text-info mb-3">❄️</div>
<h5 class="card-title">Важный факт</h5>
<p class="card-text">Обморожение может произойти даже при температуре выше 0°C, если высокая влажность сочетается с сильным ветром.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Степени обморожения -->
<section class="mb-5">
<h2 class="h2 mb-4 text-center border-bottom pb-2">Степени обморожения</h2>
<div class="row g-4">
<div class="col-md-3">
<div class="card h-100 border-primary">
<div class="card-header bg-primary text-white text-center py-3">
<h5 class="mb-0">I степень</h5>
</div>
<div class="card-body">
<h6 class="card-title text-center">Легкое обморожение</h6>
<ul class="small">
<li>Бледность кожи</li>
<li>Покалывание, жжение</li>
<li>Небольшой отек</li>
<li>Восстановление за 5-7 дней</li>
</ul>
<div class="mt-3 text-center">
<span class="badge bg-success">Неопасно</span>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100 border-warning">
<div class="card-header bg-warning text-dark text-center py-3">
<h5 class="mb-0">II степень</h5>
</div>
<div class="card-body">
<h6 class="card-title text-center">Средней тяжести</h6>
<ul class="small">
<li>Пузыри с прозрачной жидкостью</li>
<li>Сильная боль</li>
<li>Потеря чувствительности</li>
<li>Восстановление 1-2 недели</li>
</ul>
<div class="mt-3 text-center">
<span class="badge bg-warning">Требует лечения</span>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100 border-danger">
<div class="card-header bg-danger text-white text-center py-3">
<h5 class="mb-0">III степень</h5>
</div>
<div class="card-body">
<h6 class="card-title text-center">Тяжелое обморожение</h6>
<ul class="small">
<li>Пузыри с кровянистой жидкостью</li>
<li>Потеря всех видов чувствительности</li>
<li>Поражение всех слоев кожи</li>
<li>Лечение 3-4 недели</li>
</ul>
<div class="mt-3 text-center">
<span class="badge bg-danger">Срочно к врачу!</span>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100 border-dark">
<div class="card-header bg-dark text-white text-center py-3">
<h5 class="mb-0">IV степень</h5>
</div>
<div class="card-body">
<h6 class="card-title text-center">Крайне тяжелое</h6>
<ul class="small">
<li>Омертвение тканей</li>
<li>Поражение мышц и костей</li>
<li>Кожа сине-багровая</li>
<li>Требуется ампутация</li>
</ul>
<div class="mt-3 text-center">
<span class="badge bg-dark">Угроза жизни</span>
</div>
</div>
</div>
</div>
</div>
<div class="alert alert-info mt-4">
<h5 class="alert-heading">Обратите внимание!</h5>
<p class="mb-0">Обморожение чаще всего поражает открытые и плохо защищенные участки тела: нос, уши, щеки, пальцы рук и ног. Именно их нужно защищать в первую очередь.</p>
</div>
</section>
<!-- Правила защиты от холода -->
<section class="mb-5">
<h2 class="h2 mb-4 text-center border-bottom pb-2">Как правильно одеваться на мороз</h2>
<div class="row">
<div class="col-lg-6 mb-4">
<div class="card h-100 border-success">
<div class="card-header bg-success text-white">
<h5 class="mb-0"><span class="badge bg-light text-success me-2">✓</span>Что нужно делать</h5>
</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex">
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
<span>Одеваться по принципу "капусты" — несколько слоев одежды</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
<span>Использовать термобелье для отвода влаги</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
<span>Надевать ветро- и влагозащитный верхний слой</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
<span>Использовать шерстяные носки и варежки (не перчатки)</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
<span>Защищать голову, шею и лицо шапкой, шарфом, маской</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
<span>Надевать свободную обувь — тесная обувь нарушает кровообращение</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100 border-danger">
<div class="card-header bg-danger text-white">
<h5 class="mb-0"><span class="badge bg-light text-danger me-2">✗</span>Чего делать нельзя</h5>
</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex">
<i class="bi bi-x-circle-fill text-danger me-3 mt-1"></i>
<span>Выходить на мороз с влажными волосами или телом</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-x-circle-fill text-danger me-3 mt-1"></i>
<span>Носить металлические украшения (серьги, кольца)</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-x-circle-fill text-danger me-3 mt-1"></i>
<span>Пить алкоголь "для согрева" — он вызывает потерю тепла</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-x-circle-fill text-danger me-3 mt-1"></i>
<span>Курить на морозе — никотин сужает сосуды</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-x-circle-fill text-danger me-3 mt-1"></i>
<span>Носить тесную обувь и одежду</span>
</li>
<li class="list-group-item d-flex">
<i class="bi bi-x-circle-fill text-danger me-3 mt-1"></i>
<span>Долго оставаться неподвижным на холоде</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Время безопасного пребывания на морозе -->
<section class="mb-5">
<h2 class="h2 mb-4 text-center border-bottom pb-2">Безопасное время пребывания на морозе</h2>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead class="table-dark">
<tr>
<th scope="col">Температура воздуха</th>
<th scope="col">Безветренная погода</th>
<th scope="col">Ветер 5-10 м/с</th>
<th scope="col">Ветер более 10 м/с</th>
<th scope="col">Рекомендации</th>
</tr>
</thead>
<tbody>
<tr>
<td>0°C до -10°C</td>
<td><span class="badge bg-success">Без ограничений</span></td>
<td><span class="badge bg-success">Без ограничений</span></td>
<td><span class="badge bg-warning">До 2-3 часов</span></td>
<td>Стандартная зимняя одежда</td>
</tr>
<tr>
<td>-10°C до -20°C</td>
<td><span class="badge bg-success">До 4-5 часов</span></td>
<td><span class="badge bg-warning">До 2-3 часов</span></td>
<td><span class="badge bg-danger">До 1 часа</span></td>
<td>Теплая одежда, защита лица</td>
</tr>
<tr>
<td>-20°C до -30°C</td>
<td><span class="badge bg-warning">До 2 часов</span></td>
<td><span class="badge bg-danger">До 30-40 минут</span></td>
<td><span class="badge bg-danger">До 15-20 минут</span></td>
<td>Полная защита всех участков тела</td>
</tr>
<tr>
<td>Ниже -30°C</td>
<td><span class="badge bg-danger">До 30 минут</span></td>
<td><span class="badge bg-danger">До 10-15 минут</span></td>
<td><span class="badge bg-dark">Выход опасен</span></td>
<td>Только при крайней необходимости</td>
</tr>
</tbody>
</table>
</div>
<div class="alert alert-warning mt-3">
<p class="mb-0"><strong>Примечание:</strong> Данные приведены для взрослых здоровых людей при правильной экипировке. Дети, пожилые люди и лица с хроническими заболеваниями должны сокращать время пребывания на морозе в 2-3 раза.</p>
</div>
</section>
<!-- Первая помощь при обморожении -->
<section class="mb-5">
<h2 class="h2 mb-4 text-center border-bottom pb-2">Первая помощь при обморожении</h2>
<div class="alert alert-danger mb-4">
<h4 class="alert-heading"><span class="badge bg-danger me-2">!</span>Что делать категорически запрещено:</h4>
<ul class="mb-0">
<li>Растирать обмороженные участки снегом или грубой тканью</li>
<li>Резко согревать (горячая вода, грелки, батареи)</li>
<li>Растирать маслом, жиром, спиртом</li>
<li>Прокалывать образовавшиеся пузыри</li>
<li>Давать алкоголь пострадавшему</li>
</ul>
</div>
<div class="row">
<div class="col-lg-6 mb-4">
<div class="card border-info h-100">
<div class="card-header bg-info text-white">
<h5 class="mb-0">Правильный алгоритм действий</h5>
</div>
<div class="card-body">
<ol class="list-group list-group-flush">
<li class="list-group-item d-flex">
<span class="badge bg-info me-3">1</span>
<span>Переместить пострадавшего в теплое помещение</span>
</li>
<li class="list-group-item d-flex">
<span class="badge bg-info me-3">2</span>
<span>Аккуратно снять холодную и влажную одежду</span>
</li>
<li class="list-group-item d-flex">
<span class="badge bg-info me-3">3</span>
<span>Дать теплое (не горячее!) сладкое питье</span>
</li>
<li class="list-group-item d-flex">
<span class="badge bg-info me-3">4</span>
<span>Постепенно согревать обмороженные участки в воде температуры 18-20°C, постепенно повышая до 37°C</span>
</li>
<li class="list-group-item d-flex">
<span class="badge bg-info me-3">5</span>
<span>Наложить теплоизолирующую повязку (слой марли, толстый слой ваты, снова марля, сверху клеенка)</span>
</li>
<li class="list-group-item d-flex">
<span class="badge bg-info me-3">6</span>
<span>Обратиться за медицинской помощью</span>
</li>
</ol>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card border-warning h-100">
<div class="card-header bg-warning text-dark">
<h5 class="mb-0">Когда вызывать скорую помощь немедленно</h5>
</div>
<div class="card-body">
<div class="mb-3">
<h6 class="text-danger">Симптомы, требующие срочной медицинской помощи:</h6>
<ul class="list-group list-group-flush">
<li class="list-group-item">Потеря сознания, заторможенность</li>
<li class="list-group-item">Температура тела ниже 35°C</li>
<li class="list-group-item">Обморожение II-IV степени</li>
<li class="list-group-item">Обморожение у ребенка или пожилого человека</li>
<li class="list-group-item">Обширная площадь обморожения</li>
<li class="list-group-item">Наличие сопутствующих заболеваний (диабет, сердечно-сосудистые)</li>
</ul>
</div>
<div class="alert alert-danger mt-3">
<h6 class="alert-heading">Телефоны экстренных служб:</h6>
<div class="row text-center">
<div class="col-6">
<div class="p-2 border rounded bg-light">
<h4 class="text-danger mb-1">112</h4>
<p class="mb-0 small">Единая служба спасения</p>
</div>
</div>
<div class="col-6">
<div class="p-2 border rounded bg-light">
<h4 class="text-danger mb-1">103</h4>
<p class="mb-0 small">Скорая помощь</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Группы риска и особые рекомендации -->
<section class="mb-5">
<h2 class="h2 mb-4 text-center border-bottom pb-2">Особые рекомендации для групп риска</h2>
<div class="row g-4">
<div class="col-md-6">
<div class="card h-100 border-primary">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-shrink-0">
<span class="badge bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">Д</span>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="card-title">Для детей</h5>
<ul class="card-text">
<li>Ограничьте время прогулок при температуре ниже -15°C</li>
<li>Каждые 15-20 минут заходите в теплое помещение</li>
<li>Используйте детский защитный крем для лица</li>
<li>Контролируйте, чтобы одежда и обувь были сухими</li>
<li>Надевайте варежки, а не перчатки</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 border-warning">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-shrink-0">
<span class="badge bg-warning rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">П</span>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="card-title">Для пожилых людей</h5>
<ul class="card-text">
<li>Избегайте длительного пребывания на морозе</li>
<li>Перед выходом примите необходимые лекарства</li>
<li>Используйте трость с противоскользящим наконечником</li>
<li>Носите с собой мобильный телефон</li>
<li>Сообщайте близким о своих маршрутах</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 border-info">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-shrink-0">
<span class="badge bg-info rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">А</span>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="card-title">Для автомобилистов</h5>
<ul class="card-text">
<li>Всегда имейте в машине зимний аварийный набор</li>
<li>Полностью заправляйте бак перед дальней поездкой</li>
<li>Сообщайте о маршруте и времени прибытия</li>
<li>Имейте теплые одеяла, термос с чаем, пищу</li>
<li>Не выходите из машины в метель — оставайтесь в салоне</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 border-danger">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-shrink-0">
<span class="badge bg-danger rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">Х</span>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="card-title">Для людей с хроническими заболеваниями</h5>
<ul class="card-text">
<li>При сердечно-сосудистых заболеваниях избегайте резких перепадов температур</li>
<li>Астматикам иметь при себе ингалятор</li>
<li>Диабетикам — регулярно проверять уровень сахара</li>
<li>Людям с болезнями суставов — дополнительно утеплять проблемные зоны</li>
<li>Всем — иметь при себе необходимые лекарства</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Заключение -->
<section class="mb-5 p-4 bg-light rounded">
<h2 class="h3 mb-3">Профилактика переохлаждения</h2>
<p class="fs-5">Лучшая защита от мороза — это грамотная профилактика. Несколько простых правил помогут вам избежать опасных ситуаций.</p>
<div class="row mt-4">
<div class="col-md-8">
<div class="card border-success">
<div class="card-body">
<h5 class="card-title">Основные профилактические меры:</h5>
<ul>
<li><strong>Правильное питание:</strong> перед выходом на мороз съешьте калорийную пищу</li>
<li><strong>Физическая активность:</strong> двигайтесь, но избегайте чрезмерного потоотделения</li>
<li><strong>Контроль самочувствия:</strong> при первых признаках переохлаждения зайдите в тепло</li>
<li><strong>Планирование маршрута:</strong> всегда имейте возможность укрыться от холода</li>
<li><strong>Использование современной одежды:</strong> мембранные ткани, термобелье, качественная обувь</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-info">
<div class="card-body text-center">
<div class="display-4 text-info mb-3">⚠️</div>
<h5 class="card-title">Признаки переохлаждения</h5>
<ul class="text-start small">
<li>Дрожь, озноб</li>
<li>Бледность кожи</li>
<li>Замедленная речь</li>
<li>Нарушение координации</li>
<li>Сонливость, апатия</li>
</ul>
</div>
</div>
</div>
</div>
<div class="alert alert-success mt-4">
<h4 class="alert-heading">Зима может быть безопасной!</h4>
<p class="mb-0">Соблюдение этих несложных правил позволит вам наслаждаться зимними прогулками, спортом и активным отдыхом без риска для здоровья. Помните: ваша безопасность на морозе зависит от вашей подготовленности и внимательности к собственному самочувствию.</p>
</div>
</section>
<!-- Футер статьи -->
<footer class="mt-5 pt-4 border-top text-muted text-center">
<p class="mb-1">© Материал подготовлен на основе рекомендаций Минздрава России и ВОЗ по профилактике переохлаждения и обморожений</p>
<p class="mb-0">Берегите себя и своих близких в холодное время года!</p>
</footer>
</article>
</div>
