<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>
   Бути здоровою &mdash; бути собою
        </title>
        <meta content="8AeIaA4QDhz5XNZmI9jgoVz5EP5MrbrV01OQP6T9uP4" name="google-site-verification">
        <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" rel="stylesheet">
        <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" referrerpolicy="no-referrer" rel="stylesheet">
        <link href="https://stronghealth.cx.ua" rel="canonical">
        <style>
            :root {
                --primary           : #14b8a6;       /* vibrant teal */
                --primary-dark      : #0f766e;
                --secondary         : #f472b6;     /* coral / hot pink accent */
                --accent            : #facc15;        /* bright yellow for highlights */
                --gray-dark         : #1e293b;
                --light-bg          : #f0fdfa;      /* very light teal tint */
            }
            body {
                font-family         : system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                color               : #1e293b;
                background-color    : var(--light-bg);
            }
            .navbar {
                box-shadow          : 0 4px 15px rgba(20,184,166,0.12);
                background          : white !important;
            }
            .navbar-brand {
                color               : var(--primary) !important;
                font-weight         : 800;
            }
            .hero {
                background          : linear-gradient(135deg, rgba(20,184,166,0.78), rgba(244,114,182,0.65)),
                              url("https://thumbs.dreamstime.com/b/active-healthy-lifestyle-fitness-illustration-vibrant-dynamic-symbolizing-central-figure-man-running-set-against-402354760.jpg") center/cover no-repeat;
                color               : white;
                padding             : 11rem 0 7rem;
                text-shadow         : 0 2px 8px rgba(0,0,0,0.4);
            }
            .btn-primary {
                background          : linear-gradient(90deg, var(--primary), #22d3ee);
                border              : none;
                font-weight         : 600;
                transition          : all 0.3s;
            }
            .btn-primary:hover {
                transform           : translateY(-3px);
                background          : linear-gradient(90deg, var(--primary-dark), #0891b2);
                box-shadow          : 0 10px 25px rgba(20,184,166,0.35);
            }
            .post-card {
                transition          : all 0.35s ease;
                border              : none;
                border-radius       : 1rem;
                overflow            : hidden;
                box-shadow          : 0 10px 30px rgba(20,184,166,0.12);
            }
            .post-card:hover {
                transform           : translateY(-10px) scale(1.02);
                box-shadow          : 0 20px 40px rgba(244,114,182,0.18);
            }
            .post-img {
                height              : 240px;
                object-fit          : cover;
            }
            .sidebar-section {
                background          : white;
                border-radius       : 1rem;
                padding             : 1.75rem;
                margin-bottom       : 2rem;
                box-shadow          : 0 6px 20px rgba(20,184,166,0.1);
            }
            .badge {
                font-weight         : 600;
                padding             : 0.5em 1em;
            }
            .badge-primary {
                background          : #a5f3fc;
                color               : #0e7490;
            }
            .badge-nutrition {
                background          : #bbf7d0;
                color               : #166534;
            }
            .badge-training {
                background          : #fecaca;
                color               : #991b1b;
            }
            .badge-mindset {
                background          : #fed7aa;
                color               : #9a3412;
            }
            footer {
                background          : linear-gradient(135deg, var(--primary-dark), #0f766e);
                color               : #e0f2fe;
                padding             : 5rem 0 3rem;
            }
        </style>
    </head>
    <body>
        <!-- Navigation -->
        <nav class="navbar navbar-expand-lg navbar-light fixed-top">
            <div class="container">
                <a class="navbar-brand fw-bold fs-3" href="#">
     Бути здоровою &mdash; бути собою
                </a>
                <button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarNav" data-bs-toggle="collapse" type="button">
                    <span class="navbar-toggler-icon">
                    </span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto align-items-center">
                        <li class="nav-item">
                            <a class="nav-link active" href="/">
                                Home
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">
                                Blog
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- Hero / Featured Post -->
        <section class="hero text-center">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <h1 class="display-4 fw-bold mb-4">
       Бути здоровою &mdash; бути собою
                        </h1>
                        <p class="lead fs-4 mb-5">
                            Все про жіноче здоров&rsquo;я в одному місці
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Main Content -->
        <section class="py-5">
            <div class="container">
                <div class="row g-5">
                    <!-- Blog Posts -->
                    <div class="col-lg-8">
                        <div class="row g-4">
                            <!-- Post 1 -->
                            <div class="col-md-6">
                                <div class="card post-card h-100">
                                    <img alt=" як зрозуміти, що глисти виходять з організму" class="post-img card-img-top" src="img/1779891620.webp" title=" як зрозуміти, що глисти виходять з організму">
                                    <div class="card-body d-flex flex-column">
                                        <a href="post/yak_zrozumity,_scho_glysty_vyhodyat_">
                                            <h5 class="card-title fw-bold">
            як зрозуміти, що глисти виходять з організму
                                            </h5>
                                        </a>
                                        <p class="card-text text-muted flex-grow-1">
                                            Питання як зрозуміти, що глисти виходять з організму
                                        </p>
                                        <p class="text-muted small mb-0">
                                            Jan 31, 2026 &bull; 7 min
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card post-card h-100">
                                    <img alt="Скільки часу триває дієта при панкреатиті" class="post-img card-img-top" src="img/1779888381.webp" title="Скільки часу триває дієта при панкреатиті">
                                    <div class="card-body d-flex flex-column">
                                        <a href="post/skil_ky_chasu_tryvae_dieta_pry_pankreatyti">
                                            <h5 class="card-title fw-bold">
                                                Скільки часу триває дієта при панкреатиті
                                            </h5>
                                        </a>
                                        <p class="card-text text-muted flex-grow-1">
                                            Дієта при панкреатиті &mdash; це основа лікування, яка допомагає знизити навантаження на підшлункову залозу, зменшити запалення та уникнути небезпечних ускладнень.
                                        </p>
                                        <p class="text-muted small mb-0">
                                            Jan 31, 2026 &bull; 7 min
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card post-card h-100">
                                    <img alt="Дієта номер 0" class="post-img card-img-top" src="img/1779888099.webp" title="Дієта номер 0">
                                    <div class="card-body d-flex flex-column">
                                        <a href="post/dieta_nomer_0">
                                            <h5 class="card-title fw-bold">
                                                Дієта номер 0
                                            </h5>
                                        </a>
                                        <p class="card-text text-muted flex-grow-1">
                                            У медичній практиці дієта номер 0 є однією з найважливіших систем лікувального харчування
                                        </p>
                                        <p class="text-muted small mb-0">
                                            Jan 31, 2026 &bull; 7 min
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Sidebar -->
                    <div class="col-lg-4">
                        <div class="sidebar-section">
                            <h5 class="fw-bold mb-3 text-primary">
        В гармонії з тілом і собою
                            </h5>
                            <p class="text-muted">
                                <b>
                                    Баланс здоров&rsquo;я, краси та жіночності
                                </b>
                            </p>
                        </div>
                        <div class="sidebar-section">
                            <h5 class="fw-bold mb-3">
                                Гаряченькі пости
                            </h5>
                            <ul class="list-unstyled">
                                <li class="mb-3">
                                    <a class="text-decoration-none text-dark fw-medium" href="post/yak_zrozumity,_scho_glysty_vyhodyat_">
                                        як зрозуміти, що глисти виходять з організму
                                    </a>
                                </li>
                                <li class="mb-3">
                                    <a class="text-decoration-none text-dark fw-medium" href="post/skil_ky_chasu_tryvae_dieta_pry_pankreatyti">
                                        Скільки часу триває дієта при панкреатиті
                                    </a>
                                </li>
                                <li class="mb-3">
                                    <a class="text-decoration-none text-dark fw-medium" href="post/dieta_nomer_0">
                                        Дієта номер 0
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="sidebar-section">
                            <h5 class="fw-bold mb-3">
                                Категорії
                            </h5>
                            <div class="d-flex flex-wrap gap-2">
                                <span class="badge badge-nutrition">
                                    <b>
                                        <a href="cat/zdjorovja">
                                            Здоров'я
                                        </a>
                                    </b>
                                </span>
                                <span class="badge badge-nutrition">
                                    <b>
                                        <a href="cat/djієti">
                                            Дієти
                                        </a>
                                    </b>
                                </span>
                                <span class="badge badge-nutrition">
                                    <b>
                                        <a href="cat/іnshe">
                                            інше
                                        </a>
                                    </b>
                                </span>
                            </div>
                        </div>
                        <div class="sidebar-section bg-gradient text-white" style="color:black;background: linear-gradient(135deg, var(--primary), var(--secondary));">
                            <h5 class="mb-3" style="color: #0f0f0f;">
                                Цікавеньке
                            </h5>
                            <p class="small mb-3" style="color: #0f0f0f;">
                                <a href="https://vizerunok.co.ua/rysh.html">
                                    Весільний рушник купити
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Footer -->
        <footer class="text-center">
            <div class="container">
                <p class="mb-4 fs-5 fw-light">
     &copy; 2026 Харчуйся правильно радій, живи
                </p>
                <!-- hit.ua -->
                <a href="http://hit.ua/?x=13968" target="_blank">
                    <script language="javascript" type="text/javascript">
                        <!--
                        Cd=document;Cr="&"+Math.random();Cp="&s=1";
                        Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
                        Cp+="&t="+(new Date()).getTimezoneOffset();
                        if(self!=top)Cp+="&f=1";
                        //-->
                    </script>
                    <script language="javascript1.1" type="text/javascript">
                        <!--
                        if(navigator.javaEnabled())Cp+="&j=1";
                        //-->
                    </script>
                    <script language="javascript1.2" type="text/javascript">
                        <!--
                        if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
                        screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
                        //-->
                    </script>
                    <script language="javascript" type="text/javascript">
                        <!--
                        Cd.write("<img src='//c.hit.ua/hit?i=13968&g=0&x=4"+Cp+Cr+
                        "&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
                        "' border='0' width='88' height='15' "+
                        "alt='hit.ua: посетителей за сегодня' title='hit.ua: посетителей за сегодня'/>");
                        //-->
                    </script>
                    <noscript>
                        <img alt="hit.ua: посетителей за сегодня" border="0" height="15" src="//c.hit.ua/hit?i=13968&amp;g=0&amp;x=4" title="hit.ua: посетителей за сегодня" width="88">
                    </noscript>
                </a>
                <!-- / hit.ua -->
            </div>
        </footer>
        <script crossorigin="anonymous" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js">
        </script>
    </body>
</html>