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

480 lines
19 KiB
HTML

{% 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>
<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://blog.automedsys.ai/">Our Blog</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; 2024 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>