<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>HealthRader - Artificial Intelligence Dedicated to your Care</title>

    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/all.min.css">
    <link rel="stylesheet" href="./assets/css/animate.css">
    <link rel="stylesheet" href="./assets/css/nice-select.css">
    <link rel="stylesheet" href="./assets/css/owl.min.css">
    <link rel="stylesheet" href="./assets/css/jquery-ui.min.css">
    <link rel="stylesheet" href="./assets/css/magnific-popup.css">
    <link rel="stylesheet" href="./assets/css/flaticon.css">
    <link rel="stylesheet" href="./assets/css/main.css">
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
</head>

<body>
<!--============= ScrollToTop Section Starts Here =============-->
<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<a href="#0" class="scrollToTop"><i class="fas fa-angle-up"></i></a>
<div class="overlay"></div>
<!--============= ScrollToTop Section Ends Here =============-->


<!--============= Header Section Starts Here =============-->
<header class="header-section header-cl-black">
    <div class="container">
        <div class="header-wrapper">
            <div class="logo">
                <a href="/">
                    <img src="./assets/images/logo/logo2.png" alt="logo">
                </a>
            </div>
            <ul class="menu">
                <li>
                    <a href="/">Home</a>
                </li>

                <li>
                    <a href="/">Blog</a>
                </li>
                <li>
                    <a href="/">Contact</a>
                </li>
                <li class="d-sm-none">
                    <a href="#download-app" class="m-0 header-button">Get HealthRader</a>
                </li>
            </ul>
            <div class="header-bar d-lg-none">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="header-right">
                <a href="#download-app" class="header-button d-none d-sm-inline-block">Get HealthRader</a>
            </div>
        </div>
    </div>
</header>
<!--============= Header Section Ends Here =============-->


<!--============= Banner Section Starts Here =============-->
<section class="banner-20 pos-rel oh bg_img" data-background="./assets/images/extra-2/banner/banner-bg-20.jpg">
    <div class="container">
        <div class="row flex-wrap-reverse align-items-center justify-content-lg-between">
            <div class="col-lg-5">
                <div class="banner-thumb-20 rtl">
                    <img src="./assets/images/extra-2/banner/banner-20.png" alt="extra-2/banner">
                </div>
            </div>
            <div class="col-lg-6 p-lg-0">
                <div class="banner-content-20">
                    <h1 class="title">Artificial Intelligence Dedicated to your Care</h1>
                    <p>
                        Intuitive and productive healthcare connect with AI
                    </p>
                    <a href="#download-app" class="button-4">Get Started</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--============= Banner Section Ends Here =============-->


<!--============= Feature Section Starts Here =============-->
<section id="features" class="feature-section ovelflow-hidden padding-bottom padding-top">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-9">
                <div class="section-header mw-100">
                    <h5 class="cate">Features</h5>
                    <h2 class="title">Your HealthCare That Knows You</h2>
                    <p class="mx-auto mw-540px">
                        Health in motion that intelligently relates you to optimal care options.
                    </p>
                </div>
            </div>
        </div>
        <div class="feature-wrapper-20">
            <div class="feature-wrapper-bg-20 bg_img" data-background="./assets/images/extra-2/feature/feature-bg.png">
                <div class="row align-items-center">
                    <div class="col-lg-6 d-none d-lg-block">
                        <div class="feature-thumb-20 rtl">
                            <img src="./assets/images/extra-2/feature/phone.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="feature-content-20 cl-white">
                            <div class="feature-content-slider-20 owl-theme owl-carousel">
                                <div class="feature-content-item-20">
                                    <div class="feature-content-icon-20">
                                        <img src="./assets/images/extra-2/feature/01.png" alt="extra-2/feature">
                                    </div>
                                    <h3 class="title">
                                        Seamless team-collaboration & task assignment
                                    </h3>
                                    <p>
                                        HealthRader is a next-generation personal care advocacy platform with answers to questions specific to your benefits and care goals.
                                    </p>
                                </div>
                                <div class="feature-content-item-20">
                                    <div class="feature-content-icon-20">
                                        <img src="./assets/images/extra-2/feature/01.png" alt="extra-2/feature">
                                    </div>
                                    <h3 class="title">
                                        Next-level personal care platform.
                                    </h3>
                                    <p>
                                        HealthRader offers a more thoughtful way to manage your health-related tasks and responsibilities by providing connected care with valuable insights.
                                    </p>
                                </div>
                                <div class="feature-content-item-20">
                                    <div class="feature-content-icon-20">
                                        <img src="./assets/images/extra-2/feature/01.png" alt="extra-2/feature">
                                    </div>
                                    <h3 class="title">
                                        Valuable insights that inspire your choice outcomes.
                                    </h3>
                                    <p>
                                        Care data that helps collect and relate possible health data with your choice of insight, providing you with personalized and relevant information for your health management.
                                    </p>
                                </div>
                                <div class="feature-content-item-20">
                                    <div class="feature-content-icon-20">
                                        <img src="./assets/images/extra-2/feature/01.png" alt="extra-2/feature">
                                    </div>
                                    <h3 class="title">
                                        Connect all your care to one focus - ease of use.
                                    </h3>
                                    <p>
                                        Nunc eleifend ligula augue, quis varius diam aliquet id. Mauris rhoncus ex nec ultricies venenatis. Sed semper lacus efficitur metus scelerisque, ac tristique sapien aliquet.
                                    </p>
                                </div>
                            </div>
                            <div class="feat-nav mt-4">
                                <a href="#0" class="feat-prev"><i class="flaticon-left"></i></a>
                                <a href="#0" class="feat-next active"><i class="flaticon-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--============= Feature Section Ends Here =============-->


