amyreese/index.html

## index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Let&#39;s Go Shopping</title>

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

</head>

<body>
	<div id="container">
		<div id="header">

			<h1 id="sitename"><a href="http://localhost:8000/">Let&#39;s Go Shopping</a></h1>
		</div>

		<div id="menu" class="clear">

			<ul id="menu-main" class="menu-list">
				<li class="menu-item"><a href="/">Home</a></li>
			</ul>

			<ul id="menu-account" class="menu-list">

				<li class="menu-item"><a href="/account/">Account</a></li>

				<li class="menu-item"><a href="/admin/">Administration</a></li>

				<li class="menu-item"><a href="/account/logout">Logout</a></li>

			</ul>

		</div>

		<div id="content" class="clear">


			<h2>Welcome</h2>
			<p>Let&#39;s Go Shopping</p>

		</div>

		<div id="footer" class="clear">

			<p class="property_of">All site contents are property of <a href="leetcode.net">LeetCode.net</a>.</p>

			<p class="powered_by">Powered by <a href="http://leetcode.net">Let's Go Shopping</a> and <a href="http://www.djangoproject.com">Django</a>.</p>

			<p class="validators">
				<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" border="0" height="31" width="88" /></a>
				<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" border="0" height="31" width="88" /></a>
			</p>


		</div>

	</div>
</body>

</html>


## style.css
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	font-size: 1.0em;
}

.clear {
	clear: both;
}

body {
	background: #7799AA;
	font-size: 10pt;
}

#container {
	background: #DEDACA;
}

/**
 * Header styles
 */

#header {
	padding: 40px 15px 20px 15px;
	border-bottom: 1px solid #000;

	background: #223344;
	color: #FFF;
}

#header #sitename {
	font-family: "Bitstream Vera Sans", "Verdana", sans;
	font-size: 2.6em;
}

#header #sitename a {
	color: #FFF;
	text-decoration: none;
}

#header #sitename a:active {
	color: #FFF;
	text-decoration: none;
}

#header #sitename a:focus {
	color: #FFF;
	text-decoration: none;
}

#header #sitename a:hover {
	color: #FFF;
	text-decoration: none;
}

/**
 * Menu styles
 */

#menu {
	display: block;
	background: #335566;
	border-bottom: 1px solid #000;
}

#menu .menu-list {
}

#menu .menu-list .menu-item {
	float: left;
	list-style-type: none;
}

#menu .menu-list .menu-item a {
	display: block;

	padding: 1em;

	background: #5B8092;

	font-family: "Verdana" "Tahoma" sans;

	color: #FFF;
	text-decoration: none;
}

/**
 * Content styles
 */

p.error-message {
	margin: 5px;
	padding: 4px;

	border: 2px dashed #D44;
	background: #ED9;
}

/**
 * Footer styles
 */

#footer {
	background: #7799AA;
}
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>
	<title>Let's Go Shopping</title>

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

	</head>

	<body>
	<div id="container">
	<div id="header">

	<h1 id="sitename"><a href="http://localhost:8000/">Let's Go Shopping</a></h1>
	</div>

	<div id="menu" class="clear">

	<ul id="menu-main" class="menu-list">
	<li class="menu-item"><a href="/">Home</a></li>
	</ul>

	<ul id="menu-account" class="menu-list">

	<li class="menu-item"><a href="/account/">Account</a></li>

	<li class="menu-item"><a href="/admin/">Administration</a></li>

	<li class="menu-item"><a href="/account/logout">Logout</a></li>

	</ul>

	</div>

	<div id="content" class="clear">


	<h2>Welcome</h2>
	<p>Let's Go Shopping</p>

	</div>

	<div id="footer" class="clear">

	<p class="property_of">All site contents are property of <a href="leetcode.net">LeetCode.net</a>.</p>

	<p class="powered_by">Powered by <a href="http://leetcode.net">Let's Go Shopping</a> and <a href="http://www.djangoproject.com">Django</a>.</p>

	<p class="validators">
	<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" border="0" height="31" width="88" /></a>
	<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" border="0" height="31" width="88" /></a>
	</p>


	</div>

	</div>
	</body>

	</html>
	* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	font-size: 1.0em;
	}

	.clear {
	clear: both;
	}

	body {
	background: #7799AA;
	font-size: 10pt;
	}

	#container {
	background: #DEDACA;
	}

	/**
	* Header styles
	*/

	#header {
	padding: 40px 15px 20px 15px;
	border-bottom: 1px solid #000;

	background: #223344;
	color: #FFF;
	}

	#header #sitename {
	font-family: "Bitstream Vera Sans", "Verdana", sans;
	font-size: 2.6em;
	}

	#header #sitename a {
	color: #FFF;
	text-decoration: none;
	}

	#header #sitename a:active {
	color: #FFF;
	text-decoration: none;
	}

	#header #sitename a:focus {
	color: #FFF;
	text-decoration: none;
	}

	#header #sitename a:hover {
	color: #FFF;
	text-decoration: none;
	}

	/**
	* Menu styles
	*/

	#menu {
	display: block;
	background: #335566;
	border-bottom: 1px solid #000;
	}

	#menu .menu-list {
	}

	#menu .menu-list .menu-item {
	float: left;
	list-style-type: none;
	}

	#menu .menu-list .menu-item a {
	display: block;

	padding: 1em;

	background: #5B8092;

	font-family: "Verdana" "Tahoma" sans;

	color: #FFF;
	text-decoration: none;
	}

	/**
	* Content styles
	*/

	p.error-message {
	margin: 5px;
	padding: 4px;

	border: 2px dashed #D44;
	background: #ED9;
	}

	/**
	* Footer styles
	*/

	#footer {
	background: #7799AA;
	}