CodePen

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tuscan Valley Subdivisons</title>
<script type="text/javascript" src="javascript/test.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>

<body>
<div id="container">
<div id="content">
<div id="nav">
  <ul>
    <li>Home</li>
    <li>About</li>
    <li>Area Information</li>
    <li>Custom Homes</li>
    <li>Standard Features</li>
  </ul>
</div>
<!-- end div nav -->
</div><!-- end div content -->
</div><!-- end div container -->
</body>
</html>
            
          
!

CSS

            
              body {
	margin-top: 0px;
	margin-bottom: 0px;
}
#container {
	margin-right: 12%;
	margin-left: 12%;
	background-color: #CCC;
	height: 200px;
}
#content  {
	background-color: #03C;
	height: 150px;
}

#nav {
	padding-left:25px;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li {
	text-decoration:none;
	float:left;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
	padding:8px;
	text-align:center;
	display:inline-block;
	background:#666;
	font-weight: normal;
	font-size: 12px;
}

#nav ul li:hover {
	background:#999;
	color: #000;
	text-shadow: 1px 1p 1px #000;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(document).ready(function() {
	$('#content').click(function() {
		$(this).fadeOut('fast');
	});
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................