<footer class="footer widget-footer ttm-bgcolor-black clearfix">
    <div class="second-footer ttm-textcolor-white">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 widget-area">
                    <div class="widget clearfix">
                        <div class="footer-logo">
                            <img id="footer-logo-img" class="img-center " src="images/logo-footer.svg"
                                alt="Nurses Group Homecare is a family-run business that provides quality care">
                        </div>
                        <p>Nurses Group Homecare is a family-owned and operated domiciliary care provider with years of
                            experience in the UK healthcare industry. We are aiming to provide personalised care
                            services to meet the needs of our clients.
                        </p>
                        <div class="HomeFoot">
                            <img src="images/jss-homecare.svg"
                                alt="Nurses Group Homecare is a family-owned and operated domiciliary care provider">
                            <p>
                                JSS Homecare Ltd. Registered in England & Wales.<br> Reg No. 12874805
                            </p>
                        </div>
                        <div class="separator pt-5">
                            <div class="sep-line"></div>
                        </div>
                        <div class="social-icons social-hover">
                            <ul class="list-inline">
                                <li class="social-facebook">
                                    <a class="tooltip-top" target="_blank"
                                        href="https://www.facebook.com/nursesgrouphomecare" data-tooltip="Facebook">
                                        <i class="fa fa-facebook" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li class="social-gplus">
                                    <a class=" tooltip-top" target="_blank"
                                        href="https://www.instagram.com/nursesgrouphomecare/" data-tooltip="Instagram">
                                        <i class="fa fa-instagram" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li class="social-twitter">
                                    <a class="tooltip-top" target="_blank" href="https://twitter.com/nursesgrouphc"
                                        data-tooltip="Twitter">
                                        <img class="img-fluid TwitLogo" src="images/twitter.svg" alt="Twitter">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 widget-area">
                    <div class="widget widget_nav_menu clearfix">
                        <h3 class="widget-title">Care Services</h3>
                        <ul id="menu-footer-services">
                            <li>
                                <a href="domiciliary-care">Domiciliary care</a>
                            </li>
                            <li>
                                <a href="live-in-care">Live-in care</a>
                            </li>
                            <li>
                                <a href="respite-care">Respite care</a>
                            </li>
                            <li>
                                <a href="dementia-care">Dementia care</a>
                            </li>
                            <li>
                                <a href="parkinsons-disease-care">Parkinson's disease care</a>
                            </li>
                            <li>
                                <a href="elderly-care">Elderly care</a>
                            </li>
                            <li>
                                <a href="palliative-care">Palliative care</a>
                            </li>
                            <li>
                                <a href="learning-disabilities-support">Learning disabilities support</a>
                            </li>
                            <li>
                                <a href="physical-disability-care">Physical disability care</a>
                            </li>
                            <li>
                                <a href="mental-health-care">Mental health care</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-2 widget-area">
                    <div class="widget widget_nav_menu clearfix">
                        <h3 class="widget-title">Quick Links</h3>
                        <ul id="menu-footer-services">
                            <li>
                                <a href="{{ url('/')}}">Home</a>
                            </li>
                            <li>
                                <a href="care-enquiry">Care enquiry</a>
                            </li>
                            <li>
                                <a href="about">About us</a>
                            </li>
                            <li>
                                <a href="care-services">Care services</a>
                            </li>
                            <li>
                                <a href="why-choose">Why choose us</a>
                            </li>
                            <li>
                                <a href="how-we-assist">How we assist</a>
                            </li>
                            <li>
                                <a href="care-experts">Care teams</a>
                            </li>
                            <li>
                                <a href="jobs">Jobs</a>
                            </li>
                            <li>
                                <a href="blog">Blogs</a>
                            </li>
                            <li>
                                <a href="contact">Contact us</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 widget-area">
                    <div class="CQC_bg">
                        <script type="text/javascript"
                            src="//www.cqc.org.uk/sites/all/modules/custom/cqc_widget/widget.js?data-id=1-11484415015&data-host=www.cqc.org.uk&type=location">
                        </script>
                    </div>
                    <div class="PammsBg">
                        <a target="_blank" href="images/JSS-homecare-Pamms-Assessment-credit-score-2023.pdf"><img
                                class="img-fluid" src="images/pamms-img.svg" alt="Twitter"></a>
                    </div>
                </div>
            </div>
            <div class="AwaBg">
                <img class="img-fluid" src="images/awwards.jpg"
                    alt="We provide care services to our clients that are governed by authorities">
            </div>
        </div>
    </div>
    <div class="bottom-footer-text ttm-textcolor-white">
        <div class="container">
            <div class="row copyright">
                <div class="col-md-8 ttm-footer2-left">
                    <span>© 2020-{{  date('Y') }}&nbsp; <a href="#">JSS Homecare Limited</a>. All rights reserved.
                    </span>
                    <span class="Build">Designed & built by <a target="_blank"
                            href="https://johnandsmithglobal.com/">John & Smith Solutions</a> </span>
                </div>
                <div class="col-md-4 ttm-footer2-right">
                    <ul id="menu-footer-menu" class="footer-nav-menu">
                        <li>
                            <a href="faq">FAQ</a>
                        </li>
                        <li>
                            <a href="privacy">Privacy Policy</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<a id="totop" href="#">
    <i class="fa fa-angle-up"></i>
