<!doctype html>
<html lang="en">
<head>
<title>Gemstonic - Coronavirus Statistics</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="fonts/flaticon-covid/font/flaticon.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div id="overlayer"></div>
<div class="loader">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<div class="site-wrap">
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<header class="site-navbar light js-sticky-header site-navbar-target" role="banner">
<div class="container">
<div class="row align-items-center">
<div class="col-6 col-xl-2">
<div class="mb-0 site-logo"><a href="index.html" class="mb-0"><img src="images/logo.png" width="100%"> </a></div>
</div>
<div class="col-12 col-md-10 d-none d-xl-block">
<nav class="site-navigation position-relative text-right" role="navigation">
<ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block">
<li class="active"><a href="index.html" class="nav-link">Home</a></li>
<li><a href="register.html" class="nav-link">Register</a></li>
<li><a href="login.html" class="nav-link">login</a></li>
<li><a href="profile.php" class="nav-link">Profile</a></li>
</ul>
</nav>
</div>
<div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle float-right"><span class="icon-menu h3 text-black"></span></a></div>
</div>
</div>
</header>
<div class="hero-v1">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 mr-auto text-center text-lg-left">
<span class="d-block subheading">Covid-19 Awareness</span>
<h1 class="heading mb-3">Stay Safe. Stay Home.</h1>
<p class="mb-5">Each day we hear about more people testing positive for COVID-19 in our county, the United States and throughout the world.</p>
<p class="mb-4"><a href="#" class="btn btn-primary">How to prevent</a></p>
</div>
<div class="col-lg-6">
<figure class="illustration">
<img src="images/illustration.png" alt="Image" class="img-fluid">
</figure>
</div>
<div class="col-lg-6"></div>
</div>
</div>
</div>
<div class="site-section stats">
<div class="container">
<div class="row mb-3">
<div class="col-lg-7 text-center mx-auto">
<h2 class="section-heading">Coronavirus Statistics</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="data">
<span class="icon text-primary">
<span class="flaticon-virus"></span>
</span>
<strong class="d-block number">14,112,077</strong>
<span class="label">Active Cases</span>
</div>
</div>
<div class="col-lg-4">
<div class="data">
<span class="icon text-primary">
<span class="flaticon-virus"></span>
</span>
<strong class="d-block number">595,685</strong>
<span class="label">Deaths</span>
</div>
</div>
<div class="col-lg-4">
<div class="data">
<span class="icon text-primary">
<span class="flaticon-virus"></span>
</span>
<strong class="d-block number">8,397,665</strong>
<span class="label">Recovered Cases</span>
</div>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="row">
<div class="col-lg-6 mb-4 mb-lg-0">
<figure class="img-play-vid">
<img src="images/hero_1.jpg" alt="Image" class="img-fluid">
<div class="absolute-block d-flex">
<span class="text">Watch the Video</span>
<a href="https://www.youtube.com/watch?v=9pVy8sRC440" data-fancybox class="btn-play">
<span class="icon-play"></span>
</a>
</div>
</figure>
</div>
<div class="col-lg-5 ml-auto">
<h2 class="mb-4 section-heading">What is Coronavirus?</h2>
<p>COVID-19 is the disease caused by the new coronavirus that emerged in China in December 2019!</p>
<ul class="list-check list-unstyled mb-5">
<li>include cough, fever or chills.</li>
<li>shortness of breath or difficulty breathing.</li>
<li>can be spread from person to person.</li>
</ul>
<p><a href="#" class="btn btn-primary">Learn more</a></p>
</div>
</div>
</div>
</div>
<div class="container pb-5">
<div class="row">
<div class="col-lg-3">
<div class="feature-v1 d-flex align-items-center">
<div class="icon-wrap mr-3">
<span class="flaticon-protection"></span>
</div>
<div>
<h3>Protection</h3>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="feature-v1 d-flex align-items-center">
<div class="icon-wrap mr-3">
<span class="flaticon-patient"></span>
</div>
<div>
<h3>Prevention</h3>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="feature-v1 d-flex align-items-center">
<div class="icon-wrap mr-3">
<span class="flaticon-hand-sanitizer"></span>
</div>
<div>
<h3>Treatments</h3>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="feature-v1 d-flex align-items-center">
<div class="icon-wrap mr-3">
<span class="flaticon-virus"></span>
</div>
<div>
<h3>Symptoms</h3>
</div>
</div>
</div>
</div>
</div>
<div class="site-section bg-primary-light">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="row">
<div class="col-6 col-lg-6 mt-lg-5">
<div class="media-v1 bg-1">
<div class="icon-wrap">
<span class="flaticon-stay-at-home"></span>
</div>
<div class="body">
<h3>Stay at home</h3>
</div>
</div>
<div class="media-v1 bg-1">
<div class="icon-wrap">
<span class="flaticon-patient"></span>
</div>
<div class="body">
<h3>Wear facemask</h3>
</div>
</div>
</div>
<div class="col-6 col-lg-6">
<div class="media-v1 bg-1">
<div class="icon-wrap">
<span class="flaticon-social-distancing"></span>
</div>
<div class="body">
<h3>Keep social distancing</h3>
</div>
</div>
<div class="media-v1 bg-1">
<div class="icon-wrap">
<span class="flaticon-hand-washing"></span>
</div>
<div class="body">
<h3>Wash your hands</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5 ml-auto">
<h2 class="section-heading mb-4">How to Prevent Coronavirus?</h2>
<p>If COVID-19 is spreading in your community, stay safe by taking some simple precautions, such as physical distancing, wearing a mask, keeping rooms well ventilated, avoiding crowds, cleaning your hands, and coughing into a bent elbow or tissue. Check local advice where you live and work. Do it all!</p>
<ul class="list-check list-unstyled mb-5">
<li>Wash your hands often</li>
<li>Avoid close contact</li>
<li>Clean and disinfect</li>
</ul>
<p><a href="#" class="btn btn-primary">Read more about prevention</a></p>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7 mx-auto text-center">
<span class="subheading">What you need to do</span>
<h2 class="mb-4 section-heading">How To Protect Yourself</h2>
<p>COVID-19 spreads easily from person to person.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 ">
<div class="row mt-5 pt-5">
<div class="col-lg-6 do ">
<h3>You should do</h3>
<ul class="list-unstyled check">
<li>Stay at home</li>
<li>Wear mask</li>
<li>Use Sanitizer</li>
<li>Disinfect your home</li>
<li>Wash your hands</li>
<li>Frequent self-isolation</li>
</ul>
</div>
<div class="col-lg-6 dont ">
<h3>You should avoid</h3>
<ul class="list-unstyled cross">
<li>Avoid infected people</li>
<li>Avoid animals</li>
<li>Avoid handshaking</li>
<li>Aviod infected surfaces</li>
<li>Don't touch your face</li>
<li>Avoid droplets</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<img src="images/protect.png" alt="Image" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="site-section bg-primary-light">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7 mx-auto text-center">
<h2 class="mb-4 section-heading">Symptoms of Coronavirus</h2>
<p>People with COVID-19 have had a wide range of symptoms reported – ranging from mild symptoms to severe illness. Symptoms may appear 2-14 days after exposure to the virus. People with these symptoms may have COVID-19!</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 mb-4">
<div class="symptom d-flex">
<div class="img">
<img src="images/symptom_high-fever.png" alt="Image" class="img-fluid">
</div>
<div class="text">
<h3>High Fever</h3>
<p> this means you feel hot to touch on your chest or back (you do not need to measure your temperature)</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="symptom d-flex">
<div class="img">
<img src="images/symptom_cough.png" alt="Image" class="img-fluid">
</div>
<div class="text">
<h3>Cough</h3>
<p> this means coughing a lot for more than an hour, or 3 or more coughing episodes in 24 hours (if you usually have a cough, it may be worse than usual)</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="symptom d-flex">
<div class="img">
<img src="images/symptom_sore-troath.png" alt="Image" class="img-fluid">
</div>
<div class="text">
<h3>Sore Troath</h3>
<p>this means you've noticed you cannot smell or taste anything, or things smell or taste different to normal</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="symptom d-flex">
<div class="img">
<img src="images/symptom_headache.png" alt="Image" class="img-fluid">
</div>
<div class="text">
<h3>Headache</h3>
<p>Headaches can be more complicated than most people realize. Different kinds can have their own set of symptoms.</p>
</div>
</div>
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-lg-10">
<div class="note row">
<div class="col-lg-8 mb-4 mb-lg-0"><strong>Stay at home and call your doctor</strong></div>
<div class="col-lg-4 text-lg-right">
<a href="#" class="btn btn-primary"><span class="icon-phone mr-2 mt-3"></span>Help line</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<div class="border-top">
<p class="copyright"><small>
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved by gemstonic
</small></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>