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

<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- SITE TITLE -->
    <title>HealthRader - Artificial Intelligence Dedicated to your Care</title>
    <!-- Latest Bootstrap min CSS -->
    <link rel="stylesheet" href="/asset/bootstrap/css/bootstrap.min.css">
    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Prata&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=David+Libre:wght@400;500;700&display=swap" rel="stylesheet">
    <!-- Font Awesome CSS -->
    <link rel="stylesheet" href="/asset/fonts/font-awesome.min.css">
    <!--- owl carousel Css-->
    <link rel="stylesheet" href="/asset/owlcarousel/css/owl.carousel.css">
    <link rel="stylesheet" href="/asset/owlcarousel/css/owl.theme.css">
    <!-- All Min Css -->
    <link rel="stylesheet" href="/asset/css/all.min.css">
    <link rel="stylesheet" href="/asset/css/fontawesome.min.css">
    <!--jquery-simple-mobilemenu Css-->
    <link rel="stylesheet" href="/asset/css/jquery-simple-mobilemenu.css">
    <!-- MAGNIFIC CSS -->
    <link rel="stylesheet" href="/asset/css/magnific-popup.css">
    <!-- Popup CSS -->
    <link rel="stylesheet" href="/asset/css/popup.css">
    <!-- animate CSS -->
    <link rel="stylesheet" href="/asset/css/animate.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="/asset/css/style.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<!-- START PRELOADER -->
<div class="preloader">
    <div class="status">
        <div class="status-mes"></div>
    </div>
</div>
<!-- END PRELOADER -->

<!-- Start Cursor Pointer -->
<div class="mouse-follower">
    <span class="cursor-outline"></span>
    <span class="cursor-dot"></span>
</div>
<!-- End Cursor Pointer -->

<section id="home" class="home_bg">
    <!-- START NAVBAR -->
    <div id="navigation" class="navbar-light bg-faded site-navigation">
        <div class="container">
            <div class="row">
                <div class="col-20 align-self-center">
                    <div class="site-logo">
                        <a href="/"><img src="/asset/img/logo.png" alt=""></a>
                    </div>
                </div><!--- END Col -->

                <div class="col-60 d-flex">
                    <nav id="main-menu">
                        <ul>
                            <li><a href="#home">Home</a></li>
                            <li><a href="#feature">Features</a></li>
                            <li><a href="#screenshots">Screenshots</a></li>
                            <!--                            <li><a href="#pricing">Pricing</a></li>-->
                            <li><a href="#download">Download</a></li>
                            <li><a href="#contact">Contact</a></li>
                        </ul>
                    </nav>
                </div><!--- END Col -->

                <div class="col-20 d-none d-xl-block text-end align-self-center">
                    <div class="call_to_action">
                        <!--							<a id="modal_trigger" class="btn_two" href="#modal">Login/Register</a>-->
                        <a class="btn_two" href="/">Login/Register</a>
                    </div><!--- END SOCIAL PROFILE -->
                </div><!--- END Col -->

                <ul class="mobile_menu">
                    <li><a href="/">Home</a></li>
                    <li><a href="#feature">Features</a></li>
                    <li><a href="#screenshots">Screenshots</a></li>
                    <!--                    <li><a href="#pricing">Pricing</a></li>-->
                    <li><a href="#download">Download</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div><!--- END ROW -->
        </div><!--- END CONTAINER -->
    </div>
    <!-- END NAVBAR -->

    <!-- START HOME -->
    <div class="home-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-sm-12 col-xs-12">
                    <div class="hero-text">
                        <h2>Artificial Intelligence Dedicated to your Care</h2>
                        <!--                        <p>Best way to promote your app. With this amazing template</p>-->
                        <div class="home_btn">
                            <a href="#" class="home-btn wow bounceIn" data-wow-delay=".6s"><i
                                    class="fa-brands fa-apple"></i> App Store</a>
                            <a href="#" class="home-btn-two wow bounceIn" data-wow-delay=".8s"><i
                                    class="fa-solid fa-play"></i> Google Play</a>
                        </div>
                    </div>
                </div><!--- END COL -->
                <div class="col-lg-5 col-sm-12 col-xs-12 text-center">
                    <div class="hero-text-img">
                        <img src="/asset/img/hero-image.svg" alt=""/>
                    </div>
                </div><!--- END COL -->
            </div><!--- END ROW -->
        </div><!--- END CONTAINER -->
    </div>
