808 lines
39 KiB
PHP
808 lines
39 KiB
PHP
<!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 you’ll 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">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: #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> |