seanmcgary/crawford.html

## crawford.html
<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			html {
				height: 100%;
			}
			body {
				margin: 0;
				padding: 0;
				min-width: 600px;
				font-family: Arial, Helvetica, sans-serif;
				height: 100%;
				background-color: #F0F0F0;
				background-image: linear-gradient(to bottom,  #E0E0E0,  #E0E0E0), linear-gradient(to bottom,  #222222,  #222222);
				background-size: 200px 1px, 300px 1px;
				background-repeat: repeat-y, repeat-y;
				background-position: top left, top right;
			}

			.header {
				height: 50px;
				background: #FF9040;
			}

			.left-col {
				width: 200px;
				position: relative;
				float: left;
			}

			.center-col {
				margin-left: 200px;
				margin-right: 300px;
				padding: 10px;
			}

			.right-col {
				width: 280px;
				position: relative;
				float: right;
				color: #E0E0E0;
				padding: 10px;
			}

			.some-links {
				margin: 10px 0;
				padding: 0;
				list-style: none;
			}

			.some-links > li {
				padding: 20px 10px 40px 10px;
				font-size: 1.2em;
			}

			.some-links li:nth-child(2) {
				background: #F0F0F0;
			}

		</style>
	</head>
	<body>
			<div class="header">

			</div>
			<div class="left-col">
				<ul class="some-links">
					<li>Link</li>
					<li>Link</li>
						<li>Link</li>
					<li>Link</li>
					<li>Link</li>
					<li>Link</li>
					<li>Link</li>
					<li>Link</li>
				</ul>
			</div>
			<div class="right-col">
				Blah blah blah
			</div>
			<div class="center-col">
				<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate libero at sem dictum tincidunt. Phasellus vel ante ac turpis rhoncus dapibus. Mauris in velit nisi. Fusce euismod neque sit amet lorem interdum laoreet ut in augue. Maecenas varius placerat dolor, eget sagittis mi tempus ut. Aenean sit amet odio ipsum. Quisque vitae quam massa. Suspendisse lacinia nisi a tortor imperdiet, ac venenatis neque rutrum. Fusce at eros augue. Donec nec bibendum nisi, faucibus viverra massa. Curabitur et velit erat. Quisque adipiscing consectetur leo. Etiam ut ligula sagittis, condimentum libero eget, gravida magna. Morbi vitae ipsum posuere, dictum lacus id, molestie massa.
				</p>
				<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate libero at sem dictum tincidunt. Phasellus vel ante ac turpis rhoncus dapibus. Mauris in velit nisi. Fusce euismod neque sit amet lorem interdum laoreet ut in augue. Maecenas varius placerat dolor, eget sagittis mi tempus ut. Aenean sit amet odio ipsum. Quisque vitae quam massa. Suspendisse lacinia nisi a tortor imperdiet, ac venenatis neque rutrum. Fusce at eros augue. Donec nec bibendum nisi, faucibus viverra massa. Curabitur et velit erat. Quisque adipiscing consectetur leo. Etiam ut ligula sagittis, condimentum libero eget, gravida magna. Morbi vitae ipsum posuere, dictum lacus id, molestie massa.
				</p>
			</div>
	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style type="text/css">
	html {
	height: 100%;
	}
	body {
	margin: 0;
	padding: 0;
	min-width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #F0F0F0;
	background-image: linear-gradient(to bottom, #E0E0E0, #E0E0E0), linear-gradient(to bottom, #222222, #222222);
	background-size: 200px 1px, 300px 1px;
	background-repeat: repeat-y, repeat-y;
	background-position: top left, top right;
	}

	.header {
	height: 50px;
	background: #FF9040;
	}

	.left-col {
	width: 200px;
	position: relative;
	float: left;
	}

	.center-col {
	margin-left: 200px;
	margin-right: 300px;
	padding: 10px;
	}

	.right-col {
	width: 280px;
	position: relative;
	float: right;
	color: #E0E0E0;
	padding: 10px;
	}

	.some-links {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	}

	.some-links > li {
	padding: 20px 10px 40px 10px;
	font-size: 1.2em;
	}

	.some-links li:nth-child(2) {
	background: #F0F0F0;
	}

	</style>
	</head>
	<body>
	<div class="header">

	</div>
	<div class="left-col">
	<ul class="some-links">
	<li>Link</li>
	<li>Link</li>
	<li>Link</li>
	<li>Link</li>
	<li>Link</li>
	<li>Link</li>
	<li>Link</li>
	<li>Link</li>
	</ul>
	</div>
	<div class="right-col">
	Blah blah blah
	</div>
	<div class="center-col">
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate libero at sem dictum tincidunt. Phasellus vel ante ac turpis rhoncus dapibus. Mauris in velit nisi. Fusce euismod neque sit amet lorem interdum laoreet ut in augue. Maecenas varius placerat dolor, eget sagittis mi tempus ut. Aenean sit amet odio ipsum. Quisque vitae quam massa. Suspendisse lacinia nisi a tortor imperdiet, ac venenatis neque rutrum. Fusce at eros augue. Donec nec bibendum nisi, faucibus viverra massa. Curabitur et velit erat. Quisque adipiscing consectetur leo. Etiam ut ligula sagittis, condimentum libero eget, gravida magna. Morbi vitae ipsum posuere, dictum lacus id, molestie massa.
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate libero at sem dictum tincidunt. Phasellus vel ante ac turpis rhoncus dapibus. Mauris in velit nisi. Fusce euismod neque sit amet lorem interdum laoreet ut in augue. Maecenas varius placerat dolor, eget sagittis mi tempus ut. Aenean sit amet odio ipsum. Quisque vitae quam massa. Suspendisse lacinia nisi a tortor imperdiet, ac venenatis neque rutrum. Fusce at eros augue. Donec nec bibendum nisi, faucibus viverra massa. Curabitur et velit erat. Quisque adipiscing consectetur leo. Etiam ut ligula sagittis, condimentum libero eget, gravida magna. Morbi vitae ipsum posuere, dictum lacus id, molestie massa.
	</p>
	</div>
	</body>
	</html>
No results found