Layout-HTML5.html

<!DOCTYPE html>
<html>
	<head>
		<style>
		header {
		background-color:steelblue;
		color:white;
		text-align:center;
		padding:5px;
		}
		nav {
		line-height:30px;
		background-color:#48D1CC;
		height:300px;
		width:100px;
		float:left;
		padding:5px;
		}
		section {
		width:350px;
		float:left;
		padding:10px;
		}
		footer {
		background-color:steelblue;
		color:white;
		clear:both;
		text-align:center;
		padding:5px;
		}
		</style>
	</head>
	<body>
		<header>
			<h1>BIG CATS</h1>
		</header>
		<nav>
			Tiger<br>
			Lion<br>
			Cheetah<br>
		</nav>
		<section>
			<h1>Tiger</h1>
			<p>
				The tiger (Panthera tigris) is the
				largest cat species, reaching a
				total body length of up to 3.38 m
				(11.1 ft) over curves and weighing
				up to 388.7 kg (857 lb) in the wild.
			</p>
		</section>
		<footer>
			Copyright  2019
		</footer>
	</body>
</html>