TIF_E41201756/templates/leukosit.html

383 lines
15 KiB
HTML
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" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="76x76" href="../static/assets/home/img/apple-icon.png">
<link rel="icon" type="image/png" href="../static/assets/home/img/favicon.png">
<title>
Detection ET Disease
</title>
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="../static/assets/home/css/nucleo-icons.css" rel="stylesheet" />
<link href="../static/assets/home/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
<link href="./static/assets/home/css/nucleo-svg.css" rel="stylesheet" />
<!-- Styles -->
<link href="../static/assets/home/css/custom.css" rel="stylesheet">
<link href="https://unpkg.com/cropperjs/dist/cropper.css" rel="stylesheet"/>
<script src="https://unpkg.com/cropperjs"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- CSS Files -->
<link id="pagestyle" href="../static/assets/home/css/soft-design-system.css?v=1.0.9" rel="stylesheet" />
<!-- Nepcha Analytics (nepcha.com) -->
<!-- Nepcha is a easy-to-use web analytics. No cookies and fully compliant with GDPR, CCPA and PECR. -->
<script defer data-site="YOUR_DOMAIN_HERE" src="https://api.nepcha.com/js/nepcha-analytics.js"></script>
</head>
<body class="index-page">
<!-- Navbar Light -->
<nav class="navbar navbar-expand-lg navbar-light bg-white z-index-3 py-3">
<div class="container">
<a class="navbar-brand" href="https://demos.creative-tim.com/soft-ui-design-system-pro/presentation.html" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom" target="_blank">
Essential Thrombocythemia
</a>
<!-- <a href="https://www.creative-tim.com/product/soft-ui-design-system-pro#pricingCard" class="btn btn-sm bg-gradient-primary btn-round mb-0 ms-auto d-lg-none d-block">Start Nowm</a> -->
<button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon mt-2">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</span>
</button>
<div class="collapse navbar-collapse w-100 pt-3 pb-2 py-lg-0" id="navigation">
<ul class="navbar-nav navbar-nav-hover mx-auto">
<li class="nav-item mx-2">
<a class="nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" role="button" href="/classification">
Deteksi
<!-- <img src="../../static/assets/home/img/down-arrow-dark.svg" alt="down-arrow" class="nav-link"> -->
</a>
</li>
<li class="nav-item dropdown dropdown-hover mx-2">
<a class="nav-link ps-2 d-flex justify-content-between cursor-pointer dropdown-toggle align-items-center" href="javascript:;" id="dropdownMenuDocs" data-bs-toggle="dropdown" aria-expanded="false">
Kelas Deteksi
</a>
<ul class="dropdown-menu px-2 py-3" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item border-radius-md" href="/giant">Giant Trombosit</a></li>
<li><a class="dropdown-item border-radius-md" href="/leukosit">Leukosit</a></li>
<li><a class="dropdown-item border-radius-md" href="/normal">Trombosit Normal</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
</div></div></div>
<!-- -------- START Features Detection -------- -->
<!-- konten -->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-8 mx-auto text-center mb-5">
<span class="badge rounded-pill badge-primary mb-2">Co-working</span>
<h2>Explore our places in London </h2>
<p>
If you cant decide, the answer is no. If two equally difficult paths,
choose the one more painful in the short term (pain avoidance
is creating an illusion of equality).
</p>
</div>
</div>
</div>
<div class="row min-vh-25 justify-content-center">
<div class="col-sm-2 col-5 mb-sm-0 mb-3">
<div style="background-image: url(&#39;../../static/assets/home/img/BANNET6.jpg&#39;)" class="w-80 h-100 border-radius-lg bg-cover"></div>
<!-- <p class="text-gradient text-primary font-weight-bold text-sm">Enterprise</p> -->
</div>
<div class="col-sm-2 col-7 mb-sm-0 mb-3">
<div style="background-image: url(&#39;../../static/assets/home/img/EOS15.jpg&#39;)" class="w-80 h-100 border-radius-lg bg-cover"></div>
</div>
<div class="col-sm-2 mb-sm-0 mb-3">
<div style="background-image: url(&#39;../../static/assets/home/img/LYM5.jpg&#39;)" class="w-80 h-100 border-radius-lg bg-cover"></div>
</div>
</div>
<div class="row min-vh-25 justify-content-center mt-4">
<div class="col-sm-2 col-5 mb-sm-0 mb-3">
<div style="background-image: url(&#39;../../static/assets/home/img/MONO4.jpg&#39;)" class="w-80 h-100 border-radius-lg bg-cover"></div>
</div>
<div class="col-sm-2 col-7 mb-sm-0 mb-3">
<div style="background-image: url(&#39;../../static/assets/home/img/PMN14.jpg&#39;)" class="w-80 h-100 border-radius-lg bg-cover"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-8 mx-auto text-center mb-5">
<span class="badge rounded-pill badge-primary mb-2">Co-working</span>
<p>
If you cant decide, the answer is no. If two equally difficult paths,
choose the one more painful in the short term (pain avoidance
is creating an illusion of equality).
</p>
</div>
</div>
</div>
</section>
<!-- End -->
<!-- -------- END Features w/ title and 3 infos -------- -->
<!-- Footer-->
<footer class="footer pt-5 mt-5" id="contact">
<hr class="horizontal dark mb-5">
<div class="container">
<div class=" row">
<div class="col-md-3 mb-4 ms-auto">
<div>
<h6 class="text-gradient text-primary font-weight-bolder">ET Detection Disease</h6>
</div>
<div>
<h6 class="mt-3 mb-2 opacity-8">Social</h6>
<ul class="d-flex flex-row ms-n3 nav">
<li class="nav-item">
<a class="nav-link pe-1" href="https://www.facebook.com/CreativeTim/" target="_blank">
<i class="fab fa-facebook text-lg opacity-8"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link pe-1" href="https://twitter.com/creativetim" target="_blank">
<i class="fab fa-twitter text-lg opacity-8"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link pe-1" href="https://dribbble.com/creativetim" target="_blank">
<i class="fab fa-dribbble text-lg opacity-8"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link pe-1" href="https://github.com/creativetimofficial" target="_blank">
<i class="fab fa-github text-lg opacity-8"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link pe-1" href="https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w" target="_blank">
<i class="fab fa-youtube text-lg opacity-8"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4">
<div>
<h6 class="text-gradient text-primary text-sm">Company</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/presentation" target="_blank">
About Us
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/templates/free" target="_blank">
Freebies
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/templates/premium" target="_blank">
Premium Tools
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/blog" target="_blank">
Blog
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4">
<div>
<h6 class="text-gradient text-primary text-sm">Resources</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://iradesign.io/" target="_blank">
Illustrations
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/bits" target="_blank">
Bits & Snippets
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/affiliates/new" target="_blank">
Affiliate Program
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4">
<div>
<h6 class="text-gradient text-primary text-sm">Help & Support</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/contact-us" target="_blank">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/knowledge-center" target="_blank">
Knowledge Center
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://services.creative-tim.com/?ref=ct-soft-ui-footer" target="_blank">
Custom Development
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/sponsorships" target="_blank">
Sponsorships
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4 me-auto">
<div>
<h6 class="text-gradient text-primary text-sm">Legal</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/terms" target="_blank">
Terms &amp; Conditions
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/privacy" target="_blank">
Privacy Policy
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/license" target="_blank">
Licenses (EULA)
</a>
</li>
</ul>
</div>
</div>
<div class="col-12">
<div class="text-center">
<p class="my-4 text-sm">
All rights reserved. Copyright © <script>document.write(new Date().getFullYear())</script> Soft UI Design System by <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>.
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer-->
<!-- Core JS Files -->
<script src="./static/assets/home/js/core/popper.min.js" type="text/javascript"></script>
<script src="./static/assets/home/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="./static/assets/home/js/plugins/perfect-scrollbar.min.js"></script>
<!-- Plugin for TypedJS, full documentation here: https://github.com/inorganik/CountUp.js -->
<script src="./static/assets/home/js/plugins/countup.min.js"></script>
<script src="./static/assets/home/js/plugins/choices.min.js"></script>
<script src="./static/assets/home/js/plugins/prism.min.js"></script>
<script src="./static/assets/home/js/plugins/highlight.min.js"></script>
<!-- Plugin for Parallax, full documentation here: https://github.com/dixonandmoe/rellax -->
<script src="./static/assets/home/js/plugins/rellax.min.js"></script>
<!-- Plugin for TiltJS, full documentation here: https://gijsroge.github.io/tilt.js/ -->
<script src="./static/assets/home/js/plugins/tilt.min.js"></script>
<!-- Plugin for Selectpicker - ChoicesJS, full documentation here: https://github.com/jshjohnson/Choices -->
<script src="./static/assets/home/js/plugins/choices.min.js"></script>
<!-- Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax -->
<script src="./static/assets/home/js/plugins/parallax.min.js"></script>
<!-- Control Center for Soft UI Kit: parallax effects, scripts for the example pages etc -->
<!-- Google Maps Plugin -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>
<script src="../static/assets/home/js/soft-design-system.min.js?v=1.0.9" type="text/javascript"></script>
<script src="../static/assets/home/js/soft-design-system.min.js"></script>
<script src="../static/assets/home/js/soft-design-system.min.js.map"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="../static/assets/home/js/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../static/assets/home/js/plugins/cropper-master/cropper.min.js"></script>
<script src="../static/assets/home/js/custom.js"></script>
<script type="text/javascript">
if (document.getElementById('state1')) {
const countUp = new CountUp('state1', document.getElementById("state1").getAttribute("countTo"));
if (!countUp.error) {
countUp.start();
} else {
console.error(countUp.error);
}
}
if (document.getElementById('state2')) {
const countUp1 = new CountUp('state2', document.getElementById("state2").getAttribute("countTo"));
if (!countUp1.error) {
countUp1.start();
} else {
console.error(countUp1.error);
}
}
if (document.getElementById('state3')) {
const countUp2 = new CountUp('state3', document.getElementById("state3").getAttribute("countTo"));
if (!countUp2.error) {
countUp2.start();
} else {
console.error(countUp2.error);
};
}
</script>
</body>
</html>