</section>
<!-- END  HOME -->

<!-- START ABOUT -->
<section id="feature" class="about-content">
    <div class="container">
        <div class="row text-center">
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single_about">
                    <!--                    <i class="fa-solid fa-database"></i>-->
                    <i class="fa-solid fa-user-doctor"></i>
                    <h4>Dedicated Agent</h4>
                    <p>A personalized advocate for provider and patients, ensuring everybody navigate through the
                        complexities of the healthcare system with ease. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single_about">
                    <!--                    <i class="fa-solid fa-pencil"></i>-->
                    <i class="fa-solid fa-link"></i>
                    <h4>Smart Orchestration</h4>
                    <p>Our dynamic solution is designed to streamline the coordination of healthcare services for
                        providers and patients alike. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single_about">
                    <!--                    <i class="fa-regular fa-tools"></i>-->
                    <i class="fa-solid fa-screwdriver-wrench"></i>
                    <h4>Replace Tools</h4>
                    <p>Our care advocacy platform provides answers to questions specific to your benefits and care goals in one place. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single_about">
                    <i class="fa-solid fa-robot"></i>
                    <h4>Automate More</h4>
                    <p>Health automation to ease the burden of repetitive manual tasks at all stages. We ensure efficiency is the driver. </p>
                </div>
            </div><!-- END COL-->
        </div><!-- END ROW-->
    </div><!-- END CONTAINER-->
</section>
<!-- END ABOUT -->

<!-- START FEATURED ONE -->
<section class="feature-one section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-sm-12 col-xs-12">
                <div class="single_feature_one">
                    <h3 class="visible-slowly-right">Your HealthCare <br/>That Knows You.</h3>
                    <p>Health in motion that intelligently relates you to optimal care options.</p>
                    <a class="single_feature_btn_light" href="#">Download App Now</a>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-7 col-sm-12 col-xs-12">
                <div class="single_feature_img">
                    <img class="img-fluid wow bounceIn" data-wow-delay=".6s" src="/asset/img/about-image-1.png" alt="">
                </div>
            </div><!-- END COL-->
        </div><!-- END ROW-->
    </div><!-- END CONTAINER-->
</section>
<!-- END FEATURED ONE -->

<!-- START FEATURED TWO -->
<section class="feature-two section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 col-sm-12 col-xs-12">
                <div class="single_feature_two_img">
                    <img class="img-fluid wow bounceIn" data-wow-delay=".6s" src="/asset/img/about-image-2.png" alt="">
                </div>
            </div><!-- END COL-->
            <div class="col-lg-5 col-sm-12 col-xs-12">
                <div class="single_feature_two">
                    <h3>Hand size solution to your care orchestration.</h3>
                    <p>We meet you at your convenience with all platform compatibility. </p>
                    <a class="single_feature_btn_light" href="#">Download App Now</a>
                </div>
            </div><!-- END COL-->
        </div><!-- END ROW-->
    </div><!-- END CONTAINER-->
</section>
<!-- END FEATURED TWO -->

