Files
RaderHealthWeb/app/Views/welcome_message.php
T
CHIEFSOFT\ameye 0429395219 first commit
2024-06-18 14:00:40 -04:00

808 lines
39 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 - Software and App Landing Pages HTML Template</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.png" 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="index.html">
<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="#0" 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">
<select class="select-bar">
<option value="en">En</option>
<option value="Bn">Bn</option>
<option value="pk">Pk</option>
<option value="Fr">Fr</option>
</select>
<a href="#0" 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">
<a href="https://www.youtube.com/watch?v=Djz8Nc0Qxwk" class="video-button popup">
<i class="flaticon-play"></i></a>
</div>
</div>
<div class="col-lg-6 p-lg-0">
<div class="banner-content-20">
<h1 class="title">The Most
Intuitive App
For Your Needs</h1>
<p>
A simple, yet effective way to be more productive
</p>
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
</div>
</section>
<!--============= Banner Section Ends Here =============-->
<!--============= Logo Slider Section Starts Here =============-->
<section class="logo-slider-section section-bg padding-bottom padding-top">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 text-center mb-4 mb-lg-5">
<h5 class="title">Trusted by the World's Best Team</h5>
</div>
</div>
<div class="logo-slider owl-theme owl-carousel">
<div class="item">
<img src="./assets/images/banner/banner16/01.png" alt="banner">
</div>
<div class="item">
<img src="./assets/images/banner/banner16/02.png" alt="banner">
</div>
<div class="item">
<img src="./assets/images/banner/banner16/03.png" alt="banner">
</div>
<div class="item">
<img src="./assets/images/banner/banner16/04.png" alt="banner">
</div>
<div class="item">
<img src="./assets/images/banner/banner16/05.png" alt="banner">
</div>
<div class="item">
<img src="./assets/images/banner/banner16/06.png" alt="banner">
</div>
</div>
</div>
</section>
<!--============= Logo Slider Section Ends Here =============-->
<!--============= Feature Section Starts Here =============-->
<section 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">Powerful features to Supercharge your productivity</h2>
<p class="mx-auto mw-540px">
Numerous features make it possible to customize the system in accordance with all your needs.
</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>
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 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>
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 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>
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 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>
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 =============-->
<!--============= How Section Starts Here =============-->
<section class="how-section-20 ovelflow-hidden">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-4 col-xl-3">
<div class="move-top--lg-70">
<div class="section-header left-style mb-olpo">
<h5 class="cate">How it works</h5>
<h2 class="title">Simple
Process
to Start</h2>
<p>It's easier than you think.
Follow 3 simple easy steps</p>
</div>
<div class="how-item-wrapper-20">
<div class="how-item-20">
<h6 class="title">Create an Account</h6>
<div class="how-thumb">
<img src="./assets/images/extra-2/how/1.png" alt="how">
</div>
</div>
<div class="how-item-20">
<h6 class="title">Configure</h6>
<div class="how-thumb">
<img src="./assets/images/extra-2/how/2.png" alt="how">
</div>
</div>
<div class="how-item-20">
<h6 class="title">Automation</h6>
<div class="how-thumb">
<img src="./assets/images/extra-2/how/3.png" alt="how">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 col-xl-9">
<div class="how-slider-wrapper mt-4 mt-lg-0 ml--lg-78 mr--lg-65">
<div class="how-slider-20 owl-theme owl-carousel">
<div class="thumbs">
<img src="./assets/images/extra-2/feature/phone2.png" alt="extra-2/feature">
</div>
<div class="thumbs">
<img src="./assets/images/extra-2/feature/phone3.png" alt="extra-2/feature">
</div>
<div class="thumbs">
<img src="./assets/images/extra-2/feature/phone2.png" alt="extra-2/feature">
</div>
<div class="thumbs">
<img src="./assets/images/extra-2/feature/phone3.png" alt="extra-2/feature">
</div>
</div>
<div class="dots-2"></div>
</div>
</div>
</div>
</div>
</section>
<!--============= How Section Ends Here =============-->
<!--============= Pricing Section Starts Here =============-->
<section 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">
<img src="./assets/images/extra-2/screenshot/background.png" alt="extra-2/screenshot">
</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">A beautiful way to present</h5>
<h2 class="title">Your App
Screenshots</h2>
<p>The only app youll need to power your
life.App store screenshots are among the
main factors that drive app downloads.</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>
<!--============= Pricing Section Starts Here =============-->
<!--============= Pricing Section Starts Here =============-->
<section class="pricing-section-20 body--bg position-relative padding-bottom padding-top">
<div class="container">
<div class="section-header">
<h5 class="cate">An Exhaustive list of Amazing Features</h5>
<h2 class="title">Simple,Affordable
Pricing Plans.</h2>
<p>
HealthRader has plans, from free to paid, that scale with your needs. Subscribe to a plan that fits the size of your business.
</p>
</div>
<div class="tab">
<ul class="tab-menu pricing-menu cl-black">
<li class="active">Monthly</li>
<li>Yearly</li>
</ul>
<div class="tab-area">
<div class="tab-item active">
<div class="row mb-30-none justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="pricing-item-20">
<div class="pricing-header">
<span class="name">BRONXE</span>
<h2 class="price"><sup>$</sup>15.99</h2>
<span class="info">Per Month</span>
</div>
<div class="pricing-body">
<ul>
<li>
10 projects
</li>
<li>
Unlimited hosted projects
</li>
<li>
Real-Time Feedback
</li>
<li>
Code export
</li>
<li>
24/7 Chat Support
</li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="pricing-item-20">
<div class="pricing-header">
<span class="name">SILVER</span>
<h2 class="price"><sup>$</sup>35.99</h2>
<span class="info">Per Month</span>
</div>
<div class="pricing-body">
<ul>
<li>
10 projects
</li>
<li>
Unlimited hosted projects
</li>
<li>
Real-Time Feedback
</li>
<li>
Code export
</li>
<li>
24/7 Chat Support
</li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="pricing-item-20">
<div class="pricing-header">
<span class="name">GOLD</span>
<h2 class="price"><sup>$</sup>65.99</h2>
<span class="info">Per Month</span>
</div>
<div class="pricing-body">
<ul>
<li>
10 projects
</li>
<li>
Unlimited hosted projects
</li>
<li>
Real-Time Feedback
</li>
<li>
Code export
</li>
<li>
24/7 Chat Support
</li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-item">
<div class="row mb-30-none justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="pricing-item-20">
<div class="pricing-header">
<span class="name">BRONXE</span>
<h2 class="price"><sup>$</sup>15.99</h2>
<span class="info">Per Month</span>
</div>
<div class="pricing-body">
<ul>
<li>
10 projects
</li>
<li>
Unlimited hosted projects
</li>
<li>
Real-Time Feedback
</li>
<li>
Code export
</li>
<li>
24/7 Chat Support
</li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="pricing-item-20">
<div class="pricing-header">
<span class="name">SILVER</span>
<h2 class="price"><sup>$</sup>35.99</h2>
<span class="info">Per Month</span>
</div>
<div class="pricing-body">
<ul>
<li>
10 projects
</li>
<li>
Unlimited hosted projects
</li>
<li>
Real-Time Feedback
</li>
<li>
Code export
</li>
<li>
24/7 Chat Support
</li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="pricing-item-20">
<div class="pricing-header">
<span class="name">GOLD</span>
<h2 class="price"><sup>$</sup>65.99</h2>
<span class="info">Per Month</span>
</div>
<div class="pricing-body">
<ul>
<li>
10 projects
</li>
<li>
Unlimited hosted projects
</li>
<li>
Real-Time Feedback
</li>
<li>
Code export
</li>
<li>
24/7 Chat Support
</li>
</ul>
</div>
<div class="pricing-footer text-center">
<a href="#0" class="button-4">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--============= Pricing Section Ends Here =============-->
<!--============= 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">Dont 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: #0c5460;">
<!-- <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>