Files
RaderHealthWeb/app/Views/index2.php
T
CHIEFSOFT\ameye 5fa3259909 New page data
2025-11-08 18:07:02 -05:00

961 lines
46 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 -->
<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>
<h4>Data in cloud</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore. </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>
<h4>Exclusive design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore. </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-face-laugh-beam"></i>
<h4>Enjoy it</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore. </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-phone"></i>
<h4>24/7 support</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore. </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>Additional effects <br> unique to app</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore. </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>We've got a lot of amaing and cool features.</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>Made with Love</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-regular fa-lightbulb"></i>
<h3>Powerful Settings</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-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>Creative way to Showcase your App</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 Experts</h2>
<div class="line"></div>
<p>Meet Shefa team member to get faster support within minute.</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">Stephen Cronin</h3>
<span class="post">Designer</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">Rachel Park</h3>
<span class="post">Developer</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">Dan Billson</h3>
<span class="post">Marketer</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">Gina Mellow</h3>
<span class="post">Co-founder</span>
</div>
</div>
</div><!--- END COL -->
</div><!-- END ROW -->
</div><!-- END CONTAINER -->
</section>
<!-- END TEAM -->
<!-- START TESTIMONIAL -->
<section class="testimonial_area section-padding">
<div class="container">
<div class="row">
<div class="section-title text-center wow zoomIn">
<h2>Testimonial</h2>
<div class="line"></div>
<p>What users saying about Shefa.</p>
</div>
<div class="col-lg-12">
<div id="testimonial-slider" class="owl-carousel">
<div class="testimonial">
<div class="testi_pic_title">
<div class="pic">
<img src="/asset/img/testimonial/1.jpg" alt="">
</div>
<h4>Kallu Shefa</h4>
<small class="post">Bissa Batpar</small>
</div>
<p>I immediately shared the results with a friend who couldnt believe it was written by an AI.
is worth every Yaley and then some. Describe my business along with my business name.</p>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div><!-- END TESTIMONIAL -->
<div class="testimonial">
<div class="testi_pic_title">
<div class="pic">
<img src="/asset/img/testimonial/2.jpg" alt="">
</div>
<h4>Kader Kaku</h4>
<small class="post">Mitthay Expert</small>
</div>
<p>I immediately shared the results with a friend who couldnt believe it was written by an AI.
is worth every Yaley and then some. Describe my business along with my business name.</p>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div><!-- END TESTIMONIAL -->
<div class="testimonial">
<div class="testi_pic_title">
<div class="pic">
<img src="/asset/img/testimonial/3.jpg" alt="">
</div>
<h4>Mittha Hasina</h4>
<small class="post">Lotpat Company</small>
</div>
<p>I immediately shared the results with a friend who couldnt believe it was written by an AI.
is worth every Yaley and then some. Describe my business along with my business name.</p>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div><!-- END TESTIMONIAL -->
<div class="testimonial">
<div class="testi_pic_title">
<div class="pic">
<img src="/asset/img/testimonial/4.jpg" alt="">
</div>
<h4>Hasau Mahmud</h4>
<small class="post">Shefa group</small>
</div>
<p>I immediately shared the results with a friend who couldnt believe it was written by an AI.
is worth every Yaley and then some. Describe my business along with my business name.</p>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div><!-- END TESTIMONIAL -->
<div class="testimonial">
<div class="testi_pic_title">
<div class="pic">
<img src="/asset/img/testimonial/1.jpg" alt="">
</div>
<h4>Kutta Leauge</h4>
<small class="post">Kutta iNC</small>
</div>
<p>I immediately shared the results with a friend who couldnt believe it was written by an AI.
is worth every Yaley and then some. Describe my business along with my business name.</p>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div><!-- END TESTIMONIAL -->
</div><!-- END TESTIMONIAL SLIDER -->
</div><!-- END COL -->
</div><!-- END ROW -->
</div><!--- END CONTAINER -->
</section>
<!-- END TESTIMONIAL -->
<!-- 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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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 -->
<!-- START FAQ -->
<section class="faq_area section-padding">
<div class="container">
<div class="section-title text-center wow zoomIn">
<h2>Frequently Asked Questions</h2>
<div class="line"></div>
<p>Get your Answer today</p>
</div>
<div class="row justify-content-center">
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What does it take excellent author?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Great value and so easy to use and saves me so much time! I was shocked by how much time
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
use.
</div>
</div>
</div><!-- END ACCORDION ITEM -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Who will view my content?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Great value and so easy to use and saves me so much time! I was shocked by how much time
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
use.
</div>
</div>
</div><!-- END ACCORDION ITEM -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What does it take become an author?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Great value and so easy to use and saves me so much time! I was shocked by how much time
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
use.
</div>
</div>
</div><!-- END ACCORDION ITEM -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
How to Change my Password easily?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Great value and so easy to use and saves me so much time! I was shocked by how much time
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
use.
</div>
</div>
</div><!-- END ACCORDION ITEM -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
How does it create content?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Great value and so easy to use and saves me so much time! I was shocked by how much time
and brain energy it saved me. Simple & easy gotta love that. Great value and so easy to
use.
</div>
</div>
</div><!-- END ACCORDION ITEM -->
</div>
</div><!-- END COL -->
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="pt_faq">
<img src="/asset/img/faq.jpg" class="img-fluid" alt="image"/>
</div>
</div><!-- END COL -->
</div><!--END ROW -->
</div><!--- END CONTAINER -->
</section>
<!-- END FAQ -->
<!-- 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>Subscripbe to our newsletter, We don't make any spam.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim</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') ?> | Rader.</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>