<!-- START AMAZING FEATURES -->
<section class="amazing_feature">
    <div class="container">
        <div class="row">
            <div class="section-title text-center wow zoomIn">
                <h2>Amazing Features</h2>
                <div class="line"></div>
                <p>HealthRader. Built to deliver. Designed to protect.</p>
            </div>
            <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_feature">
                    <i class="fa-solid fa-heart"></i>
                    <h3>Intelligence</h3>
                    <span></span>
                    <p>Connect as many data sources as possible with ease, no hassle or code required, across all language platforms. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_feature">
                    <i class="fa-regular fa-lightbulb"></i>
                    <h3>Collaborate</h3>
                    <span></span>
                    <p>Our platform adapts to your team’s needs, learning from every interaction to deliver smarter, more effective support over time. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_feature">
                    <i class="fa-regular fa-message"></i>
                    <h3>Send Messages</h3>
                    <span></span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
                        aliquet. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_feature">
                    <i class="fa-solid fa-money-bill"></i>
                    <h3>Save Money</h3>
                    <span></span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
                        aliquet. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_feature">
                    <i class="fa-solid fa-location-crosshairs"></i>
                    <h3>Location Tracking</h3>
                    <span></span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
                        aliquet. </p>
                </div>
            </div><!-- END COL-->
            <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_feature">
                    <i class="fa-solid fa-globe"></i>
                    <h3>Multiple Language</h3>
                    <span></span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum ante vel aliquet euismod
                        aliquet. </p>
                </div>
            </div><!-- END COL-->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END AMAZING FEATURES -->

<!-- START HOW IT WORKS -->
<section class="template_how_it_work">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-4 col-sm-12 col-xs-12 no-padding">
                <div class="single_how_work">
                    <h4>why it is best</h4>
                    <span></span>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
                        the industry's standard dummy text ever since the when an unknown printer took a galley of type
                        and scrambled.</p>
                </div>
            </div><!--- END COL -->
            <div class="col-lg-4 col-sm-12 col-xs-12 no-padding">
                <div class="single_how_work_img">
                    <img src="/asset/img/how_it_work.jpg" class="img-fluid" alt=""/>
                </div>
            </div><!--- END COL -->
            <div class="col-lg-4 col-sm-12 col-xs-12 no-padding">
                <div class="single_how_work">
                    <h4>how it works</h4>
                    <span></span>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
                        the industry's standard dummy text ever since the when an unknown printer took a galley of type
                        and scrambled.</p>
                </div>
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END HOW IT WORKS  -->

<!-- START COUNTER -->
<section class="count_area counter_feature">
    <div class="container">
        <div class="row count_bg">
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single-project">
                    <h2 class="counter-num">34</h2>
                    <h4>Years <br/> Experience</h4>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single-project">
                    <h2 class="counter-num">99</h2>
                    <h4>Customer <br/> Satisfaction</h4>
                </div>
            </div><!-- END COL -->
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single-project">
                    <h2 class="counter-num">184</h2>
                    <h4>Awards <br/> Winner</h4>
                </div>
            </div><!-- END COL -->
            <div class="col-lg-3 col-sm-6 col-xs-12">
                <div class="single-project">
                    <h2 class="counter-num">541</h2>
                    <h4>Porject <br/> Complete</h4>
                </div>
            </div><!-- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END  HOME COUNTER -->

<!-- START APP SCREENSHOT  -->
<section id="screenshots" class="app-screenshot section-padding">
    <div class="container">
        <div class="row">
            <div class="section-title text-center wow zoomIn">
                <h2>Screenshots</h2>
                <div class="line"></div>
                <p>Our awesome app screenshot gallery here.</p>
            </div>
            <div class="col-md-12">
                <div class="s-slider">
                    <div class="item"><img src="/asset/img/screenshot/1.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/2.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/3.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/4.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/5.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/6.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/7.jpg" alt=""/></div>
                    <div class="item"><img src="/asset/img/screenshot/2.jpg" alt=""/></div>
                </div>
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END APP SCREENSHOT -->

<!-- START HOW IT WORKS -->
<section class="about_video">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12 text-center">
                <div class="video-container">
                    <a href="https://www.youtube.com/watch?v=RXv_uIN6e-Y" class="magnific_popup video-button"><i
                            class="fa fa-play"></i></a>
                    <h3>See our app on target in action</h3>
                </div>
                <!-- END VIDEO POPUP -->
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END HOW IT WORKS -->