</a>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQFN3XW" height="0" width="0"
        style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="homecare/js/owl.carousel.js"></script>
<script src="homecare/js/main.js"></script>

<!-- SNOW -->
<!--   Chrimas scripts     -->
<!-- <script>
function lerp(start, end, amt) {
    return (1 - amt) * start + amt * end
}
const small = {
    x1: 0,
    x2: 0,
    y1: 0,
    y2: 0,
}
const big = {
    ...small
}
const animate = () => {
    const element = document.querySelector('.iconMouse')
    const element_small = document.querySelector('.icon-holder')
    let x = lerp(big.x1, big.x2, 0.1);
    let y = lerp(big.y1, big.y2, 0.1);
    if (x + 40 >= window.innerWidth)
        x = window.innerWidth - 40
    if (y + 40 >= window.innerHeight)
        y = window.innerHeight - 40
    element.style.transform = 'translate(' + x + 'px,' + y + 'px)'
    big.x1 = x
    big.y1 = y
    let x_small = lerp(small.x1, small.x2, 0.3);
    let y_small = lerp(small.y1, small.y2, 0.3);
    element_small.style.transform = 'translate(' + x_small + 'px,' + y_small + 'px)'
    small.x1 = x_small
    small.y1 = y_small
}
setInterval(() => {
    animate()
}, 60)
document.addEventListener('mousemove', (e) => {
    big.x2 = e.clientX + 20
    big.y2 = e.clientY + 20
    small.x2 = e.clientX
    small.y2 = e.clientY
})
document.addEventListener('mousedown', (e) => {
    document.querySelector('.iconMouse').classList.add('depressed')
})
document.addEventListener('mouseup', (e) => {
    document.querySelector('.iconMouse').classList.remove('depressed')
})
</script>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const snowContainer = document.querySelector(".snow-container");
    const particlesPerThousandPixels = 0.1;
    const fallSpeed = 1.25;
    const pauseWhenNotActive = true;
    const maxSnowflakes = 200;
    const snowflakes = [];
    let snowflakeInterval;
    let isTabActive = true;

    function resetSnowflake(snowflake) {
        const size = Math.random() * 8 + 1;
        const viewportWidth = window.innerWidth - size; // Adjust for snowflake size
        const viewportHeight = window.innerHeight;
        snowflake.style.width = `${size}px`;
        snowflake.style.height = `${size}px`;
        snowflake.style.left = `${Math.random() * viewportWidth}px`; // Constrain within viewport width
        snowflake.style.top = `-${size}px`;
        const animationDuration = (Math.random() * 3 + 2) / fallSpeed;
        snowflake.style.animationDuration = `${animationDuration}s`;
        snowflake.style.animationTimingFunction = "linear";
        snowflake.style.animationName =
            Math.random() < 0.5 ? "fall" : "diagonal-fall";

        setTimeout(() => {
            if (parseInt(snowflake.style.top, 10) < viewportHeight) {
                resetSnowflake(snowflake);
            } else {
                snowflake.remove(); // Remove when it goes off the bottom edge
            }
        }, animationDuration * 1000);
    }

    function createSnowflake() {
        if (snowflakes.length < maxSnowflakes) {
            const snowflake = document.createElement("div");
            snowflake.classList.add("snowflake");
            snowflakes.push(snowflake);
            snowContainer.appendChild(snowflake);
            resetSnowflake(snowflake);
        }
    }

    function generateSnowflakes() {
        const numberOfParticles =
            Math.ceil((window.innerWidth * window.innerHeight) / 1000) *
            particlesPerThousandPixels;
        const interval = 5000 / numberOfParticles;

        clearInterval(snowflakeInterval);
        snowflakeInterval = setInterval(() => {
            if (isTabActive && snowflakes.length < maxSnowflakes) {
                requestAnimationFrame(createSnowflake);
            }
        }, interval);
    }

    function handleVisibilityChange() {
        if (!pauseWhenNotActive) return;

        isTabActive = !document.hidden;
        if (isTabActive) {
            generateSnowflakes();
        } else {
            clearInterval(snowflakeInterval);
        }
    }
    generateSnowflakes();

    window.addEventListener("resize", () => {
        clearInterval(snowflakeInterval);
        setTimeout(generateSnowflakes, 1000);
    });
    document.addEventListener("visibilitychange", handleVisibilityChange);
});
</script> -->


</body>

</html>