Files
2026-04-11 10:00:50 -04:00

642 lines
26 KiB
HTML
Raw Permalink 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.
{% 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="{% static 'css/pink-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-pink.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>
</ul>
</nav> <!-- END MAIN MENU -->
</div>
</div> <!-- END NAVIGATION MENU -->
</div> <!-- End header-wrapper -->
</header>
<!-- ABOUT-2
============================================= -->
<section id="about-2" class="rel inner-page-hero about-section division">
<div class="container">
<div class="row">
<div class="col-md-11 col-lg-10 col-xl-9">
<div class="about-2-title mb-60">
<h2 class="s-52 w-700 mb-30">Transforming Healthcare Delivery Through Cloud Innovation</h2>
<p class="mb-0">In todays rapidly evolving healthcare landscape, practitioners need more than traditional tools—they need intelligent, accessible solutions that keep pace with modern medicine. Our cloud-based platform empowers healthcare professionals to deliver exceptional patient care while streamlining their daily workflows.
</p>
</div>
</div>
</div>
</div>
<!-- ABOUT-2 IMAGES -->
<div class="container-fluid">
<div class="row">
<!-- IMAGES-1 -->
<div class="col-md-5">
<div class="text-end">
<!-- IMAGE-1 -->
<div class="about-2-img a-2-1 r-12">
<img class="img-fluid" src="{% static 'images/a2-1.jpg' %}" alt="about-image">
</div>
<!-- IMAGE-2 -->
<div class="about-2-img a-2-2 r-12">
<img class="img-fluid" src="{% static 'images/a2-2.jpg' %}" alt="about-image">
</div>
</div>
</div> <!-- END IMAGES-1 -->
<!-- IMAGES-2 -->
<div class="col-md-7">
<!-- IMAGE-3 -->
<div class="about-2-img a-2-3 r-12">
<img class="img-fluid" src="{% static 'images/a2-3.jpg' %}" alt="about-image">
</div>
<div class="row">
<!-- TEXT -->
<div class="col-md-7 col-lg-6">
<div class="a2-txt bg--black-400 pattern-01 bg--fixed color--white r-12">
<!-- Icon -->
<div class="a2-txt-quote ico-40 o-20">
<span class="flaticon-quote"></span>
</div>
<!-- Text -->
<p>Ready to elevate your practice? Discover how our cloud-based healthcare solutions can transform the way you deliver care. We focus on the highest level of protection your practice deserves.
</p>
<!-- Author -->
<p class="a2-txt-author">Obax Noma<span>COO & CO-FOUNDER</span></p>
</div>
</div>
<!-- IMAGE-4 -->
<div class="col-md-5 col-lg-6">
<div class="about-2-img a-2-4 r-12">
<img class="img-fluid" src="{% static 'images/a2-4.jpg' %}" alt="about-image">
</div>
</div>
</div> <!-- End row -->
</div> <!-- END IMAGES-2 -->
</div> <!-- End row -->
</div> <!-- END ABOUT-2 IMAGES -->
</section> <!-- END ABOUT-2 -->
<!-- ABOUT-3
============================================= -->
<div id="about-3" class="pt-100 about-section division">
<div class="container">
<div class="row">
<!-- ABOUT-3 TEXT -->
<div class="col-md-6">
<div id="a3-1" class="txt-block">
<!-- Title -->
<h5 class="s-24 w-700 mb-20">Intelligent Solutions for Modern Healthcare</h5>
<!-- Text -->
<p>We provide cutting-edge cloud technology designed specifically for healthcare practitioners who demand reliability, security, and innovation.
</p>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Our platform seamlessly integrates into your existing practice, offering real-time access to critical patient information, advanced analytics, and collaborative tools—all from any device, anywhere.
</p>
</li>
<li class="list-item">
<p class="mb-0">Whether youre a solo practitioner or part of a large healthcare network, our solutions scale to meet your needs.
</p>
</li>
</ul>
</div>
</div> <!-- END ABOUT-3 TEXT -->
<!-- ABOUT-3 TEXT -->
<div class="col-md-6">
<div id="a3-2" class="txt-block">
<!-- Title -->
<h5 class="s-24 w-700 mb-20">The Future of Healthcare is Connected</h5>
<!-- Text -->
<p>Join thousands of healthcare practitioners who have already transformed their practice with our innovative cloud solutions.
</p>
<!-- Text -->
<p class="mb-0">Experience the freedom of secure, mobile access to your practice management tools, the power of data-driven insights, and the efficiency of streamlined workflows—all designed to help you provide better patient outcomes.
</p>
</div>
</div> <!-- END ABOUT-3 TEXT -->
</div> <!-- End row -->
</div> <!-- End container -->
</div> <!-- END ABOUT-3 -->
<!-- STATISTIC-5
============================================= -->
<div id="statistic-5" class="py-100 statistic-section division">
<div class="container">
<!-- <div class="statistic-5-wrapper">-->
<!-- <div class="row row-cols-1 row-cols-md-3">-->
<!-- &lt;!&ndash; STATISTIC BLOCK #1 &ndash;&gt;-->
<!-- <div class="col">-->
<!-- <div id="sb-5-1" class="wow fadeInUp">-->
<!-- <div class="statistic-block">-->
<!-- &lt;!&ndash; Digit &ndash;&gt;-->
<!-- <div class="statistic-digit">-->
<!-- <h2 class="s-44 w-700">-->
<!-- <span class="count-element">26</span>.<span class="count-element">62</span>k-->
<!-- </h2>-->
<!-- </div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="statistic-txt">-->
<!-- <h5 class="s-19 w-700">Happy Customers</h5>-->
<!-- <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END STATISTIC BLOCK #1 &ndash;&gt;-->
<!-- &lt;!&ndash; STATISTIC BLOCK #2 &ndash;&gt;-->
<!-- <div class="col">-->
<!-- <div id="sb-5-2" class="wow fadeInUp">-->
<!-- <div class="statistic-block">-->
<!-- &lt;!&ndash; Digit &ndash;&gt;-->
<!-- <div class="statistic-digit">-->
<!-- <h2 class="s-44 w-700">-->
<!-- <span class="count-element">13</span>.<span class="count-element">54</span>k-->
<!-- </h2>-->
<!-- </div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="statistic-txt">-->
<!-- <h5 class="s-19 w-700">Positive Ratings</h5>-->
<!-- <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END STATISTIC BLOCK #2 &ndash;&gt;-->
<!-- &lt;!&ndash; STATISTIC BLOCK #3 &ndash;&gt;-->
<!-- <div class="col">-->
<!-- <div id="sb-5-3" class="wow fadeInUp">-->
<!-- <div class="statistic-block">-->
<!-- &lt;!&ndash; Digit &ndash;&gt;-->
<!-- <div class="statistic-digit">-->
<!-- <h2 class="s-44 w-700">-->
<!-- <span class="count-element">4</span>.<span class="count-element">87</span>/5-->
<!-- </h2>-->
<!-- </div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="statistic-txt">-->
<!-- <h5 class="s-19 w-700">Rating</h5>-->
<!-- <p>Porta justo integer and velna vitae auctor and magna quaerat ligula</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END STATISTIC BLOCK #3 &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End row &ndash;&gt;-->
<!-- </div> -->
</div>
</div>
<hr class="divider">
<section class="bg--04 bg--fixed py-100 ct-01 content-section division">
<div class="container">
<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">
<!-- Section ID -->
<span class="section-id">Co-founder at autoMedSys</span>
<!-- Title -->
<h2 class="s-50 w-700">Olu Ameye</h2>
<!-- Text -->
<p class="p-lg">&quot; We provide cutting-edge cloud technology designed specifically for healthcare practitioners who demand reliability, security, and innovation. Our platform seamlessly integrates into your existing practice, offering real-time access to critical patient information, advanced analytics, and collaborative tools—all from any device, anywhere. &quot;
</p>
</div>
</div> <!-- END TEXT BLOCK -->
<!-- IMAGE BLOCK -->
<div class="col-md-6 order-first order-md-2">
<div class="img-block j-img video-preview right-column wow fadeInLeft">
<!-- Play Icon -->
<!-- <a class="video-popup2" href="https://www.youtube.com/embed/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 r-20" src="{% static 'images/olu-ameye-automedsys-ai.jpg' %}" alt="Olusesan Ameye">
</div>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END TEXT CONTENT -->
<hr class="divider">
<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 target="_blank" href="https://forum.automedsys.ai/">Our Forum</a></p></li>
</ul>
</div>
</div>
<div class="col-sm-4 col-lg-2">
<div class="footer-links fl-2">
<h6 class="s-17 w-700">Products</h6>
<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>
<div class="col-sm-4 col-lg-2">
<div class="footer-links fl-2">
<!-- Title -->
<h6 class="s-17 w-700">Connect With Us</h6>
<!-- Mail Link -->
<p class="footer-mail-link ico-25">
<a href="mailto:info@autmedsys.ai">info@autmedsys.ai</a>
</p>
<!-- Social Links -->
<ul class="footer-socials ico-25 text-center clearfix">
<li><a href="https://www.facebook.com/profile.php?id=61577571233672" target="_blank"><span class="flaticon-facebook"></span></a></li>
<li><a href="#"><span class="flaticon-twitter"></span></a></li>
</ul>
</div>
</div>
<!-- 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>
</div>
<hr>
<div class="bottom-footer">
<div class="row row-cols-1 row-cols-md-2 d-flex align-items-center">
<div class="col">
<div class="footer-copyright">
<p class="p-sm">&copy; 2026 autoMedSys (AI). <span>All Rights Reserved</span></p>
</div>
</div>
<div class="col">
<ul class="bottom-footer-socials ico-20 text-end">
<li><a target="_blank" href="https://www.facebook.com/profile.php?id=61577571233672"><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>