Shop.xhtml

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>Shop</title>
		<link rel="stylesheet" type="text/css" href="StyleSheet.css"/>
	</head>
	
	<body>
	<div id="header">
		<a href="Shop.xhtml">
			<h1 class="head">Big O Doughnuts</h1>
		</a>
	</div>
	
	<div id="main">
		<div id="NavBar">
		
				<ul>
					<a href="Shop.xhtml">	
						<li>Main Shop</li>
					</a>
					
					<a href="New2017Collection.xhtml">
						<li>New 2017 Collection</li>
					</a>
					
					<a href="WeddingCollection.xhtml">
						<li>Wedding Collection</li>
					</a>
					
					<a href="Delivery.xhtml">
						<li>Delivery</li>
					</a>
					
					<a href="ActualOrderPage.xhtml">
						<li>Order Page</li>
					</a>
					
					<a href="AboutUs.xhtml">
						<li>About Us</li>
					</a>
					
				</ul>	
		</div>
		
		<h1 style="text-align:center;">"Making you O since 1789"</h1>
		<img id="home" src="home.jpg"/>
		
		<table class="reflow">
			<tbody>
				<tr>
				
					<td>
						<a href="ActualClassic.xhtml">
							<span>Classic</span>
							<p>The finest selection of our original recipe nuts.</p>
							<img class="reflow" src="krispy-kreme-donuts.jpg"/>
						</a>
					</td>
					
					<td>
						<a href="Filled.xhtml">
							<span>Filled</span>
							<p>The finest selection of our succulent filled nuts.</p>
							<img class="reflow" src="filled.jpg"/>
						</a>
					</td>
					
					<td>
						<a href ="Gourmet.xhtml">
							<span>Gourmet</span>
							<p>The finest selection of our special designer nuts.</p>
							<img class="reflow" src="gourmet.jpg"/>
						</a>
					</td>
					
					<td>
							<span>Custom Made</span>
							<p>Whatever your heart desires. Anything for you    </p>
							<img class="reflow" src="Lord.jpg"/>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>