<?php
//include_once 'part_pricing.php';
?>


<!-- START TEAM-->
<section class="team_member section-padding">
    <div class="container">
        <div class="section-title text-center wow zoomIn">
            <h2>Meet our Team</h2>
            <div class="line"></div>
            <p>Meet the HealthRader team member dedicated to innovative solutions that serve you.</p>
        </div>
        <div class="row text-center">
            <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"
                 data-wow-offset="0">
                <div class="our-team">
                    <div class="team_img">
                        <img src="/asset/img/team/1.jpg" alt="team-image">
                        <ul class="social">
                            <li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
                            <li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
<!--                            <li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>-->
                            <li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                    <div class="team-content">
                        <h3 class="title">Obax Noma</h3>
                        <span class="post">Products</span>
                    </div>
                </div>
            </div><!--- END COL -->
            <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s"
                 data-wow-offset="0">
                <div class="our-team">
                    <div class="team_img">
                        <img src="/asset/img/team/2.jpg" alt="team-image">
                        <ul class="social">
                            <li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
                            <li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
<!--                            <li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>-->
                            <li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                    <div class="team-content">
                        <h3 class="title">Toks Law</h3>
                        <span class="post">Solutions</span>
                    </div>
                </div>
            </div><!--- END COL -->
            <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"
                 data-wow-offset="0">
                <div class="our-team">
                    <div class="team_img">
                        <img src="/asset/img/team/3.jpg" alt="team-image">
                        <ul class="social">
                            <li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
                            <li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
<!--                            <li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>-->
                            <li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                    <div class="team-content">
                        <h3 class="title">Dr. Sanya</h3>
                        <span class="post">Research</span>
                    </div>
                </div>
            </div><!--- END COL -->
            <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s"
                 data-wow-offset="0">
                <div class="our-team">
                    <div class="team_img">
                        <img src="/asset/img/team/4.jpg" alt="team-image">
                        <ul class="social">
                            <li><a href="#" class="top_f_facebook"><i class="fa-brands fa-facebook"></i></a></li>
                            <li><a href="#" class="top_f_twitter"><i class="fa-brands fa-x-twitter"></i></a></li>
<!--                            <li><a href="#" class="top_f_instagram"><i class="fa-brands fa-instagram"></i></a></li>-->
                            <li><a href="#" class="top_f_linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                    <div class="team-content">
                        <h3 class="title">Olu Amey</h3>
                        <span class="post">Engineering</span>
                    </div>
                </div>
            </div><!--- END COL -->
        </div><!-- END ROW -->
    </div><!-- END CONTAINER -->
</section>
<!-- END TEAM -->
<?php
//include_once 'part_testimonial.php';
?>


<!-- START DOWNLOAD -->
<section id="download" class="download section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12 text-center">
                <div class="download_icon">
                    <h2>Now Available. Download the App now</h2>
                    <span></span>
                    <p><br /></p>
                    <a href="#" class="btn_light">App Store <i class="fa-brands fa-apple"></i></a>
                    <a href="#" class="btn_color">Play Store <i class="fa-solid fa-play"></i></a>
                </div>
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END DOWNLOAD -->

<?php
include_once 'part_faq.php';
?>

<!-- START NEWSLETTER -->
<section class="newsletter_area section-padding">
    <div class="container">
        <div class="row text-center">
            <div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12">
                <div class="subs_form">
                    <h3>Subscribe to our newsletter, We don't make any spam.</h3>
                    <p>We will notify you only about our new features and when we have a new publication in the forum.</p>
                    <form action="#" class="home_subs">
                        <input type="text" class="form-control subscribe__input" placeholder="Enter your Email Address"
                               required="required">
                        <button type="button" class="subscribe__btn"><i class="fa-regular fa-paper-plane"></i></button>
                    </form>
                </div>
            </div><!-- END COL -->
        </div><!-- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END NEWSLETTER -->

