first commit

This commit is contained in:
CHIEFSOFT\ameye
2024-06-18 14:00:40 -04:00
commit 0429395219
1222 changed files with 167593 additions and 0 deletions
+808
View File
@@ -0,0 +1,808 @@
<!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>