<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Covid 19</title> <!-- <link href="apexcharts/style/styles.css" rel="stylesheet" /> --> <style> #chart { max-width: 650px; /* margin: 35px auto; */ } </style> <link rel="stylesheet" href="bootstrap-4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="css/appstyle.css"> <script src="apexcharts/dist/apexcharts.min.js"></script> <script src="js/classes.js"></script> <script src="js/functions.js"></script> <script src="js/webcall.js"></script> </head> <body> <?php //include "./menu.html" ?> <div class="top-bar"> <!--MENU START--> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="index.php">Covid-19</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="index.php">All Continent<span class="sr-only">(current)</span></a> </li> <li class="nav-item active"> <a class="nav-link" href="country.php">By Continent</a> </li> <li class="nav-item"> <a class="nav-link" href="countryInDates.php">Country in dates</a> </li> <li class="nav-item"> <a class="nav-link" href="continentsInDates.php">Continent in dates</a> </li> </ul> </div> </nav> </div> <!--MENU END--> <div class="container header"> <div class="row"> <div class="col-12 text-center"> <span class="title header-title">Covid-19 Cases by Continent</span> </div> <div class="col-12 text-right"> <span class="meta"> <span class="meta-label">Last updated:</span> <span id="lastDate" class="meta-value"></span> </span> </div> </div> <div class="row pt-4 pb-4"> <div class="col-md-4 offset-md-4 col-xs-12"> <select id="continentSelector" class="form-control" data-shadow="true" data-mini="true" onchange="WebCall.renderAllCountryCasesDeathsByContinent('#chartCases', '#chartDeaths', this.value, event);showIfNotEqualsHideElse(this.value, 'none','.chart-title')"></select> </div> </div> </div> <div class="container-fluid center-content"> <div class="row"> <div class="col-md-6 col-xs-12"> <div class="chart-title">Cases</div> <div id="chartCases"></div> </div> <div class="col-md-6 col-xs-12"> <div class="chart-title">Deaths</div> <div id="chartDeaths"></div> </div> </div> </div> <script src="jquery/jquery-3.5.1.min.js"></script> <!-- <script src="propper/propper.min.js"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="bootstrap-4.3.1/js/bootstrap.min.js"></script> <script> $(function() { WebCall.initalizeContinentsSelector('#continentSelector'); WebCall.renderLastDate('#lastDate'); }); </script> <footer class="fixed-bottom bg-dark"> <div class="footer-content"> <div class="content"> <div class="text"> POWERED BY Tsamantiotis Iraklis - Binas Georgios © 2020 All Rights Reserved. </div> </div> </div> </footer> </body> </html>