coronaindia
Version:
COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.
952 lines (924 loc) • 46.2 kB
HTML
<!--
#Project : COVID19
#Team : https://github.com/orgs/elComrades/people
#Author : github.com/prashantmi, github.com/deepandu
github.com/abhijatchaturvedi, github.com/siddharthsrivastava
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script data-ad-client="ca-pub-3584207319564393" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-161859093-2"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N2ZNT32');</script>
<!-- End Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-161859093-2');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="COVID-19 virus outbreak in INDIA">
<meta property="og:url" content="https://coronaindia.github.io/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="COVID-19 INDIA Dashboard" />
<meta property="og:description" content="Dashboard for COVID-19 virus outbreak in INDIA">
<meta property="og:image" content="https://coronaindia.github.io/views/media/images/fsharevirus.png">
<meta name="google-site-verification" content="MTMTaQVSsi5ckiwW_rDJwe6zcQcot6BknPp9IHmHqG4" />
<meta name="theme-color" content="#FFFFFF" />
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<title>COVID-19 INDIA Dashboard</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Theme style -->
<link rel="stylesheet" href="views/dist/css/dashboardTheme.css">
<!--JQueryUI -->
<link href="views/media/jquery-ui/1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap -->
<link href="views/media/bootstrap/bootstrap-4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap Datables -->
<link href="views/media/dataTables/DataTables-1.10.18/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap Datables Responsive -->
<link href="views/media/dataTables/Responsive-2.2.2/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--Fontawesome Icons-->
<link rel="stylesheet" href="views/media/fontawesome/5.10.1/css/all.css" />
<!-- OverlayScrollbars Plugin CSS -->
<link type="text/css" href="views/media/overlayScrollbars/css/OverlayScrollbars.css" rel="stylesheet" />
<!--customBootstrap-->
<link rel="stylesheet" href="views/media/prashantUIUX/customBootstrap/css/customBootstrap.css" type="text/css" />
<!--Fonts-->
<link rel="stylesheet" href="views/media/prashantUIUX/fonts/webfontkit-averta-family/stylesheet.css" type="text/css" />
<!--Custom -->
<link rel="stylesheet" href="views/media/misc/css/indexDay.css" id="dayThemeCss" type="text/css" />
<link rel="stylesheet" href="views/media/misc/css/common.css" type="text/css">
<link rel="stylesheet" href="views/media/misc/css/themeSwitch.css" type="text/css" />
<link rel="stylesheet" href="views/media/misc/css/allAnimation.css" type="text/css" />
<!-- <link rel="stylesheet" href="views/media/misc/css/botFrame.css" type="text/css" /> -->
<link rel="stylesheet" href="views/robot/style.css">
<link rel="manifest" href="views/media/pwa/manifest.json" />
</head>
<body class="hold-transition sidebar-mini layout-fixed" id="pagescroll" ng-app="" ng-cloak>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2ZNT32"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<a class=" botAnime" style="cursor: pointer;" data-widget="control-sidebar" data-slide="true"> </a>
<input type="text" name="themeTypeElm" id="themeTypeElm" class="d-none themeTypeElm" value="1">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header-thsw main-header navbar navbar-expand navbar-light" id="">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link nav-link-menuBtn" data-widget="pushmenu" href="#">
<i class="menu-thsw fas fa-bars text-danger" style="font-size:20px; font-weight: bold;"></i>
</a>
</li>
<li class="nav-item mt-2 ">
<a href="" class="text-nowrap"><b>COVID-19 Virus Outbreak in INDIA </b><img class="img" src="views/media/images/indianflag.svg" width="20px" height="20px"></a>
<div class="form-group d-flex text-nowrap flex-nowrap">
Day Mode
<i class="fas fa-cloud-sun text-warning" style=""></i>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input themeSwitchChkBox" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1"></label>
</div>
<i class="fas fa-cloud-moon text-primary" style=""> </i>
Night Mode
</div>
</li>
</ul>
<!-- Right navbar links -->
<!-- <ul class="navbar-nav ml-auto">
<li class="nav-item">
<form class="form-inline">
<span style="cursor: pointer;"><span class="badge badge-secondary" data-widget="control-sidebar" data-slide="true">Ask Bot <i class="far fa-hand-point-right"></i></span><img class="direct-chat-img animated flip delay-0.2s "
data-widget="control-sidebar" data-slide="true" src="views/media/images/robot2.svg" style="float: right;">
</span>
</form>
</li>
</ul>-->
</nav>
<!-- Main Sidebar Container -->
<aside class="main-Sidebar-thsw navbar-light main-sidebar elevation-4 shadow">
<!-- Brand Logo -->
<a href="" class="brand-link">
<img src="views/media/images/virus.svg" alt="CoronaIndia Logo" class="brand-image img-circle elevation-3">
<span class="brand-text-thsw brand-text font-weight-bold text-shadow brand-text-light" style="">COVID-19 INDIA</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-item">
<a href="" class="nav-link">
<i class="nav-icon fas fa-home"></i>
<p>
Home
</p>
</a>
</li>
<li class="nav-item">
<a href="index.html" class="nav-link">
<i class="nav-icon fas fa-th"></i>
<p>
Stats- INDIA
</p>
</a>
</li>
<li class="nav-item">
<a href="views/worldwide.html" class="nav-link">
<i class="nav-icon fas fa-globe"></i>
<p>
Stats- WORLD
</p>
</a>
</li>
<li class="nav-item">
<a href="views/researchcentre.html" class="nav-link">
<i class="nav-icon fas fa-flask"></i>
<p>
Research Centre <span class="badge badge-danger new-text">New</span>
</p>
</a>
</li>
<li class="nav-item">
<a href="#newsCard" class="nav-link">
<i class="nav-icon fas fa-rss-square"></i>
<p>
Guidelines
</p>
</a>
</li>
<li class="nav-item">
<a href="#faqCard" class="nav-link">
<i class="nav-icon far fa-question-circle"></i>
<p>
FAQs
</p>
</a>
</li>
<li class="nav-item">
<a href="#helplineCard" class="nav-link">
<i class="nav-icon fas fa-tty"></i>
<p>
Helpline
</p>
</a>
</li>
<!-- <li class="nav-item has-treeview">
<a href="#" class="nav-link">
<i class="nav-icon far fa-chart-bar"></i>
<p>
Graphs
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#mapCard" class="nav-link">
<i class="fas fa-map-marker-alt nav-icon"></i>
<p>State Wise Cases Map</p>
</a>
</li>
<li class="nav-item">
<a href="#doughnutCard" class="nav-link">
<i class="fas fa-chart-pie nav-icon"></i>
<p>Cases 2019-nCoV</p>
</a>
</li>
<li class="nav-item">
<a href="#lineCard" class="nav-link">
<i class="fas fa-chart-line nav-icon"></i>
<p>Trend of 2019-nCoV</p>
</a>
</li>
<li class="nav-item">
<a href="#lineCard2" class="nav-link">
<i class="fas fa-chart-line nav-icon"></i>
<p>Doubling rate 2019-nCoV</p>
</a>
</li>
<li class="nav-item">
<a href="#bargraph" class="nav-link">
<i class="fas fa-chart-bar nav-icon"></i>
<p>State & UTs</p>
</a>
</li>
</ul>
</li> -->
<!-- <li class="nav-item">
<a href="#latestnewsCard" class="nav-link">
<i class="fas fa-rss nav-icon"></i>
<p>
News Center
</p>
</a>
</li> -->
<li class="nav-item">
<a href="views/about.html" class="nav-link">
<i class="fa fa-info-circle nav-icon"></i>
<p>
About
</p>
</a>
</li>
<!-- <li class="nav-item ml-3"> -->
<!-- <a class="fab fa-twitter shadow" title="Share via Twitter" target="_blank" href="https://twitter.com/intent/tweet?button_hashtag=indiafightscorona&ref_src=twsrc%5Etfw"> -->
<!-- </a> -->
<!-- <a target="_blank" href="https://twitter.com/intent/tweet?button_hashtag=indiafightscorona&ref_src=twsrc%5Etfw">#indiafightscorona</a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1 "> -->
<!-- <a class="fab fa-linkedin shadow" title="Share via Linkedin" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://coronaindia.github.io/&title=#indiafightscorona&source=https://coronaindia.github.io/"></a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1"> -->
<!-- <a href="https://www.instagram.com/?url=https://coronaindia.github.io/" title="Share via Instagram" target="_blank" class="fab fa-instagram shadow"></a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1"> -->
<!-- <a class="fab fa-facebook shadow" target="_blank" title="Share via Facebook" href="https://www.facebook.com/sharer.php?u=https://coronaindia.github.io/"></a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1"> -->
<!-- <a target="_blank" title="Share via Whatsapp" href="whatsapp://send?&text= COVID-19 INDIA Dashboard https://coronaindia.github.io/" class="fab fa-whatsapp shadow"></a> -->
<!-- </li> -->
</ul>
</nav>
</div>
</aside>
<!--Common navbar ends here-->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper bg-white">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-5 col-md-5">
<h1 class="">Dashboard </h1>
</div>
<div class="col-7 col-md-3">
<select id="stateList" class="form-control" style="" onchange="filterDataStateWise(this.value, 1)">
<option>Select State</option>
</select>
</div>
<div class="col-12 col-md-4">
<ol class="breadcrumb d-flex flex-row-reverse pt-3 pt-md-0">
<li class="nav-item mr-1">
<a class="fab fa-twitter shadow" title="Share via Twitter" target="_blank" href="https://twitter.com/elcomrades">
</a>
</li>
<li class="nav-item mr-1">
<a class="fab fa-linkedin shadow" title="Share via Linkedin" target="_blank"
href="https://www.linkedin.com/shareArticle?mini=true&url=https://coronaindia.github.io/&title=#indiafightscorona&source=https://coronaindia.github.io/"></a>
</li>
<li class="nav-item mr-1">
<a href="https://www.instagram.com/?url=https://coronaindia.github.io/" title="Share via Instagram" target="_blank" class="fab fa-instagram shadow"></a>
</li>
<li class="nav-item mr-1">
<a class="fab fa-facebook shadow" target="_blank" title="Share via Facebook" href="https://www.facebook.com/elcomrades"></a>
</li>
<li class="nav-item mr-1">
<a target="_blank" title="Share via Whatsapp" href="whatsapp://send?&text= COVID-19 INDIA Dashboard https://coronaindia.github.io/" class="fab fa-whatsapp shadow"></a>
</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Main content -->
<section class="content" id="dashboardSection">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<div class="row ">
<div class="col-lg-2 col-sm-6 col-6 ">
<!-- small box -->
<div class="small-box border border-info shadow-lg bg-gradient-info">
<div class="inner">
<h3 id="totalCases"></h3>
<img class="img float-right" src="views/media/images/totalcase.svg" width="42px" height="42px">
<p>Total Cases</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<!-- small box -->
<div class="small-box border border-primary shadow-lg bg-gradient-primary">
<div class="inner">
<h3 id="totalActive"></h3>
<img class="img float-right" src="views/media/images/activecase.svg" width="42px" height="42px">
<p>Active Cases</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<!-- small box -->
<div class="small-box border border-danger shadow-lg bg-gradient-danger">
<div class="inner">
<h3 id="deaths"></h3>
<img class="img float-right" src="views/media/images/nuclear.svg" width="42px" height="42px">
<p>Total Deaths</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<div class="small-box border border-warning shadow-lg bg-gradient-warning text-white">
<div class="inner">
<h3 id="cfc"></h3>
<img class="img float-right" src="views/media/images/globe.svg" width="42px" height="42px">
<p>Death Rate</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<!-- small box -->
<div class="small-box border border-secondary shadow-lg bg-gradient-secondary">
<div class="inner">
<h3 id="discharged"></h3>
<img class="img float-right" src="views/media/images/cured.svg" width="42px" height="42px">
<p>Cured/Migrated</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<div class="small-box border border-success shadow-lg bg-gradient-success">
<div class="inner">
<h3 id="cic"></h3>
<img class="img float-right" src="views/media/images/india.svg" width="42px" height="42px">
<p>Recovery Rate</p>
</div>
</div>
</div>
</div>
<!-- Main row -->
<div class="row">
<section class="col-lg-6 connectedSortable">
<div class="card shadow" style="" id="lineCard">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-chart-line mr-1" style="color:#20B4C4;"></i>
Trend of 2019-nCoV Cases
</h3>
<div class="card-tools">
<!-- <select id="stateList" class="form-control" style="display:inline;width:75%;" onchange="filterDataStateWise(this.value, 1)">
<option>Select State</option>
</select> -->
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body" id="trendsOf2019" style="height: 300px">
<canvas id="lineChart1"></canvas>
</div>
</div>
<div class="card shadow" style="" id="lineCard2">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-chart-line mr-1" style="color:#20B4C4;"></i>
Doubling rate 2019-nCoV Cases
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body" style="height: 300px">
<canvas id="lineChart3"></canvas>
</div>
</div>
</section>
<section class="col-lg-6 connectedSortable">
<div class="card shadow" id="mapCard">
<div class="card-header border-0 mb-0">
<h3 class="card-title">
<i class="fas fa-map-marker-alt mr-1" style="color:#20B4C4;"></i>
State Wise Case Information
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0">
<!-- <div id="googleMapNcovCas" style="height: 550px; width: 100%; display none;"></div> -->
<div id="amMapdiv" class="amMapdiv" style="width: 100%;"></div>
</div>
<div class="card-footer bg-transparent d-none">
</div>
</div>
</section>
</div>
<div class="row ">
<section class="col-lg-6 connectedSortable">
<div class="card shadow" id="bargraph">
<div class="card-header border-0 mb-0">
<h3 class="card-title"><i class="fas fa-chart-bar mr-1" style="color:#20B4C4;"></i>State & UTs</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0 mr-0 ml-0">
<div id="nCoVSatesCasesAmChart" style="width: 100%; height:900px;"></div>
</div>
</div>
</section>
<section class="col-lg-6 connectedSortable">
<div class="card shadow" style="" id="lineCard">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-chart-line mr-1" style="color:#20B4C4;"></i>
Recovery and deaths of 2019-nCoV Cases
</h3>
<div class="card-tools">
<!-- <select id="stateList1" class="form-control" style="display:inline;width:75%;" onchange="filterDataStateWise(this.value, 2)">
<option>Select State</option>
</select> -->
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body" id="DandRTrend" style="height: 300px">
<canvas id="lineChart2"></canvas>
</div>
</div>
<div class="card shadow" id="doughnutCard">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-chart-pie mr-1" style="color:#20B4C4;"></i>
Cases 2019-nCoV
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas id="ncovDoughnut"></canvas>
</div>
</div>
<div class="card shadow d-none" id="">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-chart-pie mr-1" style="color:#20B4C4;"></i>
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body gogAdDiv" style="min-width: 250px !important;">
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-3584207319564393"
data-ad-slot="3552398597"></ins>
</div>
</div>
<!-- Jatin please look -- start -->
<!-- <div class="card shadow" style="" id="lineCard2">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-chart-line mr-1" style="color:#20B4C4;"></i>
How many cases are expected in India ? (<a href="researchcentre.html"> From our Research Centre</a>)
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<figure class="highcharts-figure">
<div id="container" style="border-right: 1px black;" class="chartContainer">
<div id="loading1" class="waiting">
<img src="loading.gif"></img>
</div>
</div>
</figure>
</div>
</div> -->
<!-- Jatin please look end -->
</section>
</div>
<div class="row ">
<section class="col-lg-6 connectedSortable">
<div class="card shadow" id="helplineCard">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-tty mr-1" style="color:#20B4C4;"></i>
Central Helpline Number: <b style="color:#20B4C4;">1075 </b> / <b style="color:#20B4C4;">+91-11-23978046</b>
</h3>
<h3 class="card-title">
<i class="far fa-envelope mr-1" style="color:#20B4C4;"></i>
Helpline Email ID : <b style="color:#20B4C4;">ncov2019@gov.in</b> / <b style="color:#20B4C4;">ncov2019@gmail.com</b>
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="panel-collapse collapse show" aria-expanded="true">
<div id="hacker-list">
<input class="form-control search " type="search" placeholder="Search by State" aria-label="Search">
<div class="customScrollBar" style="height:250px;">
<ul class="list" id="newsscroll" style="list-style-type:none;">
<li data-id="1">
<i class="nav-icon fas fa-tty mr-1" style="color:#20B4C4;"></i><span href="#!" class="place" style="font-weight:bold; ">Andhra Pradesh </span>
<span class="phoneNo timestamp " data-timestamp="1234" style="color:royalblue;font-weight:bold;"> 0866-2410978</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="col-lg-6 connectedSortable">
<div class="card shadow " id="newsCard">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-rss-square mr-1" style="color:#20B4C4;"></i> Guidelines</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="direct-chat-messages customScrollBar" id="newsscroll" style="min-height:330px;">
<div class="list-group">
<a href="https://www.mohfw.gov.in/pdf/SocialDistancingAdvisorybyMOHFW.pdf" class="list-group-item-thsw list-group-item list-group-item-action" target="_blank">Advisory - Social Distancing</a>
<a href="https://www.mohfw.gov.in/pdf/1584423700568_COVID19GuidelinesonDeadbodymanagement.pdf" class="list-group-item-thsw list-group-item list-group-item-action" target="_blank">Guidelines on Dead Body Management</a>
<a href="https://www.mohfw.gov.in/pdf/Guidelinesforhomequarantine.pdf" class="list-group-item-thsw list-group-item list-group-item-action" target="_blank">Guidelines for home quarantine</a>
<a href="https://www.mohfw.gov.in/pdf/Useofmaskbypublic.pdf" class="list-group-item-thsw list-group-item list-group-item-action" target="_blank">Guidelines on use of masks by public</a>
<a href="https://www.mohfw.gov.in/pdf/advisoryformassgathering.pdf" class="list-group-item-thsw list-group-item list-group-item-action" target="_blank">Advisory - Mass Gatherings</a>
<div class="list-group-item-thsw list-group-item list-group-item-action ">
<h5><span class="badge badge-success"><a href="https://covid.icmr.org.in/index.php/testing-facilities" target="_blank" style="color:white">ICMR COVID-19 Testing Laboratories</a></span></h5>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="row ">
<section class="col-lg-6 connectedSortable">
<div class="card shadow" id="faqCard">
<div class="card-header">
<h3 class="card-title"> <img class="img mr-1" src="views/media/images/faqAqua.svg" height="22" width="22"> Frequently Asked Questions (FAQ's)</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body" style="font-size:15px !important;">
<div class="direct-chat-messages customScrollBar" id="newsscroll" style="height:300px;">
<div class="faqDiv-thsw panel-group fqqDiv" id="accordion">
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title hover">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> What is 2019 Novel Coronavirus ?</a>
</h5>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
2019 Novel Coronavirus, or 2019-nCoV, is a new virus first identified in Wuhan, Hubie Province, China. It is named novel as it has not been previously identified.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> What is the source of 2019 Novel
Coronavirus ?</a>
</h5>
</div>
<div id="collapseTen" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
At present exact source of infection of 2019 novel Corona virus has not need identified. Coronaviruses are a large family of virus, some causing illness in people and others that circulate among animals. Initially, many of
the patients in the outbreak in Wuhan, China reportedly had some link to large seafood and aimal market, suggesting the virus likely emerged from an animal source.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEleven" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> What are the initial symptoms of
Novel Coronavirus ?</a>
</h5>
</div>
<div id="collapseEleven" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
Current symptoms reported for patients with 2019-nCoV include acute onset of fever, cough, and difficulty in breathing.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> How does the virus spread ?</a>
</h5>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
The specific modes of transmission of the virus is not clear yet since it is a novel virus. The virus probably orignally emerged from an animal source but now seems to be spreading from person-to-person. It's not clear yet
how easily 2019-nCoV spreads from person-to-person. It is thought to have happened mainly when a infected person coughs or sneezes, similar to how influenza and other respiratory pathogens spread.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> What is GoI doing about 2019-nCoV
?</a>
</h5>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
A 24*7 helpline has been setup by the GoI at NCDC, New Delhi to answer all queries regarding the diseases. The GoI is closely monitoring the situation and has ascertained the level of preparedness in every State of India.
As this is an emerging, rapidly evolving the GoI will continue to provide updated information as it becomes available.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> Is there a vaccine to get protection
from 2019 novel Corona Virus ?</a>
</h5>
</div>
<div id="collapseFive" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
Currently, there is no vaccine available to protect against 2019-novel Corona Virus.
<br />
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> Is it safe to travel to Wuhan, China or
other countries where 2019-nCoV 2019 cases have occured ?</a>
</h5>
</div>
<div id="collapseSix" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
All nonessential travel to China is to be avoided. If the travel is unavoidable- At all times follow the simple public health measures:
<ul>
<li>Obeserve good personel hygiene.</li>
<li>Monitor your health closely.</li>
<li>Seek medical attention promptly if you feel sick.</li>
<li>If you feel sick during travel, inform airline crew about your illness and seek mask from the airline crew</li>
<li>For futher detials kindly check Travel advisory issued by MoHFW, GoI available on website (<a class="color-white" href="https://www.mohfw.gov.in">www.mohfw.gov.in</a>).</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> What are the treatments ?</a>
</h5>
</div>
<div id="collapseEight" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
There is no specific antiviral treatment available for 2019-novel Corona Virus infection. People infected with 2019-novel Corona Virus should receive supportive care to help relieve symptoms.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseNine" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> How can I help protect myself ?</a>
</h5>
</div>
<div id="collapseNine" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
There is currently no vaccine to prevent 2019-nCoV infection. The best way to prevent infection is to avoid being exposed to this virus.
<ul>
<li>All non-essential travel to China or affected countaries* to be avoided.</li>
<li>Observe good personal hygiene.</li>
<li>Prectice frequent hand washing with soap.</li>
<li>Cover your mouth when coughing and sneezing.</li>
*The list of affected countries is available on WHO website (<a href="https://www.who.int" class="color-white">www.who.int</a>) and would be updated time to time.
</ul>
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> What should I do if I had close contact
with someone who is confirmed case of 2019-nCoV ?</a>
</h5>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
Self monitor your health starting from the day of last contact with such a case and continue for 28 days. Watch for the development of acute onset of signs and symptoms.
<ul>
<li>Fever</li>
<li>Cough</li>
<li>Shortness of breath or difficulty in breathing</li>
If you observe any of the above symptoms visit the nearest health facility for further advice and treatment. Further you must furnish the details of exposure of such patient to your health care worker.
</ul>
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" style="font-size:16px !important;"><i class="fas fa-hand-point-right"></i> Should I be tested for 2019-novel
Corona Virus ?</a>
</h5>
</div>
<div id="collapseSeven" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
If you develop acute onset of fever and symptoms of respiratory illness, such as cough or shortness of breath, you should visit nearest health facility and the doctor's will decide if you need to tested for 2019-novel
Corona Virus depending upon your history of travel to China/ affected countries or contact with any suspected/ lab confirmed case.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="col-lg-6 connectedSortable">
<div class="card shadow" id="tweet">
<div class="card-header">
<h3 class="card-title"><i class="fab fa-twitter mr-1" style=""></i>Tweets-MoHFW INDIA</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="panel-collapse collapse show p-0" aria-expanded="true">
<div class="direct-chat-messages pr-3 m-0 customScrollBar" style="height:290px;">
<a class="twitter-timeline" href="https://twitter.com/MoHFW_INDIA?ref_src=twsrc%5Etfw&theme=light"></a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
</div>
<div align="right">
Data Source: <a target="_blank" href="https://www.mohfw.gov.in/">Ministry of Health and Family Welfare</a>
</div>
<footer class="main-footer ">
<div class="container-fluid">
<div class="row">
<div class="col-6 col-md-4">
<span class="flex-nowrap "><i class="far fa-envelope text-danger"></i><span style="color:#20B4C4;"> elcomrades19@gmail.com</span></span>
</div>
<div class="col-6 col-md-2">
<span class="flex-nowrap ">Visitor Count : <span class="badge badge-danger" id="visitorCount"><i class='fa fa-spinner fa-spin'></i></span></span>
</div>
<div class="col-8 col-md-4 pt-md-0 pt-2">
<span class="flex-nowrap">Designed & Developed By <a href="https://github.com/orgs/elComrades">elComrades</a></span>
</div>
<div class="col-4 col-md-2">
<span class="flex-nowrap"><a href="https://github.com/orgs/elComrades/people"><i class="fab fa-github" style="color:black;"></i> Authors</a></span>
</div>
</div>
</div>
</footer>
<aside class="control-sidebar" style="" id="newsscroll">
<div id="frame">
<div class="chatbot-frame-thsw content bg-white shadow" style="">
<div class="bot-header-thsw contact-profile shadow rounded ">
<img src="views/media/images/robot2.svg" class="img animated flip delay-0.2s">
<h4><span class="animated fadeIn delay-0.2s "> Corona Bot</span></h4>
<div>
<h6 style="float:left;"><span class="badge badge-success" onclick="start_over();" style="cursor: pointer;"><i class="fas fa-sync-alt"></i> Start Again</span></h6>
<h6><span class="badge badge-danger" data-widget="control-sidebar" data-slide="true" style="cursor: pointer;"><i class="fas fa-times"></i> Close</span></h6>
</div>
</div>
<div class="messages shadow rounded border border-dark" id="mssg">
<ul>
<li class="replies">
<p>Hello I am Corona Bot. And I am here to help you during novel corona virus outbreak.</p>
</li>
<li class="replies">
<p>Warning: Do not take this as medical advise. Consult your doctor if you feel sick.</p>
</li>
<li class="sent">
<button type="button" class="btn btn-success" onclick="start()">Risk Analyzer. 🤒</button>
<button type="button" class="btn btn-danger" onclick="quiz()">Take Quiz. 🤓</button>
</li>
</ul>
</div>
</div>
</div>
</aside>
</div>
<!--JQuery -->
<script src="views/media/jquery/3.4.1/jquery-3.4.1.min.js" type="text/javascript"></script>
<!--JQueryUI -->
<script src="views/media/jquery-ui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<!--Bootstrap -->
<script src="views/media/bootstrap/bootstrap-4.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<!-- list.min.js-->
<script src="views/media/list.js/1.5.0/dist/list.min.js"></script>
<!-- Json values and variables -->
<script src="views/media/misc/js/jsonNvars.js"> </script>
<!-- chart and map js -->
<script src="views/media/misc/js/themeSwitch.js"> </script>
<!--Bootstrap Datables -->
<script src="views/media/dataTables/DataTables-1.10.18/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="views/media/dataTables/DataTables-1.10.18/js/dataTables.bootstrap4.min.js" type="text/javascript"></script>
<!--Bootstrap Datables Responsive -->
<script src="views/media/dataTables/Responsive-2.2.2/js/dataTables.responsive.min.js" type="text/javascript"></script>
<script src="views/media/dataTables/Responsive-2.2.2/js/responsive.bootstrap4.min.js" type="text/javascript"></script>
<!-- Datables api->processing -->
<script type="text/javascript" src="views/media/dataTables/api/processing().js"></script>
<!---moment.js dattimepicker-->
<script type="text/javascript" src="views/media/moment-js/moment.js"></script>
<!--highchart JS -->
<script src="views/media/highcharts/7.2.0/highcharts.js"></script>
<script src="views/media/highcharts/7.2.0/modules/exporting.js"></script>
<script src="views/media/highcharts/7.2.0/modules/export-data.js"></script>
<!--TextFit JS-->
<script type="text/javascript" src="views/media/textFit/2.4.0/textFit.min.js"></script>
<!-- ChartJS -->
<script src="views/media/chart.js/Chart.min.js"></script>
<!-- Am chart core -->
<script src="views/media/amCharts/amcharts4/core.js"></script>
<!-- Am chart charts -->
<script src="views/media/amCharts/amcharts4/charts.js"></script>
<script src="views/media/amCharts/amcharts4/themes/animated.js"></script>
<script src="views/media/amCharts/amcharts4/themes/material.js"></script>
<!-- Am chart maps -->
<script src="views/media/amCharts/amcharts4/maps.js"></script>
<script src="views/media/amCharts/geodata/data/countries2.js"></script>
<!-- <script src="views/media/amCharts/geodata/json/indiaLow.json"></script> -->
<!-- mapnChars js -->
<script src="views/media/misc/js/mapNcharts.js?v=1.2"></script>
<!-- AdminLTE App -->
<script src="views/dist/js/adminlte.js"></script>
<!--OverlayScrollbars Plugin JS -->
<script type="text/javascript" src="views/media/overlayScrollbars/js/jquery.overlayScrollbars.js"></script>
<!--customBootstrap-->
<script type="text/javascript" src="views/media/prashantUIUX/customBootstrap/js/customBootstrap.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- <script async defer SameSite=None src="https://maps.google.co.in/maps/api/js?key=AIzaSyB9o2-H1VP2p3JwxC8f-yr_Le7UpuwovPE&callback=initMap"></script> -->
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Chat bot js -->
<script src="views/media/chatbot/js/chatbot.js"> </script>
<!-- common js -->
<script src="views/media/misc/js/common.js"> </script>
<!-- <script src="dashboard_plugin/coronaindia.js"> </script>
<link rel="stylesheet" href="dashboard_plugin/coronaindia.css" /> -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src='views/robot/three.min.js'></script>
<script src='views/robot/gsap.min.js'></script>
<script src='views/robot/dat.gui.min.js'></script>
<script src='views/robot/colladaLoader2.min.js'></script>
<script src="views/robot/script.js"></script>
<script>
// if ('serviceWorker' in navigator) {
// // Use the window load event to keep the page load performant
// window.addEventListener('load', () => {
// console.log("Hello from service worker");
// navigator.serviceWorker.register('/coronaindia/sw.js');
// });
// }
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
$(document).ready(function () {
(adsbygoogle = window.adsbygoogle || []).push({});
});
</script>
<div id="commonfile"></div>
</body>
</html>