<!-- START CONTACT FORM-->
<section id="contact" class="contact_area section-padding">
    <div class="container">
        <div class="row">
            <div class="section-title text-center wow zoomIn">
                <h2>Say Hello</h2>
                <div class="line"></div>
                <p>If you have any question, get in touch here.</p>
            </div>
            <div class="col-lg-7 col-sm-12 col-xs-12">
                <div class="contact">
                    <form id="contactForm" class="contact-form" action="#" method="post">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" id="name" class="form-control" value=""
                                           placeholder="Steve Milner" required="" data-error="Please enter your Name"/>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="email" id="email" class="form-control" value=""
                                           placeholder="hello@websitename.com" required=""
                                           data-error="Please enter your Email"/>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" id="subject" class="form-control" value=""
                                           placeholder="Your Subject" required="" data-error="Please enter your Name"/>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea name="message" id="message" class="form-control" rows="4"
                                              placeholder="Write Your message" required=""
                                              data-error="Please Write your Message"></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    <button type="submit" class="btn_one">
                                        Send Me Message <i class="ri-mail-line"></i>
                                    </button>
                                    <div id="msgSubmit" class="hidden"></div>
                                </div>
                            </div>
                            <div class="col-md-12 text-center">
                                <p class="input-success">We have received your mail, We will get back to you soon!</p>
                                <p class="input-error">Sorry, Message could not send! Please try again.</p>
                            </div>
                        </div>
                    </form>
                </div>
            </div><!-- END COL -->
            <div class="col-lg-5 col-sm-12 col-xs-12">
                <div class="contact-address">
                    <!--                    <div class="single-address">-->
                    <!--                        <i class="fa-regular fa-map"></i>-->
                    <!--                        <h4>Our Location</h4>-->
                    <!--                        <p>3481 Melrose Place, Beverly Hills CA 90210</p>-->
                    <!--                    </div>-->
                    <!--                    <div class="single-address wow fadeInLeft">-->
                    <!--                        <i class="fa-solid fa-headphones"></i>-->
                    <!--                        <h4>Call us on</h4>-->
                    <!--                        <p>(+1) 517 397 7100 <br> (+1) 617 497 8200</p>-->
                    <!--                    </div>-->
                    <div class="single-address wow fadeInLeft">
                        <i class="fa-regular fa-envelope"></i>
                        <h4>Send your message</h4>
                        <p>Info@rader.app.<br>admin@rader.app</p>
                    </div>

                    <div class="contact_social">
                        <div class="contact_social">
                            <ul>
                                <li><a class="f_facebook" href="#"><i class="fa-brands fa-facebook"></i></a></li>
                                <li><a class="f_twitter" href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                                <li><a class="f_linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                                <li><a class="f_youtube" href="#"><i class="fa-brands fa-youtube"></i></a></li>
<!--                                <li><a class="f_skype" href="#"><i class="fa-brands fa-skype"></i></a></li>-->
                            </ul>
                        </div>
                    </div>
                </div><!--- END COL -->
            </div><!--- END ROW -->
        </div><!--- END CONTAINER -->
</section>
<!-- END CONTACT FORM -->

<!-- START FOOTER -->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-12 wow zoomIn">
                <div class="copyright">
                    <p>Copyright &copy; <?= date('Y') ?> | HealthRader.</p>
                </div><!--- END FOOTER COPYRIGHT -->
            </div><!--- END COL -->
            <div class="col-md-6 col-sm-6 col-xs-12 wow zoomIn">
                <div class="footer_menu">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Terms</a></li>
                        <!--                        <li><a href="#">Privacy Policy</a></li>-->
                        <!--                        <li><a href="#">Licenses</a></li>-->
                    </ul>
                </div>
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</div>
<!-- END FOOTER -->

