<!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> <!-- MAIN --> <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> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved by gemstonic <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></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>