<section id="download-app" class="apps-screenshot-section-20 padding-top padding-bottom pb-max-lg-0 overflow-hidden position-relative">
    <div class="app-screenshot-20 d-none d-lg-flex">

    </div>
    <div class="container">
        <div class="row justify-content-lg-between justify-content-center align-items-center flex-wrap-reverse">
            <div class="col-md-8 col-lg-7 col-xl-8">
                <div class="app-screenshot-slider-20 owl-theme owl-carousel">
                    <div class="thumbs">
                        <img src="./assets/images/extra-2/screenshot/group1.png" alt="extra-2/screenshot">
                    </div>
                    <div class="thumbs">
                        <img src="./assets/images/extra-2/screenshot/group2.png" alt="extra-2/screenshot">
                    </div>
                    <div class="thumbs">
                        <img src="./assets/images/extra-2/screenshot/group1.png" alt="extra-2/screenshot">
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-xl-4">
                <div class="mb-3 mb-lg-0">
                    <div class="section-header left-style mb-olpo">
                        <h5 class="cate">Available in both Apple & Android app stores</h5>
                        <h2 class="title">Your App
                            Screenshots</h2>
                        <p>The only app you’ll need to power your super
                            personal health is available in both the Android and Apple store
                            .</p>
                        <div class="feat-nav mt-0">
                            <a href="#0" class="feat-prev"><i class="flaticon-left"></i></a>
                            <a href="#0" class="feat-next active"><i class="flaticon-right"></i></a>
                        </div>
                    </div>
                    <h6 class="title mb-4">Ready to get started?</h6>
                    <ul class="download-options justify-content-start download-option-20">
                        <li>
                            <a href="#0" class="active"><i class="fab fa-apple"></i></a>
                            <span>Android</span>
                        </li>
                        <li>
                            <a href="#0"><i class="fab fa-android"></i></a>
                            <span>ios</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>


<!--============= Testimonial Section Starts Here =============-->
<section class="testimonial-section up--down--overflow section-bg padding-bottom padding-top">
    <div class="container">
        <div class="row flex-wrap-reverse align-items-center mb-30-none">
            <div class="col-lg-6">
                <div class="row align-items-center mb-30-none">
                    <div class="col-md-6">
                        <div class="review-item-20">
                            <div class="review-item-header">
                                <div class="thumb">
                                    <img src="./assets/images/client/client03.png" alt="extra-2/client">
                                </div>
                                <div class="content">
                                    <h6 class="title">Rudy Riley</h6>
                                    <span class="info">CEO & Founder</span>
                                </div>
                            </div>
                            <div class="ratings">
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                            </div>
                            <blockquote>
                                “Always think outside the box and embrace opportunities that appear, wherever they might be.”
                            </blockquote>
                            <strong>Awesome App!</strong>
                        </div>
                        <div class="review-item-20 active">
                            <div class="review-item-header">
                                <div class="thumb">
                                    <img src="./assets/images/client/client02.png" alt="extra-2/client">
                                </div>
                                <div class="content">
                                    <h6 class="title">Rudy Riley</h6>
                                    <span class="info">CEO & Founder</span>
                                </div>
                            </div>
                            <div class="ratings">
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                            </div>
                            <blockquote>
                                “Always think outside the box and embrace opportunities that appear, wherever they might be.”
                            </blockquote>
                            <strong>Awesome App!</strong>
                        </div>
                        <div class="review-item-20">
                            <div class="review-item-header">
                                <div class="thumb">
                                    <img src="./assets/images/client/client01.png" alt="extra-2/client">
                                </div>
                                <div class="content">
                                    <h6 class="title">Rudy Riley</h6>
                                    <span class="info">CEO & Founder</span>
                                </div>
                            </div>
                            <div class="ratings">
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                            </div>
                            <blockquote>
                                “Always think outside the box and embrace opportunities that appear, wherever they might be.”
                            </blockquote>
                            <strong>Awesome App!</strong>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="review-item-20">
                            <div class="review-item-header">
                                <div class="thumb">
                                    <img src="./assets/images/client/client04.png" alt="extra-2/client">
                                </div>
                                <div class="content">
                                    <h6 class="title">Rudy Riley</h6>
                                    <span class="info">CEO & Founder</span>
                                </div>
                            </div>
                            <div class="ratings">
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                            </div>
                            <blockquote>
                                “Always think outside the box and embrace opportunities that appear, wherever they might be.”
                            </blockquote>
                            <strong>Awesome App!</strong>
                        </div>
                        <div class="review-item-20">
                            <div class="review-item-header">
                                <div class="thumb">
                                    <img src="./assets/images/client/client05.png" alt="extra-2/client">
                                </div>
                                <div class="content">
                                    <h6 class="title">Rudy Riley</h6>
                                    <span class="info">CEO & Founder</span>
                                </div>
                            </div>
                            <div class="ratings">
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                                <span><i class="fas fa-star"></i></span>
                            </div>
                            <blockquote>
                                “Always think outside the box and embrace opportunities that appear, wherever they might be.”
                            </blockquote>
                            <strong>Awesome App!</strong>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="mb-5 mb-lg-0">
                    <div class="section-header left-style mb-olpo">
                        <h5 class="cate">Testimonials</h5>
                        <h2 class="title">Don’t just take our word for it!</h2>
                        <p>Thousands of professionals and business are already enjoying Apps. Hear what some of they are saying!</p>
                    </div>
                    <a href="#0" class="button-4">get started</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--============= Testimonial Section Ends Here =============-->


