JULIAN

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<style>
		.top-bar {
			padding: 10px 10px;
			background-color: #ccaa66;
			text-align: center
		}

		.footer {
			padding: 10px 10px;
			background-color: #ccaa66;
			text-align: center
		}

		.column {
			float: left
		}

		.left {
			padding: 5%;
			padding-bottom: 21%;
			background-color: #E8D882;
			width: 20%;
		}
		.left a {
			text-decoration: none;
		}

		.right {
			padding: 5%;
			padding-bottom: 13%;
			width: 60%;
			background-color: #f1e8b0;
		}

		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}
	</style>

	<body>
		<div class="top-bar">
			<h1>Jake's Coffee Shop</h1>
		</div>

		<div class="row">
			<div class="column left">
				<a href="#">Home</a><br><br>
				<a href="#">Menu</a><br><br>
				<a href="#">Music</a><br><br>
				<a href="#">Jobs</a><br><br>
			</div>

			<div class="column right">
				<p>Come in and experience...</p>
				<img src ="coffee.jpg"></img>
				<ul>
					<li>Specialty Coffee and Tea</li>
					<li>Freshly made sandwiches</li>
					<li>Bagels, Muffins, and Organic Snacks</li>
					<li>Music and Poetry Readings</li>
					<li>Open mic nights</li>
					<li>...</li>
				</ul>

				<p>
					23 Pine Road<br>
					Nottingham, NG1 5YU<br>
					0115 9324567
				</p>
			</div>
		</div>

		<div class="footer">
			<p>
				Copyright © 2011 Jake's Coffee House<br><a href="#">jake@jcoffee.com</a>
			</p>
		</div>
	</body>
</html>