Files
CHIEFSOFT\ameye b5467cdcd6 Added pages
2026-02-28 12:15:41 -05:00

1899 lines
76 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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.
{% load static %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="ChiefSoft Works">
<meta name="description" content="A.I. enabled healthcare">
<meta name="keywords"
content="SmartHealth Personal Care Health Research Surveys Diagnosis Machine Learning Health Mobility">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SITE TITLE -->
<title>Smart Care by {{name}}</title>
<!-- FAVICON AND TOUCH ICONS -->
<link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
<link rel="icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
<link rel="apple-touch-icon" sizes="152x152" href="{% static 'images/apple-touch-icon-152x152.png' %}">
<!-- <link rel="apple-touch-icon" sizes="120x120" href="{% static 'images/apple-touch-icon-120x120.png' %}">-->
<!-- <link rel="apple-touch-icon" sizes="76x76" href="{% static 'images/apple-touch-icon-76x76.png' %}">-->
<link rel="apple-touch-icon" href="{% static 'images/apple-touch-icon.png' %}">
<link rel="icon" href="{% static 'images/apple-touch-icon.png' %} " type="image/x-icon">
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&amp;display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap"
rel="stylesheet">
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/flaticon.css' %}" rel="stylesheet">
<!-- PLUGINS STYLESHEET -->
<link href="{% static 'css/menu.css' %}" rel="stylesheet">
<link id="effect" href="{% static 'css/dropdown-effects/fade-down.css' %} " media="all" rel="stylesheet">
<link href="{% static 'css/magnific-popup.css' %} " rel="stylesheet">
<link href="{% static 'css/owl.carousel.min.css' %} " rel="stylesheet">
<link href="{% static 'css/owl.theme.default.min.css' %} " rel="stylesheet">
<link href="{% static 'css/lunar.css' %} " rel="stylesheet">
<!-- ON SCROLL ANIMATION -->
<link href="{% static 'css/animate.css' %}" rel="stylesheet">
<!-- TEMPLATE CSS {% static '' %} -->
<!-- <link href="css/blue-theme.css" rel="stylesheet"> -->
<!-- <link href="css/crocus-theme.css" rel="stylesheet"> -->
<!-- <link href="css/green-theme.css" rel="stylesheet"> -->
<!-- <link href="css/magenta-theme.css" rel="stylesheet"> -->
<link href="{% static 'css/pink-theme.css' %}" rel="stylesheet">
<!-- <link href="css/purple-theme.css" rel="stylesheet"> -->
<!-- <link href="css/skyblue-theme.css" rel="stylesheet"> -->
<!-- <link href="css/red-theme.css" rel="stylesheet"> -->
<!-- <link href="css/violet-theme.css" rel="stylesheet"> -->
<!-- RESPONSIVE CSS -->
<link href="{% static 'css/responsive.css' %}" rel="stylesheet">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XTWF96F5ZZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XTWF96F5ZZ');
</script>
<body>
<!-- PRELOADER SPINNER
============================================= -->
<div id="loading" class="loading--theme">
<div id="loading-center"><span class="loader"></span></div>
</div>
<!-- PAGE CONTENT
============================================= -->
<div id="page" class="page font--jakarta">
<header id="header" class="tra-menu navbar-light white-scroll">
<div class="header-wrapper">
<!-- MOBILE HEADER -->
<div class="wsmobileheader clearfix">
<span class="smllogo"><img src="{% static 'images/logo-pink.png' %} " alt="mobile-logo"></span>
<a id="wsnavtoggle" class="wsanimated-arrow"><span></span></a>
</div>
<!-- NAVIGATION MENU -->
<div class="wsmainfull menu clearfix">
<div class="wsmainwp clearfix">
<!-- HEADER BLACK LOGO -->
<div class="desktoplogo">
<a href="/" class="logo-black"><img src="{% static 'images/logo-pink.png' %}" alt="logo"></a>
</div>
<!-- HEADER WHITE LOGO -->
<div class="desktoplogo">
<a href="/" class="logo-white"><img src="{% static 'images/logo-white.png' %}" alt="logo"></a>
</div>
<!-- MAIN MENU -->
<nav class="wsmenu clearfix">
<ul class="wsmenu-list nav-theme">
<!-- DROPDOWN SUB MENU -->
<li aria-haspopup="true"><a href="#" class="h-link">About <span class="wsarrow"></span></a>
<ul class="sub-menu">
<li aria-haspopup="true"><a href="#lnk-1">Why autoMedSys?</a></li>
<li aria-haspopup="true"><a href="/about">About Us</a></li>
<li aria-haspopup="true"><a href="#features-6">Products</a></li>
<li aria-haspopup="true"><a href="/contact">Contact Us</a></li>
</ul>
</li>
<!-- SIMPLE NAVIGATION LINK -->
<li class="nl-simple" aria-haspopup="true"><a href="#features-6" class="h-link">Products</a>
</li>
<!-- SIMPLE NAVIGATION LINK -->
{% comment %}
<li class="nl-simple" aria-haspopup="true"><a href="pricing-1.html"
class="h-link">Pricing</a></li>
{% endcomment %}
<!-- SIMPLE NAVIGATION LINK -->
{% comment %}
<li class="nl-simple" aria-haspopup="true"><a href="#faqs-3" class="h-link">FAQs</a></li>
{% endcomment %}
<!-- SIGN IN LINK -->
{% comment %}
<li class="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
<a href="login-2.html" class="h-link">Sign in</a>
</li>
{% endcomment %}
<!-- SIGN UP BUTTON -->
{% comment %}
<li class="nl-simple" aria-haspopup="true">
<a href="signup-2.html" class="btn r-04 btn--theme hover--tra-white last-link">Sign
up</a>
</li>
{% endcomment %}
</ul>
</nav> <!-- END MAIN MENU -->
</div>
</div> <!-- END NAVIGATION MENU -->
</div> <!-- End header-wrapper -->
</header>
<section id="hero-1" class="bg--scroll hero-section">
<div class="container">
<div class="row d-flex align-items-center">
<!-- HERO TEXT -->
<div class="col-md-6">
<div class="hero-1-txt color--white wow fadeInRight">
<h2 class="s-58 w-700">Smart, Artificial intelligence enabled HealthCare.</h2>
<p class="p-xl">Your healthcare solutions that fits your world.
</p>
<a href="#features-6" class="btn r-04 btn--theme hover--tra-white">View our products</a>
</div>
</div> <!-- END HERO TEXT -->
<!-- HERO IMAGE -->
<div class="col-md-6">
<div class="hero-1-img wow fadeInLeft">
<img class="img-fluid" src="{% static 'images/hero-1-img.png' %}" alt="hero-image">
</div>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section>
<section id="features-6" class="py-100 features-section division">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-70">
<h2 class="s-50 w-700">Human-centric general health solutions provider</h2>
<p class="s-21 color--grey">autoMedSys is dedicated to modern and AI-powered healthcare
solutions.</p>
</div>
</div>
</div>
<div class="fbox-wrapper text-center">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4">
<div class="col">
<div class="fbox-6 fb-1 wow fadeInUp">
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<a href="#rader"> <img class="img-fluid" style="height: 75px; width: 75px;"
src="{% static 'images/rader.png' %} "
alt="content-image"></a>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<a href="#rader"><h6 class="s-20 w-700">HealthRader</h6></a>
<p>Personal and group health care tools for everyday activities</p>
</div>
</div>
</div> <!-- END FEATURE BOX #1 -->
<!-- FEATURE BOX #2 -->
<div class="col">
<div class="fbox-6 fb-2 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<a href="#myfit"> <img class="img-fluid" style="height: 75px; width: 75px;"
src="{% static 'images/myfit.png' %} "
alt="content-image"><a/>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<a href="#myfit"><h6 class="s-20 w-700">MyFit Care Manager</h6></a>
<p>Plan individual and group exercise, nutrition with smart agents.</p>
</div>
</div>
</div> <!-- END FEATURE BOX #2 -->
<!-- FEATURE BOX #3 -->
<div class="col">
<div class="fbox-6 fb-3 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- <span class="flaticon-graphic"></span>-->
<a href="#abulatory"> <img class="img-fluid" style="height: 75px; width: 75px;"
src="{% static 'images/abulatory.png' %} "
alt="content-image"> </a>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<a href="#abulatory"><h6 class="s-20 w-700">Ambulatory Systems</h6></a>
<p>Everything you need to run your practice daily, manage claims</p>
</div>
</div>
</div> <!-- END FEATURE BOX #3 -->
<!-- FEATURE BOX #4 -->
<div class="col">
<div class="fbox-6 fb-4 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<a href="#research"> <img class="img-fluid" style="height: 75px; width: 75px;"
src="{% static 'images/research.png' %} "
alt="content-image"></a>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<a href="#research"><h6 class="s-20 w-700">Research Platform</h6></a>
<p>Plan,collate surveys and health data with HealthMind</p>
</div>
</div>
</div> <!-- END FEATURE BOX #4 -->
</div> <!-- End row -->
</div> <!-- END FEATURES-6 WRAPPER -->
</div> <!-- End container -->
</section>
<hr class="divider">
<section id="lnk-1" class="pt-100 ct-02 content-section division"
style="background-color: aliceblue; background-image: url({% static 'images/bg-04.jpg' %}); padding-bottom: 15px;">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- IMAGE BLOCK -->
<div class="col-md-6">
<div class="img-block left-column wow fadeInRight">
<img class="img-fluid" src="{% static 'images/img-10.png' %} " alt="content-image">
</div>
</div>
<!-- TEXT BLOCK -->
<div class="col-md-6">
<div class="txt-block right-column wow fadeInLeft">
<!-- Section ID -->
<!-- <span class="section-id">autoMedSys</span>-->
<!-- Title -->
<h2 class="s-46 w-700">Healthcare solution in all directions</h2>
<!-- Text -->
<p>Follow our coverage of personal, business, and institutional needs.
</p>
<!-- Small Title -->
<h5 class="s-24 w-700">Precision Medicine</h5>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p class="mb-0">Individually target health tools for positive impact on peoples
well-being.
</li>
</ul>
<h5 class="s-24 w-700">Ambulatory Platforms</h5>
<ul class="simple-list">
<li class="list-item">
<p>
Your Practice. Your Solutions. Use one or more solutions customized to meet your
needs.
</p>
</li>
</ul>
<h5 class="s-24 w-700">Research & A.I. Modeling </h5>
<ul class="simple-list">
<li class="list-item">
<p>Unlock the power of data with our Research, AI Modeling, and Business Intelligence
services. Lets transform your challenges into opportunities!
</p>
</li>
</ul>
<a href="https://www.mermsemr.com/" class="btn btn-sm r-04 btn--tra-black hover--theme">
Learn more
</a>
</div>
</div>
</div>
</div>
</section>
<section id="myfit" class="pt-100 ct-01 content-section division" style="padding-bottom: 20px;">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- TEXT BLOCK -->
<div class="col-md-6 order-last order-md-2">
<div class="txt-block left-column wow fadeInRight">
<!-- TEXT BOX -->
<div class="txt-box">
<h2 class="s-46 w-700">myFit</h2>
<!-- Title -->
<h5 class="s-24 w-700">your Personal health care platform.</h5>
<!-- Text -->
<p>myFit is your personal health care concierge. this app helps you to manage the
intricacies of your daily and long term health activities. With myFit, your health
record is yours at all point, you decide your provider access as needed from time to
time.
</p>
</div> <!-- END TEXT BOX -->
<!-- TEXT BOX -->
<div class="txt-box mb-0">
<!-- Title -->
<h5 class="s-24 w-700">Fitness designing your way.</h5>
<!-- Text -->
<p>Fitness Integration with your health plan in your pocket bolsters
healthier life by tracking and experiencing life-changing results.
</p>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Your health plan your way - myFit assist you organizing your prescription, health
routines, your providers treatment plans in one place.
</p>
</li>
<li class="list-item">
<p class="mb-0">myFit continuously help you organize both general and the few health
questions relevant to you.
</p>
</li>
</ul>
<a href="https://www.myfit.ai/" class="btn btn-sm r-04 btn--tra-black hover--theme">
Learn more
</a>
</div> <!-- END TEXT BOX -->
</div>
</div> <!-- END TEXT BLOCK -->
<!-- IMAGE BLOCK -->
<div class="col-md-6 order-first order-md-2">
<div class="img-block right-column wow fadeInLeft">
<img class="img-fluid" src="{% static 'images/myfit-01.png' %}" alt="content-image">
</div>
</div>
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section>
<hr class="divider">
<section id="rader" class="pt-100 ct-02 content-section division" style="padding-bottom: 20px;">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- IMAGE BLOCK -->
<div class="col-md-6">
<div class="img-block left-column wow fadeInRight">
<img class="img-fluid" src="{% static 'images/healthrader.png' %}" alt="content-image">
</div>
</div>
<!-- TEXT BLOCK -->
<div class="col-md-6">
<div class="txt-block right-column wow fadeInLeft">
<h2 class="s-46 w-700">HealthRader</h2>
<!-- TEXT BOX -->
<div class="txt-box">
<!-- Title -->
<h5 class="s-24 w-700">
Your HealthCare That Knows You
<!-- Self fashioned smart connected healthcare-->
</h5>
<!-- Text -->
<p>
HealthRader is a next-generation personal care advocacy platform with answers to
questions specific to your benefits and care goals. HealthRader offers a more
thoughtful way to manage your health-related tasks and responsibilities by providing
connected care with valuable insights.
<!-- HealthRadalth care. With full access to all features, HealthRader offers a more thoughtful way to manage your health-related tasks and responsibilities. From providing connected care to offering valuable insights, HealthRader is dedicated to making healthcare more efficient and accessible.-->
</p>
</div> <!-- END TEXT BOX -->
<!-- TEXT BOX -->
<div class="txt-box mb-0">
<!-- Title -->
<h5 class="s-24 w-700">Features include</h5>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Health in motion that intelligently relates you to optimal care options as you
change locations locally and wide, ensuring that your health management is
always in sync with your lifestyle.
</p>
</li>
<li class="list-item">
<p class="mb-0">Care data that helps collect and relate possible health data with
your choice of insight, providing you with personalized and relevant information
for your health management. 
</p>
</li>
</ul>
<!-- Button -->
<a href="https://www.rader.app" class="btn btn-sm r-04 btn--tra-black hover--theme">
Learn more
</a>
</div> <!-- END TEXT BOX -->
</div>
</div> <!-- END TEXT BLOCK -->
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section>
<section id="abulatory" class="shape--bg shape--white-500 pt-100 features-section division"
style="background-color: aliceblue; background-image: url({% static 'images/bg-04.jpg' %}); padding-bottom: 15px;">
<div class="container">
<div class="row d-flex align-items-center">
<!-- TEXT BLOCK -->
<div class="col-md-5">
<div class="txt-block left-column wow fadeInRight">
<!-- Section ID -->
<span class="section-id">One-Stop Solution</span>
<!-- Title -->
<h2 class="s-46 w-700">Smart solutions, real-time results</h2>
<!-- Text -->
<p>Our cutting-edge platform harnesses the power of artificial intelligence (AI) to
revolutionize healthcare. Heres how we make a difference:
</p>
<!-- CONTENT BOX #1 -->
<div class="cbox-1 ico-15">
<div class="ico-wrap color--theme">
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
</div>
<div class="cbox-1-txt">
<p>Predictive Diagnostics: Our platform analyzes patient data, predicts health issues
early, and reduces costs</p>
</div>
</div>
<!-- CONTENT BOX #2 -->
<div class="cbox-1 ico-15">
<div class="ico-wrap color--theme">
<div class="cbox-1-ico">
<span class="flaticon-check"></span></div>
</div>
<div class="cbox-1-txt">
<p>Real-Time Monitoring: Vital signs and medication adherence are continuously tracked.
Alerts keep providers informed for proactive care</p>
</div>
</div>
<!-- CONTENT BOX #3 -->
<div class="cbox-1 ico-15">
<div class="ico-wrap color--theme">
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
</div>
<div class="cbox-1-txt">
<p>Clinical Decision Support: Evidence-based recommendations for doctors aiding
diagnosis and treatment planning.</p>
</div>
</div>
<a href="https://www.automedsys.net" class="btn btn-sm r-04 btn--tra-black hover--theme">
Learn more
</a>
</div>
</div> <!-- END TEXT BLOCK -->
<!-- FEATURES-12 WRAPPER -->
<div class="col-md-7">
<div class="fbox-12-wrapper wow fadeInLeft">
<div class="row">
<div class="col-md-6">
<!-- FEATURE BOX #1 -->
<div id="fb-12-1" class="fbox-12 bg--white-100 block-shadow r-12 mb-30">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<img class="img-fluid" src="{% static 'images/hrecords.png' %}"
alt="content-image">
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Practice Management</h5>
<p>Built for the unique needs of independent practices, simplifying complex and
removing time-consuming you dont need.</p>
</div>
</div>
<!-- FEATURE BOX #2 -->
<div id="fb-12-2" class="fbox-12 bg--white-100 block-shadow r-12">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<img class="img-fluid" src="{% static 'images/claim.png' %}"
alt="content-image">
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Claims Processing</h5>
<p>Create your claims process in a fraction of the time with an innovative,
automated insurance claims processing process that fits you.</p>
</div>
</div>
</div>
<div class="col-md-6">
<!-- FEATURE BOX #3 -->
<div id="fb-12-3" class="fbox-12 bg--white-100 block-shadow r-12 mb-30">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<img class="img-fluid" src="{% static 'images/rx.png' %}"
alt="content-image">
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">eRX with EPCS and PDMP</h5>
<p>Prescribe accurately with integrated drug interaction checks. Respond to
refill requests easily in our customizable dashboard to support your
workflow.</p>
</div>
</div>
<!-- FEATURE BOX #4 -->
<div id="fb-12-4" class="fbox-12 bg--white-100 block-shadow r-12">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<img class="img-fluid" src="{% static 'images/tele-med.png' %}"
alt="content-image">
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Telehealth</h5>
<p>Synchronized telehealth video encounter sessions while reviewing, ordering,
and documenting the care process.</p>
</div>
</div>
</div>
</div>
</div> <!-- End row -->
</div> <!-- END FEATURES-12 WRAPPER -->
</div> <!-- End row -->
</div> <!-- End container -->
</section>
<section id="research" class="py-100 ct-02 content-section division">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- IMAGE BLOCK -->
<div class="col-md-6">
<div class="img-block left-column wow fadeInRight">
<img class="img-fluid" src="{% static 'images/img-02.png' %}" alt="content-image">
</div>
</div>
<!-- TEXT BLOCK -->
<div class="col-md-6">
<div class="txt-block right-column wow fadeInLeft">
<!-- Section ID -->
<span class="section-id">Easy with HealthMind</span>
<!-- Title -->
<h2 class="s-46 w-700">Comprehensive Health Research with A.I.</h2>
<p>Revolutionize your research journey with our comprehensive AI-powered platform. We empower
you to seamlessly integrate Artificial Intelligence throughout your research process, from
conceptualization and design to execution and ongoing monitoring.
</p>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p class="mb-0">Smarter study design that leverages AI to identify optimal research
questions, select the most relevant patient populations, and optimize study
protocols for efficiency and accuracy.
</p>
</li>
<li class="list-item">
<p class="mb-0">Streamlined data analysis using AI automation tedious tasks, analyzing
vast datasets with unmatched speed and precision, and uncovering hidden patterns
that might escape human researchers.
</p>
</li>
<li class="list-item">
<p class="mb-0">Enhanced clinical trial monitoring that Identifies potential risks and
anomalies in real-time, ensuring patient safety and data integrity throughout the
trial.
</p>
</li>
</ul>
</div>
</div> <!-- END TEXT BLOCK -->
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section>
<section id="lnk-3" class="bg--04 ct-10 content-section division">
<div class="section-overlay pt-100">
<div class="container">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-70">
<!-- Title -->
<h2 class="s-50 w-700">Everything is moving with technology, so we are too.</h2>
<!-- Text -->
<p class="s-21">We are an active part of your healthcare changes in light of advances.</p>
</div>
</div>
</div>
<!-- IMAGE BLOCK -->
<div class="row">
<div class="col" style="border-radius: 15px;">
<div class="img-block video-preview wow fadeInUp">
<!-- Play Icon -->
<!-- <a class="video-popup2" href="https://www.youtube.com/watch?v=7e90gBu4pas"> -->
<!-- <div class="video-btn video-btn-xl bg&#45;&#45;theme"> -->
<!-- <div class="video-block-wrapper"><span class="flaticon-play-button"></span></div>-->
<!-- </div>-->
<!-- </a>-->
<!-- Preview Image -->
<img class="img-fluid" style="border-radius: 15px;"
src="{% static 'images/dashboard-01.png' %}" alt="video-preview">
</div>
</div>
</div>
</div> <!-- End container -->
</div> <!-- End section overlay -->
</section>
<hr class="divider">
<!-- <section id="features-2" class="py-100 features-section division">-->
<!-- <div class="container">-->
<!-- &lt;!&ndash; SECTION TITLE &ndash;&gt; -->
<!-- <div class="row justify-content-center"> -->
<!-- <div class="col-md-10 col-lg-9">-->
<!-- <div class="section-title mb-80"> -->
<!-- &lt;!&ndash; Title &ndash;&gt; -->
<!-- <h2 class="s-50 w-700">The Complete Solutions</h2> -->
<!-- &lt;!&ndash; Text &ndash;&gt; -->
<!-- <p class="s-21 color&#45;&#45;grey">Ligula risus auctor tempus magna feugiat lacinia.</p>-->
<!-- -->
<!-- </div> -->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; FEATURES-2 WRAPPER &ndash;&gt;-->
<!-- <div class="fbox-wrapper text-center">-->
<!-- <div class="row row-cols-1 row-cols-md-3">-->
<!-- &lt;!&ndash; FEATURE BOX #1 &ndash;&gt;-->
<!-- <div class="col">-->
<!-- <div class="fbox-2 fb-1 wow fadeInUp">-->
<!-- &lt;!&ndash; Image &ndash;&gt;-->
<!-- <div class="fbox-img gr&#45;&#45;whitesmoke h-175">-->
<!-- <img class="img-fluid" src="{% static 'images/f_01.png' %}" alt="feature-image">-->
<!-- </div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="fbox-txt">-->
<!-- <h6 class="s-22 w-700">Intuitive Dashboard</h6>-->
<!-- <p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END FEATURE BOX #1 &ndash;&gt; -->
<!-- &lt;!&ndash; FEATURE BOX #2 &ndash;&gt;-->
<!-- <div class="col">-->
<!-- <div class="fbox-2 fb-2 wow fadeInUp">-->
<!-- &lt;!&ndash; Image &ndash;&gt;-->
<!-- <div class="fbox-img gr&#45;&#45;whitesmoke h-175">-->
<!-- <img class="img-fluid" src="{% static 'images/f_05.png' %}" alt="feature-image">-->
<!-- </div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="fbox-txt">-->
<!-- <h6 class="s-22 w-700">Effortless Integration</h6>-->
<!-- <p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END FEATURE BOX #2 &ndash;&gt; -->
<!-- &lt;!&ndash; FEATURE BOX #3 &ndash;&gt;-->
<!-- <div class="col">-->
<!-- <div class="fbox-2 fb-3 wow fadeInUp">-->
<!-- &lt;!&ndash; Image &ndash;&gt;-->
<!-- <div class="fbox-img gr&#45;&#45;whitesmoke h-175">-->
<!-- <img class="img-fluid" src="{% static 'images/f_02.png' %}" alt="feature-image">-->
<!-- </div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="fbox-txt">-->
<!-- <h6 class="s-22 w-700">Engagement Analysis</h6>-->
<!-- <p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END FEATURE BOX #3 &ndash;&gt; -->
<!-- </div> &lt;!&ndash; End row &ndash;&gt; -->
<!-- </div> &lt;!&ndash; END FEATURES-2 WRAPPER &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End container &ndash;&gt;-->
<!-- </section>-->
<!-- <hr class="divider">-->
<!-- <section class="pt-100 ct-01 content-section division">-->
<!-- <div class="container">-->
<!-- &lt;!&ndash; SECTION CONTENT (ROW) &ndash;&gt; -->
<!-- <div class="row d-flex align-items-center">-->
<!-- &lt;!&ndash; TEXT BLOCK &ndash;&gt; -->
<!-- <div class="col-md-6 order-last order-md-2">-->
<!-- <div class="txt-block left-column wow fadeInRight">-->
<!-- &lt;!&ndash; Section ID &ndash;&gt; -->
<!-- <span class="section-id">Productivity Focused</span>-->
<!-- &lt;!&ndash; Title &ndash;&gt; -->
<!-- <h2 class="s-46 w-700">Achieve more with better workflows</h2>-->
<!-- &lt;!&ndash; Text &ndash;&gt; -->
<!-- <p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis -->
<!-- vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit-->
<!-- </p>-->
<!-- &lt;!&ndash; CONTENT BOX #1 &ndash;&gt;-->
<!-- <div class="cbox-1 ico-15">-->
<!-- <div class="ico-wrap color&#45;&#45;theme">-->
<!-- <div class="cbox-1-ico"><span class="flaticon-check"></span></div>-->
<!-- </div>-->
<!-- <div class="cbox-1-txt">-->
<!-- <p>Magna dolor luctus at egestas sapien</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; CONTENT BOX #2 &ndash;&gt;-->
<!-- <div class="cbox-1 ico-15">-->
<!-- <div class="ico-wrap color&#45;&#45;theme">-->
<!-- <div class="cbox-1-ico"><span class="flaticon-check"></span></div>-->
<!-- </div>-->
<!-- <div class="cbox-1-txt">-->
<!-- <p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien -->
<!-- turpis ultrice auctor congue varius magnis-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; CONTENT BOX #3 &ndash;&gt;-->
<!-- <div class="cbox-1 ico-15">-->
<!-- <div class="ico-wrap color&#45;&#45;theme">-->
<!-- <div class="cbox-1-ico"><span class="flaticon-check"></span></div>-->
<!-- </div>-->
<!-- <div class="cbox-1-txt">-->
<!-- <p class="mb-0">Volute turpis dolores and sagittis congue</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- -->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END TEXT BLOCK &ndash;&gt; -->
<!-- &lt;!&ndash; IMAGE BLOCK &ndash;&gt;-->
<!-- <div class="col-md-6 order-first order-md-2">-->
<!-- <div class="img-block right-column wow fadeInLeft">-->
<!-- <img class="img-fluid" src="{% static 'images/img-13.png' %}" alt="content-image">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END SECTION CONTENT (ROW) &ndash;&gt; -->
<!-- </div> &lt;!&ndash; End container &ndash;&gt;-->
<!-- </section>-->
<!-- <section class="py-100 ct-02 content-section division">-->
<!-- <div class="container">-->
<!-- &lt;!&ndash; SECTION CONTENT (ROW) &ndash;&gt; -->
<!-- <div class="row d-flex align-items-center">-->
<!-- &lt;!&ndash; IMAGE BLOCK &ndash;&gt;-->
<!-- <div class="col-md-6">-->
<!-- <div class="img-block left-column wow fadeInRight">-->
<!-- <img class="img-fluid" src="{% static 'images/img-09.png' %}" alt="content-image">-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; TEXT BLOCK &ndash;&gt; -->
<!-- <div class="col-md-6">-->
<!-- <div class="txt-block right-column wow fadeInLeft">-->
<!-- &lt;!&ndash; CONTENT BOX #1 &ndash;&gt;-->
<!-- <div class="cbox-2 process-step">-->
<!-- -->
<!-- &lt;!&ndash; Icon &ndash;&gt;-->
<!-- <div class="ico-wrap">-->
<!-- <div class="cbox-2-ico bg&#45;&#45;theme color&#45;&#45;white">1</div>-->
<!-- <span class="cbox-2-line"></span>-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="cbox-2-txt">-->
<!-- <h5 class="s-22 w-700">Register in 30 seconds</h5>-->
<!-- <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus -->
<!-- sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula -->
<!-- quaerat-->
<!-- </p>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END CONTENT BOX #1 &ndash;&gt;-->
<!-- &lt;!&ndash; CONTENT BOX #2 &ndash;&gt;-->
<!-- <div class="cbox-2 process-step">-->
<!-- -->
<!-- &lt;!&ndash; Icon &ndash;&gt;-->
<!-- <div class="ico-wrap">-->
<!-- <div class="cbox-2-ico bg&#45;&#45;theme color&#45;&#45;white">2</div>-->
<!-- <span class="cbox-2-line"></span>-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="cbox-2-txt">-->
<!-- <h5 class="s-22 w-700">Customizable Dashboards</h5>-->
<!-- <p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus -->
<!-- sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula -->
<!-- quaerat-->
<!-- </p>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END CONTENT BOX #2 &ndash;&gt;-->
<!-- &lt;!&ndash; CONTENT BOX #3 &ndash;&gt;-->
<!-- <div class="cbox-2 process-step">-->
<!-- -->
<!-- &lt;!&ndash; Icon &ndash;&gt;-->
<!-- <div class="ico-wrap">-->
<!-- <div class="cbox-2-ico bg&#45;&#45;theme color&#45;&#45;white">3</div>-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="cbox-2-txt">-->
<!-- <h5 class="s-22 w-700">Improved Productivity</h5>-->
<!-- <p class="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in -->
<!-- lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n-->
<!-- eque ligula quaerat-->
<!-- </p>-->
<!-- </div>-->
<!-- -->
<!-- </div> &lt;!&ndash; END CONTENT BOX #3 &ndash;&gt;-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END TEXT BLOCK &ndash;&gt; -->
<!-- </div> &lt;!&ndash; END SECTION CONTENT (ROW) &ndash;&gt; -->
<!-- </div> &lt;!&ndash; End container &ndash;&gt;-->
<!-- </section>-->
<!-- <section id="reviews-1" class="pt-100 shape&#45;&#45;06 shape&#45;&#45;gr-whitesmoke reviews-section">-->
<!-- <div class="container">-->
<!-- &lt;!&ndash; SECTION TITLE &ndash;&gt; -->
<!-- <div class="row justify-content-center"> -->
<!-- <div class="col-md-10 col-lg-9">-->
<!-- <div class="section-title mb-70"> -->
<!-- &lt;!&ndash; Title &ndash;&gt; -->
<!-- <h2 class="s-50 w-700">Heres what our amazing clients are saying</h2> -->
<!-- &lt;!&ndash; Text &ndash;&gt; -->
<!-- <p class="s-21 color&#45;&#45;grey">Ligula risus auctor tempus magna feugiat lacinia.</p>-->
<!-- -->
<!-- </div> -->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; TESTIMONIALS CONTENT &ndash;&gt;-->
<!-- <div class="row">-->
<!-- <div class="col"> -->
<!-- <div class="owl-carousel owl-theme reviews-1-wrapper">-->
<!-- &lt;!&ndash; TESTIMONIAL #1 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Etiam sapien sagittis congue augue a massa varius egestas ultrice varius magna -->
<!-- a tempus aliquet undo cursus suscipit -->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-1.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Scott Boxer</h6>-->
<!-- <p class="p-sm">@scott_boxer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #1 &ndash;&gt;-->
<!-- &lt;!&ndash; TESTIMONIAL #2 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>At sagittis congue augue diam egestas magna an ipsum vitae purus ipsum primis -->
<!-- and cubilia laoreet augue egestas a luctus donec ltrice ligula porta augue magna -->
<!-- suscipit lectus gestas -->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-2.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Joel Peterson</h6>-->
<!-- <p class="p-sm">Internet Surfer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #2 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #3 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Mauris gestas magnis a sapien etiam sapien congue an augue egestas and ultrice -->
<!-- vitae purus diam an integer congue magna ligula egestas magna suscipit -->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-3.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Marisol19</h6>-->
<!-- <p class="p-sm">@marisol19</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #3 &ndash;&gt;-->
<!-- &lt;!&ndash; TESTIMONIAL #4 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Mauris donec a magnis sapien etiam pretium a congue augue volutpat lectus -->
<!-- aenean magna and undo mauris lectus laoreet tempor egestas rutrum-->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-4.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Leslie D.</h6>-->
<!-- <p class="p-sm">Web Developer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #4 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #5 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>An augue cubilia undo laoreet magna suscipit egestas ipsum lectus purus ipsum -->
<!-- and primis augue an ultrice ligula egestas suscipit a lectus gestas auctor tempus -->
<!-- feugiat impedit -->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-5.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Jennifer Harper</h6>-->
<!-- <p class="p-sm">App Developer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #5 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #6 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>An augue cubilia laoreet undo magna ipsum semper suscipit egestas magna ipsum -->
<!-- ligula a vitae purus and ipsum primis cubilia magna suscipit -->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-6.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Jonathan Barnes</h6>-->
<!-- <p class="p-sm">jQuery Programmer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #6 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #7 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Augue egestas porta tempus volutpat egestas augue cubilia laoreet a magna -->
<!-- suscipit luctus dolor blandit vitae purus neque tempus an aliquet porta gestas -->
<!-- rutrum blandit vitae-->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-7.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Mike Harris</h6>-->
<!-- <p class="p-sm">Graphic Designer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #7 &ndash;&gt;-->
<!-- &lt;!&ndash; TESTIMONIAL #8 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna -->
<!-- suscipit luctus dolor blandit at purus tempus feugiat impedit-->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-8.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Evelyn Martinez</h6>-->
<!-- <p class="p-sm">WordPress Consultant</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #8 &ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END TESTIMONIALS CONTENT &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End container &ndash;&gt;-->
<!-- </section>-->
<!-- <section id="faqs-3" class="pt-100 faqs-section"> -->
<!-- <div class="container">-->
<!-- &lt;!&ndash; SECTION TITLE &ndash;&gt; -->
<!-- <div class="row justify-content-center"> -->
<!-- <div class="col-md-10 col-lg-9">-->
<!-- <div class="section-title mb-70"> -->
<!-- &lt;!&ndash; Title &ndash;&gt; -->
<!-- <h2 class="s-50 w-700">Questions & Answers</h2> -->
<!-- &lt;!&ndash; Text &ndash;&gt; -->
<!-- <p class="s-21 color&#45;&#45;grey">Ligula risus auctor tempus magna feugiat lacinia.</p>-->
<!-- -->
<!-- </div> -->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; FAQs-3 QUESTIONS &ndash;&gt; -->
<!-- <div class="faqs-3-questions">-->
<!-- <div class="row">-->
<!-- &lt;!&ndash; QUESTIONS HOLDER &ndash;&gt;-->
<!-- <div class="col-lg-6">-->
<!-- <div class="questions-holder">-->
<!-- &lt;!&ndash; QUESTION #1 &ndash;&gt;-->
<!-- <div class="question mb-35 wow fadeInUp">-->
<!-- &lt;!&ndash; Question &ndash;&gt;-->
<!-- <h5 class="s-22 w-700"><span>1.</span> Getting started with Martex</h5>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <p class="color&#45;&#45;grey">Etiam amet mauris suscipit in odio integer congue metus -->
<!-- and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna -->
<!-- suscipit luctus blandit and laoreet-->
<!-- </p>-->
<!-- </div> -->
<!-- &lt;!&ndash; QUESTION #2 &ndash;&gt; -->
<!-- <div class="question mb-35 wow fadeInUp">-->
<!-- &lt;!&ndash; Question &ndash;&gt;-->
<!-- <h5 class="s-22 w-700"><span>2.</span> What's inside the package?</h5>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <p class="color&#45;&#45;grey">An enim nullam tempor sapien gravida donec ipsum and enim -->
<!-- porta justo integer at velna vitae auctor integer congue undo magna laoreet -->
<!-- augue pretium purus pretium ligula -->
<!-- </p>-->
<!-- </div>-->
<!-- &lt;!&ndash; QUESTION #3 &ndash;&gt; -->
<!-- <div class="question mb-35 wow fadeInUp">-->
<!-- &lt;!&ndash; Question &ndash;&gt;-->
<!-- <h5 class="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <ul class="simple-list color&#45;&#45;grey">-->
<!-- <li class="list-item">-->
<!-- <p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium -->
<!-- purus pretium rutrum tempor sapien-->
<!-- </p>-->
<!-- </li>-->
<!-- <li class="list-item">-->
<!-- <p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien -->
<!-- quaerat sodales pretium a purus-->
<!-- </p>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END QUESTIONS HOLDER &ndash;&gt;-->
<!-- &lt;!&ndash; QUESTIONS WRAPPER &ndash;&gt;-->
<!-- <div class="col-lg-6">-->
<!-- <div class="questions-holder">-->
<!-- -->
<!-- &lt;!&ndash; QUESTION #4 &ndash;&gt; -->
<!-- <div class="question mb-35 wow fadeInUp">-->
<!-- &lt;!&ndash; Question &ndash;&gt;-->
<!-- <h5 class="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <p class="color&#45;&#45;grey">Quaerat sodales sapien euismod blandit purus a purus -->
<!-- ipsum primis in cubilia laoreet augue luctus dolor luctus-->
<!-- </p>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <p class="color&#45;&#45;grey">An enim nullam tempor sapien gravida donec congue metus. -->
<!-- Vitae arcu mollis blandit integer nemo volute velna-->
<!-- </p>-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; QUESTION #5 &ndash;&gt;-->
<!-- <div class="question mb-35 wow fadeInUp">-->
<!-- &lt;!&ndash; Question &ndash;&gt;-->
<!-- <h5 class="s-22 w-700"><span>5.</span> I have an issue with my account</h5>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <p class="color&#45;&#45;grey">Cubilia laoreet augue egestas and luctus donec curabite -->
<!-- diam vitae dapibus libero and quisque gravida donec neque blandit justo -->
<!-- aliquam molestie nunc sapien justo-->
<!-- </p>-->
<!-- </div>-->
<!-- &lt;!&ndash; QUESTION #6 &ndash;&gt;-->
<!-- <div class="question mb-35 wow fadeInUp">-->
<!-- &lt;!&ndash; Question &ndash;&gt;-->
<!-- <h5 class="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>-->
<!-- &lt;!&ndash; Answer &ndash;&gt;-->
<!-- <p class="color&#45;&#45;grey">An enim nullam tempor sapien gravida donec ipsum and enim -->
<!-- porta justo integer at velna vitae auctor integer congue undo magna laoreet -->
<!-- augue pretium purus pretium ligula -->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END QUESTIONS HOLDER &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End row &ndash;&gt; -->
<!-- </div> &lt;!&ndash; END FAQs-3 QUESTIONS &ndash;&gt; -->
<!-- &lt;!&ndash; MORE QUESTIONS LINK &ndash;&gt; -->
<!-- <div class="row">-->
<!-- <div class="col"> -->
<!-- <div class="more-questions mt-40">-->
<!-- <div class="more-questions-txt bg&#45;&#45;white-400 r-100">-->
<!-- <p class="p-lg">Have any questions? -->
<!-- <a href="contacts.html" class="color&#45;&#45;theme">Get in Touch</a>-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; End container &ndash;&gt; -->
<!-- </section> &lt;!&ndash; END FAQs-3 &ndash;&gt;-->
{% comment %} <!-- MODAL WINDOW (IMAGE LINK)
============================================= -->
<div id="modal-1" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- CLOSE BUTTON -->
<button type="button" class="btn-close ico-10 white-color" data-bs-dismiss="modal" aria-label="Close">
<span class="flaticon-cancel"></span>
</button>
<!-- MODAL CONTENT -->
<div class="bg-img rounded">
<div class="overlay-light">
<div class="modal-img text-center">
<a href="pricing-1.html">
<img class="img-fluid" src="{% static 'images/modal-2-img.jpg' %}" alt="modal-image">
</a>
</div>
</div>
</div> <!-- END MODAL CONTENT -->
</div>
</div>
</div> <!-- END MODAL WINDOW (IMAGE LINK) --> {% endcomment %}
<div id="modal-3" class="modal auto-off fade" tabindex="-1" role="dialog" aria-labelledby="modal-3">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<!-- CLOSE BUTTON -->
<button type="button" class="btn-close ico-10 white-color" data-bs-dismiss="modal" aria-label="Close">
<span class="flaticon-cancel"></span>
</button>
<!-- MODAL CONTENT -->
<div class="modal-body">
<div class="container">
<div class="row">
<!-- BACKGROUND IMAGE -->
<div class="col-md-5 bg-img d-none d-sm-flex align-items-end"></div>
<!-- REQUEST FORM -->
<div class="col-md-7">
<div class="modal-body-content">
<!-- TEXT -->
<div class="request-form-title">
<!-- Title -->
<h3 class="s-28 w-700">Get started for Free!</h3>
<!-- Text -->
<p class="color--grey">Aliquam augue suscipit, luctus neque purus ipsum
neque dolor primis libero
</p>
</div>
<!-- FORM -->
<form name="requestForm" class="row request-form">
<!-- Form Input -->
<div class="col-md-12">
<input type="text" name="name" class="form-control name"
placeholder="Enter Your Name*" autocomplete="off" required>
</div>
<!-- Form Input -->
<div class="col-md-12">
<input type="email" name="email" class="form-control email"
placeholder="Enter Your Email*" autocomplete="off" required>
</div>
<!-- Form Button -->
<div class="col-md-12 form-btn">
<button type="submit" class="btn btn--theme hover--black submit">Get Started
Now
</button>
</div>
<!-- Form Message -->
<div class="col-md-12 request-form-msg">
<span class="loading"></span>
</div>
</form> <!-- END FORM -->
</div>
</div> <!-- END REQUEST FORM -->
</div>
</div>
</div> <!-- END MODAL CONTENT -->
</div>
</div>
</div>
<footer id="footer-3" class="pt-100 footer ft-3-ntr">
<div class="container">
<!-- FOOTER CONTENT -->
<div class="row">
<!-- FOOTER LOGO -->
<div class="col-xl-3">
<div class="footer-info">
<img class="footer-logo" src="{% static 'images/logo-pink.png' %}" alt="footer-logo">
</div>
</div>
<!-- FOOTER LINKS -->
<div class="col-sm-4 col-lg-3 col-xl-2">
<div class="footer-links fl-1">
<!-- Title -->
<h6 class="s-17 w-700">Company</h6>
<!-- Links -->
<ul class="foo-links clearfix">
<li><p><a href="/about">About Us</a></p></li>
<!-- <li><p><a href="/blog">Blog</a></p></li>-->
<li><p><a href="https://forum.automedsys.ai/" target="_blank">Our Forum</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
<!-- FOOTER LINKS -->
<div class="col-sm-4 col-lg-2">
<div class="footer-links fl-2">
<!-- Title -->
<h6 class="s-17 w-700">Product</h6>
<!-- Links -->
<ul class="foo-links clearfix">
<li><p><a href="#rader">HealthRader</a></p></li>
<li><p><a href="#abulatory">Ambulatory Care</a></p></li>
<li><p><a href="#myfit">MyFit</a></p></li>
<li><p><a href="#research">HealthMind</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
<!-- FOOTER LINKS -->
<div class="col-sm-4 col-lg-3 col-xl-2">
<div class="footer-links fl-3">
<!-- Title -->
<h6 class="s-17 w-700">Legal</h6>
<!-- Links -->
<ul class="foo-links clearfix">
<li><p><a href="/terms">Terms of Use</a></p></li>
<li><p><a href="/privacy">Privacy Policy</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
<!-- FOOTER NEWSLETTER FORM -->
<div class="col-sm-10 col-md-8 col-lg-4 col-xl-3">
<div class="footer-form">
<!-- Title -->
<h6 class="s-17 w-700">Contact Us</h6>
<ul class="foo-links clearfix">
<li><p><a href="/contact">Help Center</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER NEWSLETTER FORM -->
</div> <!-- END FOOTER CONTENT -->
<hr> <!-- FOOTER DIVIDER LINE -->
<!-- BOTTOM FOOTER -->
<div class="bottom-footer">
<div class="row row-cols-1 row-cols-md-2 d-flex align-items-center">
<!-- FOOTER COPYRIGHT -->
<div class="col">
<div class="footer-copyright">
<p class="p-sm">&copy; 2026 autoMedSys. <span>All Rights Reserved</span></p>
</div>
</div>
<!-- FOOTER SOCIALS -->
<div class="col">
<ul class="bottom-footer-socials ico-20 text-end">
<li><a href="https://www.facebook.com/profile.php?id=100067596795422"><span
class="flaticon-facebook"></span></a></li>
<li><a href="#"><span class="flaticon-twitter"></span></a></li>
<!-- <li><a href="#"><span class="flaticon-instagram"></span></a></li>-->
<!-- <li><a href="#"><span class="flaticon-youtube"></span></a></li>-->
</ul>
</div>
</div> <!-- End row -->
</div> <!-- END BOTTOM FOOTER -->
</div> <!-- End container -->
</footer>
</div>
<!-- EXTERNAL SCRIPTS
============================================= -->
<script src="{% static 'js/jquery-3.7.0.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/modernizr.custom.js' %}"></script>
<script src="{% static 'js/jquery.easing.js' %}"></script>
<script src="{% static 'js/jquery.appear.js' %}"></script>
<script src="{% static 'js/menu.js' %}"></script>
<script src="{% static 'js/owl.carousel.min.j' %}s"></script>
<script src="{% static 'js/pricing-toggle.js' %}"></script>
<script src="{% static 'js/jquery.magnific-popup.min.js' %}"></script>
<script src="{% static 'js/request-form.js' %}"></script>
<script src="{% static 'js/jquery.validate.min.js' %}"></script>
<script src="{% static 'js/jquery.ajaxchimp.min.js' %}"></script>
<script src="{% static 'js/popper.min.js' %}"></script>
<script src="{% static 'js/lunar.js' %}"></script>
<script src="{% static 'js/wow.js' %}"></script>
<!-- Custom Script -->
<script src="{% static 'js/custom.js' %}"></script>
</body>
</html>