myanmarlinks/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS BOX</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<nav>
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Contact Us</a></li>
		</ul>
	</nav>
	<div id="container">
		<div class="box">
			<p>A</p>
			<button class="btn-red">Click Me</button>
		</div>
		<div class="box">
			<p>B</p>
			<p class="message error">This is error message</p>
		</div>
		<div class="box">
			<p>C</p>
			<p class="message success">This is success message</p>
		</div>
		<div class="box">
			<p>D</p>
			<p class="message warning">This is warning message</p>
		</div>
	</div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS BOX</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
	<nav>
	<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About Us</a></li>
	<li><a href="#">Contact Us</a></li>
	</ul>
	</nav>
	<div id="container">
	<div class="box">
	<p>A</p>
	<button class="btn-red">Click Me</button>
	</div>
	<div class="box">
	<p>B</p>
	<p class="message error">This is error message</p>
	</div>
	<div class="box">
	<p>C</p>
	<p class="message success">This is success message</p>
	</div>
	<div class="box">
	<p>D</p>
	<p class="message warning">This is warning message</p>
	</div>
	</div>
	</body>
	</html>