coronaindia
Version:
COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.
158 lines • 6.19 kB
HTML
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#"><img class="img" src="media/images/open-menu.svg" width="20px" height="20px">
</a>
</li>
<li class="nav-item mt-2 ">
<a href="" style="color:black;" class="text-nowrap"><b>COVID-19 Virus Outbreak in INDIA </b><img class="img" src="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="media/images/robot.svg" style="float: right;">
</span>
</form>
</li>
</ul>
</nav>
<!-- Main Sidebar Container -->
<aside class="main-sidebar bg-white elevation-4 shadow">
<!-- Brand Logo -->
<a href="" class="brand-link">
<img src="media/images/virus.svg" alt="CoronaIndia Logo" class="brand-image img-circle elevation-3">
<span class="brand-text font-weight-bold text-shadow " style="color:black;text-shadow: 0.5px 0.5px #FF0000;">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="#dashboardSection" class="nav-link">
<i class="nav-icon fas fa-th"></i>
<p>
Stats- INDIA
</p>
</a>
</li>
<li class="nav-item">
<a href="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="#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>
</ul>
</li>
<li class="nav-item">
<a href="#latestnewsCard" class="nav-link">
<i class="fas fa-rss nav-icon"></i>
<p>
Latest Feeds
</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> -->
</nav>
</div>
</aside>