Access_New/pages/demo-elder-care-services-details.html

320 lines
18 KiB
HTML
Raw Permalink Normal View History

2024-09-05 05:48:27 +00:00
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/elder-care/elder-care.css" />
</head>
<body data-mobile-nav-style="classic" class="custom-cursor">
<div class="cursor-page-inner">
<div class="circle-cursor circle-cursor-inner"></div>
<div class="circle-cursor circle-cursor-outer"></div>
</div>
<header>
<nav class="navbar navbar-expand-lg header-transparent header-light bg-transparent header-reverse-back-scroll glass-effect" data-header-hover="light">
<div class="container-fluid">
<div class="col-auto col-xxl-3 me-lg-0 me-auto">
<a class="navbar-brand" href="demo-elder-care.html">
<img src="images/demo-elder-care-logo-black.png" data-at2x="images/demo-elder-care-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-elder-care-logo-black.png" data-at2x="images/demo-elder-care-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-elder-care-logo-black.png" data-at2x="images/demo-elder-care-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-xxl-6 col-lg-7 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a href="demo-elder-care.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-elder-care-about.html" class="nav-link">About</a></li>
<li class="nav-item dropdown dropdown-with-icon-style02">
<a href="demo-elder-care-services.html" class="nav-link">Services</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a href="demo-elder-care-services-details.html">Health facilities</a></li>
<li><a href="demo-elder-care-services-details.html">Personal care</a></li>
<li><a href="demo-elder-care-services-details.html">Medical checkup</a></li>
<li><a href="demo-elder-care-services-details.html">Health consultation</a></li>
<li><a href="demo-elder-care-services-details.html">Skilled nursing</a></li>
<li><a href="demo-elder-care-services-details.html">Eldery nutrition</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-elder-care-moments-of-care.html" class="nav-link">Moments of care</a></li>
<li class="nav-item"><a href="demo-elder-care-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-elder-care-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-xxl-3 text-end d-none d-sm-flex">
<div class="header-icon">
<div class="header-button">
<a href="demo-elder-care-contact.html" class="btn btn-medium btn-transparent-blue-light border-1 fw-700 btn-rounded btn-switch-text">
<span>
<span class="btn-double-text" data-text="Donate now">Donate now</span>
<span><i class="fa-solid fa-arrow-right"></i></span>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="p-0 ipad-top-space-margin page-title-big-typography cover-background md-background-position-left-center" style="background-image: url('images/demo-elder-care-title-bg.jpg')">
<div class="container">
<div class="row align-items-center justify-content-center h-350px">
<div class="col-auto text-center page-title-double-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="alt-font text-dark-gray fw-700 ls-minus-1px mb-0">Personal <span class="position-relative d-inline-block">care <span class="position-absolute right-minus-50px top-minus-15px"><img src="images/demo-elder-care-09.png" alt></span></span></h1>
</div>
<div class="down-section text-center" data-anime="{ &quot;translateY&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<a href="demo-elder-care-services-details.html#down-section" class="section-link">
<div class="text-dark-gray">
<i class="feather icon-feather-chevron-down icon-very-medium"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="down-section">
<div class="container">
<div class="row">
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px">
<span class="fs-22 alt-font text-dark-gray fw-700 mb-20px d-inline-block">Elder care service</span>
<ul class="p-0 m-0 list-style-02 fw-500">
<li class="pb-5px mb-10px border-bottom border-color-transparent-dark"><a href="demo-elder-care-services-details.html">Health facilities</a><i class="feather icon-feather-arrow-right ms-auto icon-small"></i></li>
<li class="pb-5px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="demo-elder-care-services-details.html" class="text-dark-gray text-dark-gray-hover">Personal care</a><i class="feather icon-feather-arrow-right ms-auto icon-small"></i></li>
<li class="pb-5px mb-10px border-bottom border-color-transparent-dark"><a href="demo-elder-care-services-details.html">Medical checkup</a><i class="feather icon-feather-arrow-right ms-auto icon-small"></i></li>
<li class="pb-5px mb-10px border-bottom border-color-transparent-dark"><a href="demo-elder-care-services-details.html">Health consultation</a><i class="feather icon-feather-arrow-right ms-auto icon-small"></i></li>
<li><a href="demo-elder-care-services-details.html">Skilled nursing</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
</ul>
</div>
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-base-color rounded-box">
<i class="bi bi-telephone-outbound icon-extra-medium text-white"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<span class="mb-5px d-block text-white opacity-6 fw-300">Customer care?</span>
<a href="tel:1800222000" class="text-white fs-20 fw-500 lh-22">1 800 222 000</a>
</div>
</div>
</div>
<div class="bg-very-light-gray border-radius-6px p-40px lg-p-25px md-p-35px">
<span class="fs-22 alt-font text-dark-gray fw-600 mb-25px d-inline-block">Get a free consultation?</span>
<div class="contact-form-style-01 mt-0">
<form action="email-templates/contact-form.php" method="post">
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-emoji-smile"></i></span>
<input type="text" name="name" class="form-control border-white box-shadow-large required" placeholder="Your name*" />
</div>
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-envelope"></i></span>
<input type="email" name="email" class="form-control border-white box-shadow-large required" placeholder="Your email address*" />
</div>
<div class="position-relative form-group form-textarea">
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
<textarea placeholder="Your message" name="comment" class="form-control border-white box-shadow-large" rows="3"></textarea>
<input type="hidden" name="redirect" value>
<button class="btn btn-large btn-round-edge btn-base-color btn-box-shadow mt-20px submit w-100" type="submit">Send message</button>
<div class="mt-20px form-results d-none"></div>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block">Elder personal care</h4>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo pellentesque ante purus, iaculis quis bibendum pulvinar sed ipsum vivamus nunc nisi, consequat.</p>
<img src="images/demo-elder-care-services-details-01.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt>
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px">
<div class="col">
<span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Bathing assistance</span>
<p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur veniam, adipiscing quis nostruded eiusmod do tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam.</p>
</div>
<div class="col">
<span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Hygiene assistance</span>
<p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur veniam, adipiscing quis nostruded eiusmod do tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam.</p>
</div>
</div>
<div class="cover-background p-7 border-radius-6px mb-60px md-mb-40px d-flex justify-content-end align-items-end sm-h-500px" style="background-image: url('images/demo-elder-care-services-details-02.jpg')">
<div class="bg-white box-shadow-quadruple-large border-radius-4px w-50 lg-w-55 sm-w-100 overflow-hidden">
<div class="p-40px lg-p-25px last-paragraph-no-margin">
<span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Health consultation</span>
<p class="w-95 lg-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore magna aliqua.</p>
</div>
<div class="bg-dark-gray p-15px text-center">
<a href="demo-elder-care-contact.html" class="text-white fw-600"><i class="feather icon-feather-mail me-10px"></i>Talk with our team</a>
</div>
</div>
</div>
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-40px lg-mb-30px d-block">Benefits of elder care services</h4>
<div class="border border-color-extra-medium-gray border-radius-6px mb-40px xs-mb-30px overflow-hidden">
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0"><span class="fw-600 text-dark-gray">Safe living environment: </span>Ensure your loved one's well-being in a safe and comfortable living environment designed for their safety and peace of mind.</p>
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0 bg-very-light-gray"><span class="fw-600 text-dark-gray">Security of peace of mind: </span>The comprehensive services provided by organizations offer not only affordability but also peace of mind for families caring for their elderly loved ones.</p>
<p class="ps-30px pe-30px pt-25px pb-25px mb-0"><span class="fw-600 text-dark-gray">Affordable price: </span>Affordable elder care services provide essential support to seniors, ensuring their well-being and dignity experience compassionate without financial burden.</p>
</div>
<div class="row align-items-center g-0">
<div class="col-auto d-block d-sm-flex align-items-center text-center text-sm-start">
<img src="images/demo-pizza-parlor-about-03.png" alt />
<div class="lh-28 last-paragraph-no-margin text-dark-gray ps-15px xs-ps-0 xs-mt-15px">
<p>Save your time and effort spent for finding a elder care. <a href="demo-elder-care-contact.html" class="text-decoration-line-bottom fw-700 text-dark-gray">Contact us now</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="pt-0 pb-0">
<div class="footer-top pt-35px pb-35px background-position-center-top cover-background" style="background-image: url('images/demo-eleder-care-footer-top-bg.jpg')">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-6 col-lg-8 text-center text-xl-start lg-mb-30px sm-mb-20px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon me-25px xs-me-15px">
<img src="images/demo-elder-care-customer-support-icon.png" alt class="xs-w-90">
</div>
<div class="feature-box-content">
<h5 class="text-white mb-0 fw-700 alt-font">Need any consultations for senior caring please contact us.</h5>
</div>
</div>
</div>
<div class="col-xl-6 col-auto text-center text-xl-end">
<a href="tel:tel:1800222000" class="btn btn-large btn-transparent-white btn-rounded btn-switch-text btn-box-shadow d-inline-block me-25px sm-me-10px left-icon xs-m-10px">
<span>
<span><i class="bi bi-telephone align-middle"></i></span>
<span class="btn-double-text" data-text="Call us - tel:1800222000">Call us - 1 800 222 000</span>
</span>
</a>
<a href="demo-elder-care-contact.html" class="btn btn-large btn-white btn-rounded btn-switch-text btn-box-shadow d-inline-block right-icon xs-m-10px">
<span>
<span class="btn-double-text" data-text="Contact us">Contact us</span>
<span><i class="fa-solid fa-arrow-right fs-14"></i></span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom background-position-center-top cover-background pt-3 sm-pt-30px pb-0" style="background-image: url('images/demo-eleder-care-footer-bottom-bg.jpg')">
<div class="container footer-dark text-center text-sm-start">
<div class="row mb-4 sm-mb-30px">
<div class="col-lg-3 col-md-4 col-sm-6 d-flex flex-column md-mb-35px">
<a href="demo-elder-care.html" class="footer-logo d-inline-block xs-mb-20px">
<img src="images/demo-elder-care-logo-white.png" data-at2x="images/demo-elder-care-logo-white@2x.png" alt>
</a>
<div class="mt-auto">
<span>Rising money</span>
<h4 class="text-white fw-700 ls-minus-2px mb-0">$90,320</h4>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 md-mb-35px">
<span class="fw-600 d-block text-white mb-5px">Types of cares</span>
<ul>
<li><a href="demo-elder-care-services-details.html">Senior citizen</a></li>
<li><a href="demo-elder-care-services-details.html">Residential care</a></li>
<li><a href="demo-elder-care-services-details.html">Skilled nursing</a></li>
<li><a href="demo-elder-care-services-details.html">Personal care</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 xs-mb-35px">
<span class="fw-600 d-block text-white mb-5px">Donation us</span>
<p class="w-90 mb-10px sm-w-100">Your donation supports mission cause. Every contribution matters, enabling us to goal.</p>
<div><a href="demo-elder-care-contact.html" class="text-decoration-line-bottom text-white fw-600">Donate now</a></div>
</div>
<div class="col-lg-3 col-md-12 col-sm-6 text-sm-start text-center md-mt-35px sm-mt-0">
<span class="fw-600 d-block text-white mb-5px">Subscribe our newsletter</span>
<p class="mb-20px w-95 md-w-100">Subscribe our newsletter to get the latest news and updates.</p>
<div class="d-inline-block w-100 newsletter-style-02 position-relative">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="bg-white-transparent-extra-light border-color-transparent w-100 form-control border-radius-6px required" type="email" name="email" placeholder="Enter your email" />
<input type="hidden" name="redirect" value>
<button class="btn pe-20px submit" aria-label="submit"><i class="feather icon-feather-mail icon-small text-white"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
</form>
</div>
</div>
</div>
<div class="border-top border-color-transparent-white-light pt-30px pb-30px">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-8 last-paragraph-no-margin text-center text-xl-start lg-mt-20px ps-md-0 order-3 order-xl-1">
<p class="fs-15 mb-0 w-90 xl-w-100">This site is protected by reCAPTCHA and the Google <a href="demo-elder-care-services-details.html#" class="text-white">privacy policy</a> and terms of service apply.</p>
<p class="fs-15 w-90 xl-w-100">&copy; 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-white">ThemeZaa</a></p>
</div>
<div class="col-12 col-xl-2 col-md-3 col-sm-5 text-center text-xl-start order-1 order-xl-2 xs-mb-35px">
<span class="d-block">Need support?</span>
<a href="tel:1800222000" class="fs-16 text-white fw-500">1 800 222 000</a>
</div>
<div class="col-12 col-xl-2 col-md-3 col-sm-5 text-center text-xl-start order-2 order-xl-3">
<span class="d-block">Customer care</span>
<a href="cdn-cgi/l/email-protection.html#147d7a727b54707b79757d7a3a777b79" class="fs-16 text-white fw-500"><span class="__cf_email__" data-cfemail="2f464149406f4b40424e4641014c4042">[email&#160;protected]</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-elder-care-services-details.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>