<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Life Error page</title>
    <link href="/img/file.svg">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">
    <!-- Google Web Fonts -->
<html lang="en">
<head>
    <meta property="og:image" content="https://life.bbca.bg/wp-content/uploads/2025/01/big-logo.png">
    <link rel="icon" href="https://life-app.bbca.bg/img/Group-1629.svg">
    <link rel="icon" type="image/svg+xml" href="https://life-app.bbca.bg/img/Group-1629.svg">
    <meta property="og:title" content="Life">
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TF44G8R2');</script>
    <!-- End Google Tag Manager -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&family=Rubik:wght@400;500&display=swap" rel="stylesheet">

<!-- Icon Font Stylesheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">


<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
    <!-- Hotjar Tracking Code for LifeAI -->
    <script>
        (function(h,o,t,j,a,r){
            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
            h._hjSettings={hjid:5252504,hjsv:6};
            a=o.getElementsByTagName('head')[0];
            r=o.createElement('script');r.async=1;
            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
            a.appendChild(r);
        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
    </script>
    <script async src="https://scripts.gktab.com/appkey=4429d9c6-a362-4c9c-8709-2313a4bc5b00"></script>
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#EE617A">
    <script src="/js/main.js"></script>
    <script async src="https://api.gktab.com/script?appkey=28733e48-feeb-445b-8038-ad69e9817c36"></script>
    <link rel="apple-touch-icon" href="icons/android-chrome-512x512.png">
    <link rel="icon" sizes="192x192" href="icons/android-chrome-192x192.png">
    <link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
</head>

    <style>
        .search-box {
            display: flex;
            align-items: center;
            margin-top: 20px;
        }

        .search-box input[type="text"] {
            border-radius: 50px 0 0 50px;
            padding-left: 20px;
            border-right: none;
        }

        .search-box button {
            border-radius: 0 50px 50px 0;
        }

        .search-box .input-group {
            flex-grow: 1;
        }

        .search-box .btn {
            background-color: #007bff;
            color: white;
        }
        .btn-danger {
            width: 100%;
            max-width: 500px;  /* Adjust as per your layout */
            padding: 15px 20px;
            font-size: 18px;  /* Adjust font size if needed */
            text-align: center;
            border-radius: 50px;
        }

        .responsive-image {
            width: 80%; /* Default width for mobile */
            max-width: 400px; /* Limit maximum size */
        }

        @media (min-width: 768px) { /* Medium screens and up */
            .responsive-image {
            width: 60%;
            }
        }

        @media (min-width: 992px) { /* Large screens and up */
             .responsive-image {
             width: 40%;
            }
        }
    </style>
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF44G8R2"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- Spinner Start -->
<div id="spinner"
     class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
    <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
<!-- Spinner End -->


<!-- Navbar & Hero Start -->
<div class="container-fluid p-0">
    <nav class="navbar navbar-expand-lg navbar-light bg-transparent px-4 px-lg-5 py-5 py-lg-0 sticky-top">
        <a href="javascript:history.back()" class="back-icon" id="backButton" style="margin-top: 10px;">
            <!-- Back Icon SVG -->
            <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="bi bi-arrow-left"
                 viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                      d="M15 8a.5.5 0 0 1-.5.5H4.707l3.147 3.146a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708.708L4.707 7.5H14.5A.5.5 0 0 1 15 8z"/>
            </svg>
        </a>
        <a href="/home" class="navbar-brand p-0">
            <!-- Centered Logo -->
            <img src="/img/logo.png" alt="Life AI Logo" style="margin-top: 50px;">
        </a>
    </nav>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
<script>
    // Check if the current URL path includes "info"
    if (window.location.pathname.includes('info')) {
        // Hide the back button if "info" is part of the URL path
        document.getElementById('backButton').style.display = 'none';
    }
</script>
<!-- Navbar & Hero End -->
<style>
    .navbar {
        justify-content: center; /* Center the navbar content */
        position: relative; /* Allows absolute positioning for the back icon */
    }
    .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .back-icon {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #F8F8F8;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-around;
        padding: 10px 0;
        z-index: 10;
    }

    .nav-item {
        text-align: center;
        font-size: 14px;
        color: #8E8E93; /* Default gray */
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: color 0.3s ease-in-out;
    }

    .nav-item i {
        font-size: 24px; /* Adjust icon size */
        margin-bottom: 5px;
    }

    .nav-item p {
        margin: 0;
        font-size: 12px;
    }

    /* Active Item */
    .nav-item.active {
        color: #2E1E46; /* Dark purple */
        font-weight: bold;
    }

    .nav-item.active i {
        color: #2E1E46;
    }

</style>

<!-- Header Start -->
<div class="container-fluid bg-breadcrumb">
    <ul class="breadcrumb-animation">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div class="container text-center py-5" style="max-width: 900px;">
        <h1 class="display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Life</h1>
    </div>

    <script async src="https://scripts.gktab.com/appkey=4429d9c6-a362-4c9c-8709-2313a4bc5b00"></script>
    <script async src="https://api.gktab.com/script?appkey=28733e48-feeb-445b-8038-ad69e9817c36"></script>
</div>
<!-- Header End -->

<!-- About Start -->
<div class="container-fluid overflow-hidden py-1 mt-1">

    <div class="container py-1">
        <div class="col-lg-20 wow fadeInUp" data-wow-delay="0.3s">
            <center>
                <h2 class="display-6 mb-4" >Опа, нещо се обърка!</h2>
                <div class="col-lg-20 wow fadeInUp" data-wow-delay="0.1s">
                    <div class="RotateMoveLeft">
                        <img
                                src="/img/errorPageImg.jpg"
                                class="img-fluid responsive-image"
                                alt="rose-lady image">
                    </div>
                </div>
            </center>
            <br>
            <h5 class="mb-3" style="margin: 0 auto; max-width: 600px; text-align: left;">
                Извиняваме се, но е възможно да сте се опитали да достъпите страница, която не съществува.<br><br>
                Може също така да се е появила неочаквана грешка, която ще бъде остранена възможно най-скоро.<br><br>
                Моля, опитайте отново или по-късно.<br><br>
            </h5>
            <br>
            <center>
                <a class="btn btn-danger rounded-pill py-3 px-5" href="/home">Към началната страница</a>
            </center>
        </div>
        <br><br><br>
    </div>
</div>
<!-- About End -->
<!-- Footer Start -->
<div class="bottom-nav">
    <div class="bottom-nav">
        <a class="nav-item" href="https://life-app.bbca.bg/articles">
            <i class="fa-solid fa-glasses"></i>
            <p>Статии</p>
        </a>
        <a class="nav-item" href="https://life-app.bbca.bg/patients/diary">
            <i class="fa-solid fa-book"></i>
            <p>Дневник</p>
        </a>
        <a class="nav-item" id="calendar-link">
            <i class="fa-solid fa-calendar-days"></i>
            <p>Календар</p>
        </a>

        <script>
            // Function to get the formatted date (dd/MM/yyyy)
            function formatDate(date) {
                let day = String(date.getDate()).padStart(2, '0');
                let month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-based
                let year = date.getFullYear();
                return `${day}/${month}/${year}`;
            }

            // Get today's date and one month later
            let today = new Date();
            let nextMonth = new Date();
            nextMonth.setMonth(nextMonth.getMonth() + 1);

            // Construct the URL dynamically
            let calendarURL = `https://life-app.bbca.bg/events?date=${formatDate(today)}&last_date=${formatDate(nextMonth)}`;

            // Set the href attribute of the calendar link
            document.getElementById("calendar-link").setAttribute("href", calendarURL);
        </script>

        <a class="nav-item" href="https://life-app.bbca.bg/patients/profile/profile">
            <i class="fa-solid fa-user"></i>
            <p>Профил</p>
        </a>
    </div>
</div>
<div class="container-fluid footer py-2 wow fadeIn" data-wow-delay="0.2s">
    <div class="container py-5">
        <div class="row g-5">
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="footer-item d-flex flex-column">
                    <h4 class="text-dark mb-4">За Life</h4>
                    <a href="https://life-app.bbca.bg/?#patients-section"> Как ще ви помогнем?</a>
                    <a href="https://life-app.bbca.bg/?#doctors-involved-section"> Как да станем лекар в Life?</a>
                    <a href="https://life-app.bbca.bg/?#about-us-section"> Научете повече за нас</a>
                    <a href="https://life-app.bbca.bg/terms/conditions"> Общи условия</a>
                    <a href="https://life-app.bbca.bg/privacy/statement"> Политика за поверителност</a>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="footer-item d-flex flex-column">
                    <h4 class="text-dark mb-4">Контакти</h4>
                    <a href="https://life-app.bbca.bg/"> https://life-app.bbca.bg/</a>
                    <a href=""> info@bbca.bg</a>
                    <a href=""> bbcancerassociation@gmail.com</a>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                <img src="/img/teva.png" alt="TEVA Logo" class="img-fluid mb-2" style="max-width: 100px; height: auto;">
                <p class="text-dark mb-4">Проектът е подкрепен от дарителската програма „Заедно за здраве“ на TEVA</p>
            </div>

        </div>
    </div>
</div>
<!-- Footer End -->


<!-- Copyright Start -->
<div class="container-fluid copyright py-3">
    <div class="container">
        <div class="row g-4 align-items-center">
            <div class="col-md-6 text-center text-md-start mb-md-0">
                <span class="text-white"><a href="#"><i class="fas fa-copyright text-light me-2"></i>Life</a>, Всички права запазени.</span>
            </div>
        </div>
    </div>
</div>
<!-- Copyright End -->


<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>


<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>

</html>