<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>PHP Online Course For Learning</title>
	<style type="text/css">
		a{
			text-decoration: none;
			color: #fff;
		}
		.main{
			width: 75%;
			margin: 10px auto;
			background: #c0d6d8;
		}
		.header,.footer{
			background: #46592dc4;
			color: #e0e0d6;
			text-align: center;
			height: 95px;
		}
		.content{
			min-height: 390px;
			padding: 5px;
		}
		table{
			width: 100%;
			border-collapse: collapse;
			border: 1px solid #000;
		}
		tr,td,th{
			border: 1px solid #000;
		}
		td{
			padding: 6px;
		}
		.content p{font-size:19px;}
		.header h1, .header p, .footer h1, .footer p{margin:0px;}
		.footer a{text-decoration:none; color:brown;}
	</style>
</head>
<body>
	<div class="main">
		<div class="header">
			<h1>PHP Basic Fundamental Course</h1>
			<p>Learn and Enjoy</p>
			<a href="http://PHPDark.com" target="_blank">PHPDark.com</a>
		</div>
		<div class="content">
			<button id="clickbtn" buttonvalue="5">Click Button</button>
			<button id="jsonbtn" status="Project Manager">Json Button</button>

			<h1 id="message" style="text-align: center;"></h1>

			<div id="jsonresponse" style="text-align: center;"></div>

		</div>
		<div class="footer">
			<h1>Instructor Ariful Islam 2018</h1>
			<p>&copy; Copyright <a href="https://www.youtube.com/channel/UCIoDbAdMtNye5uR3riRZZsA">Ariful Islam</a></p>
		</div>
	</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="custom.js"></script>

</body>
</html>