<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
	<title>Yangon Region</title>
	<script type="text/javascript" src="../bootstrap4/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../bootstrap4/css/bootstrap.min.css">
	<script type="text/javascript" src="../bootstrap4/canvasjs.min.js"></script>
	<style type="text/css">

		body, html {
		  height: 100%;
		  margin: 0;
		 font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		}
		#scrol {
		
		overflow: scroll;
	height: calc(var(--vh, 1vh) * 100);  
		}
		#fix
		{
			background-color: #f8ea05;
		}
		#tim{
			color: red;
			font-size: 11px;
			font-weight: bolder;
		}
		
	</style>

</head>
<body>
<?php
require "dbconnect.php";
dbhandaler::dbconnect();	
?>	
<div class="row" id="fix">
	<div class="col-md-2" align="center"></div>
	<div class="col-md-1" align="right"><img src="image/mohsimg.jpg" style="width:70px; height:70px;"></div>
	<div class="col-md-7" align="center" >	
	<br>
		<h7> <b> ရန်ကုန်တိုင်း‌‌‌‌‌‌‌‌‌‌‌‌‌ဒေသကြီး ကုသရေးနှင့် ပြည်သူ့ကျန်းမာရေး ဦးစီးဌာန (COVID-19) DASHBOARD</b></h7>
	</div>
	<div class="col-md-2" id="tim" align="center"><br><br><br>More Detail Map: <a href="id=1iGfDWcWL1AkzaTH0SgVKNBrbotP_85Hp&usp=sharing"> Click </a></div>
</div>
<div class="container content" id="scrol">
	<div class="row">
		<div class="col-md-12" align="center">
			<iframe src="https://embed.kumu.io/ef3d4689f1299d8bf898054b083ee88d" width="100%" height="600" frameborder="0"></iframe>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12" align="center">
			<iframe src="https://www.google.com/maps/d/embed?id=1iGfDWcWL1AkzaTH0SgVKNBrbotP_85Hp&usp=sharing" style="height:600px; width:100%;"></iframe>
		</div>
	</div>
</div>
</body>
<script>
let vh = window.innerHeight * 0.008;
document.documentElement.style.setProperty('--vh', `${vh}px`);
</script>
</html>