HTML Table Layout

 
<html>
	<head>
		<title>Table Layout</title>
	</head>
	
	<body>
		<table width="80%" border="1" cellpadding="10px" cellspacing="0" align="center">
			<tr bgcolor="pink">
				<td colspan="2">
					<h1>Site Name</h1>
				</td>
			</tr>
			<tr bgcolor="orange">
				<td colspan="2">
					<a href="">Home</a> | <a href="">About Us</a> | <a href="">Gallery</a> | <a href="">FAQ</a> | <a href="">Contact Us</a>
				</td>
			</tr>
			<tr>
				<td width="80%">
					<h2>Sub Heading</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel turpis maximus ex vulputate venenatis cursus in justo. Donec euismod sagittis vehicula. Mauris vel fermentum neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed interdum placerat molestie. Etiam vestibulum, dui vel vulputate sollicitudin, quam est pretium justo, sit amet gravida nisl quam ut arcu. Aenean eu viverra tellus. Maecenas leo orci, ullamcorper laoreet feugiat vel, consectetur eget leo. Nulla fringilla, leo non finibus congue, sem massa faucibus felis, vitae sollicitudin diam nisi eu ante. Nam eu quam malesuada, vehicula tellus eu, consequat eros. Nam mattis est quis dolor ultricies bibendum. Maecenas eget tellus ac diam consequat sollicitudin. In feugiat erat varius eros eleifend posuere. Proin finibus vestibulum ante id tempor. Fusce sollicitudin nunc a urna varius mollis non sed justo. Suspendisse consectetur odio interdum libero vestibulum, non consequat est suscipit.</p>
					<p>Nam gravida ligula non ullamcorper suscipit. Praesent ante nisl, vestibulum eget nibh quis, interdum ornare tortor. In ac erat pharetra odio egestas viverra. Duis consectetur tincidunt metus ornare hendrerit. Nullam nulla velit, lacinia at lacus id, imperdiet dapibus purus. Nam non malesuada eros, vel congue tortor. Cras massa orci, mattis aliquet feugiat a, molestie eu nunc. Aenean suscipit sagittis mi sit amet tempus. Cras porta, augue sit amet scelerisque suscipit, sem ligula vehicula justo, nec consectetur tortor mauris quis orci. Etiam egestas mattis justo, ut iaculis nulla interdum sed. Integer feugiat est at nisl sagittis tincidunt.</p>
					
				</td>
				<td valign="top">
					<ul>
						<li><a href="">Home</a></li>
						<li><a href="">About Us</a></li>
						<li><a href="">Gallery</a></li>
						<li><a href="">FAQ</a></li>
						<li><a href="">Contact Us</a></li>
					</ul>
				</td>
			</tr>
			<tr bgcolor="pink">
				<td colspan="2">
					@copyright sitename 2018.
				</td>
			</tr>
		</table>
	</body>
</html>