<!--============= Apps Download Section Starts Here =============-->
<section class="apps-download-section overflow-hidden padding-top padding-bottom body--bg">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-9">
                <div class="section-header mw-100">
                    <h5 class="cate">An Exhaustive list of Amazing Features</h5>
                    <h2 class="title">Ready to take your productivity to the next level?</h2>
                    <p class="mx-auto mw-540px">
                        Are you ready to make the leap? Download Apps for iOS or Android today — it's free.
                    </p>
                </div>
            </div>
        </div>
        <div class="apps-download-buttons-20">
            <h6 class="title cl-white text-center mb-4">Ready to get started?</h6>
            <ul class="download-options">
                <li>
                    <a href="#0" class="active"><i class="fab fa-apple"></i></a>
                    <span class="cl-white">Android</span>
                </li>
                <li>
                    <a href="#0"><i class="fab fa-android"></i></a>
                    <span class="cl-white">ios</span>
                </li>
            </ul>
        </div>
        <div class="apps-download-screen-20">
            <div class="apps-download-bg d-flex justify-content-center align-items-center">
                <img src="./assets/images/extra-2/screenshot/mocup.png" alt="extra-2/screenshot">
            </div>
            <div class="apps-download-thumb">
                <img src="./assets/images/extra-2/screenshot/mocup-screen.png" alt="extra-2/screenshot">
            </div>
        </div>
    </div>
</section>
<!--============= Apps Download Section Ends Here =============-->


<!--============= Footer Section Starts Here =============-->
<footer class="footer-section"  style="background-color: #373099;">
<!--    <footer class="footer-section bg_img" data-background="./assets/images/extra-2/footer/footer-bg.png">-->
    <div class="container">
        <div class="footer-top padding-top padding-bottom">
            <div class="logo">
                <a href="#0">
                    <img src="./assets/images/logo/footer-logo.png" alt="logo">
                </a>
            </div>
            <ul class="social-icons light-border-color">
                <li>
                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li>
                    <a href="#0" class="active"><i class="fab fa-twitter"></i></a>
                </li>
                <li>
                    <a href="#0"><i class="fab fa-pinterest-p"></i></a>
                </li>
                <li>
                    <a href="#0"><i class="fab fa-google-plus-g"></i></a>
                </li>
                <li>
                    <a href="#0"><i class="fab fa-instagram"></i></a>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <ul class="footer-link light-border-color">
                <li>
                    <a href="#0">About</a>
                </li>
                <li>
                    <a href="#0">FAQs</a>
                </li>
                <li>
                    <a href="#0">Contact</a>
                </li>
                <li>
                    <a href="#0">Terms of Service</a>
                </li>
                <li>
                    <a href="#0">Privacy</a>
                </li>
            </ul>
        </div>
        <div class="copyright light-border">
            <p>
                Copyright © <span class="currentYear"></span>.All Rights Reserved By <a href="#0">HealthRader</a>
            </p>
        </div>
    </div>
</footer>
<!--============= Footer Section Ends Here =============-->

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/modernizr-3.6.0.min.js"></script>
<script src="./assets/js/plugins.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/magnific-popup.min.js"></script>
<script src="./assets/js/jquery-ui.min.js"></script>
<script src="./assets/js/wow.min.js"></script>
<script src="./assets/js/waypoints.js"></script>
<script src="./assets/js/nice-select.js"></script>
<script src="./assets/js/owl.min.js"></script>
<script src="./assets/js/counterup.min.js"></script>
<script src="./assets/js/paroller.js"></script>
<script src="./assets/js/main.js"></script>
</body>

</html>