<!-- START LOGIN -->
<div id="modal" class="popupContainer" style="display:none;">
    <header class="popupHeader">
        <span class="header_title">Login</span>
        <span class="modal_close"><i class="fa fa-times"></i></span>
    </header>

    <section class="popupBody">
        <!-- Social Login -->
        <div class="social_login">
            <div class="">
                <a href="#" class="social_box fb">
                    <span class="icon"><i class="fa-brands fa-facebook"></i></span>
                    <span class="icon_title">Connect with Facebook</span>

                </a>

                <a href="#" class="social_box google">
                    <span class="icon"><i class="fa-brands fa-x-twitter"></i></span>
                    <span class="icon_title">Connect with Twitter</span>
                </a>
            </div>

            <div class="centeredText">
                <span>Or use your Email address</span>
            </div>

            <div class="action_btns">
                <div class="one_half"><a href="#" id="login_form" class="abtn">Login</a></div>
                <div class="one_half last"><a href="#" id="register_form" class="abtn">Sign up</a></div>
            </div>
        </div>

        <!-- Username & Password Login form -->
        <div class="user_login">
            <form>
                <label>Email / Username</label>
                <input type="text"/>
                <br/>

                <label>Password</label>
                <input type="password"/>
                <br/>

                <div class="checkbox">
                    <input id="remember" type="checkbox"/>
                    <label for="remember">Remember me on this computer</label>
                </div>

                <div class="action_btns">
                    <div class="one_half"><a href="#" class="abtn back_btn"><i class="fa fa-angle-double-left"></i> Back</a>
                    </div>
                    <div class="one_half last"><a href="#" class="abtn">Login</a></div>
                </div>
            </form>

            <a href="#" class="forgot_password">Forgot password?</a>
        </div>

        <!-- Register Form -->
        <div class="user_register">
            <form>
                <label>Full Name</label>
                <input type="text"/>
                <br/>

                <label>Email Address</label>
                <input type="email"/>
                <br/>

                <label>Password</label>
                <input type="password"/>
                <br/>

                <div class="checkbox">
                    <input id="send_updates" type="checkbox"/>
                    <label for="send_updates">Send me occasional email updates</label>
                </div>

                <div class="action_btns">
                    <div class="one_half"><a href="#" class="abtn back_btn"><i class="fa fa-angle-double-left"></i> Back</a>
                    </div>
                    <div class="one_half last"><a href="#" class="abtn">Register</a></div>
                </div>
            </form>
        </div>
    </section>
</div>
<!-- END LOGIN -->


<!-- Latest jQuery -->
<script src="/asset/js/jquery-3.6.0.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
<script src="/asset/bootstrap/js/bootstrap.min.js"></script>
<!-- modernizer JS -->
<script src="/asset/js/modernizr-2.8.3.min.js"></script>
<!-- jquery-simple-mobilemenu.min -->
<script src="/asset/js/jquery-simple-mobilemenu.js"></script>
<!-- magnific-popup js -->
<script src="/asset/js/jquery.magnific-popup.min.js"></script>
<!-- GSAP AND LOCOMOTIV JS-->
<script src="/asset/js/gsap.min.js"></script>
<script src="/asset/js/ScrollTrigger.min.js"></script>
<script src="/asset/js/lenis.js"></script>
<!-- countTo js -->
<script src="/asset/js/jquery.inview.min.js"></script>
<!-- owl-carousel min js  -->
<script src="/asset/owlcarousel/js/owl.carousel.min.js"></script>
<!-- jquery leanModal min js -->
<script src="/asset/js/jquery.leanModal.min.js"></script>
<!-- login js -->
<script src="/asset/js/login.js"></script>
<!-- scrolltopcontrol js -->
<script src="/asset/js/scrolltopcontrol.js"></script>
<!-- WOW - Reveal Animations When You Scroll -->
<script src="/asset/js/wow.min.js"></script>
<!-- scripts js -->
<script src="/asset/js/scripts.js"></script>
</body>
</html>