navarr/ConnectGettingStarted.html

## ConnectGettingStarted.html
<!doctype html>
<html>
  <head>
  	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Peanut Butter and Jelly Sandwich</title>
	<style type="text/css">
	  body {
		margin: 0px;
		padding: 0px;
	  }
	  #header {
		background: #fff;
		width: 800px;
		height: 100px;
	  }
	  #leftcol {
		background: #fff;
		float: left;
		width: 150px;
		height: 500px;
	  }
	  #content {
		background: #fff;
		float: left;
		width: 650px;
		height: 350px;
	  }
	  #rightcol {
		background: #fff;
		float: left;
		width: 150px;
		height: 350px;
	  }
	  #footer {
		background: #fff;
		width: 800px;
		height: 100px;
	  }
	</style>
  </head>
  <body>

	<div id="header"><h1>Recipes For You!</h1></div>

	<div id="leftcol">
	</div>

	<div id="content">
		<h3>Peanut Butter and Jelly Sandwich</h3>
        	<ul id="ingredients">
			<li>2 slices bread</li>
			<li>1 <abbr title="Tablespoon">T</abbr> peanut butter</li>
			<li>1 <abbr title="Tablespoon">T</abbr> jelly</li>
		</ul>
		<p>Using knife, spread peanut butter on one slice of bread. Using a clean knife,
                spread jelly on the other slice. Put slices together so that the peanut butter
                and jelly meet. If desired, cut into squares or triangles.</p>
	</div>

	<div id="rightcol" align="right">
	</div>

	<div id="footer">
	</div>

  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Peanut Butter and Jelly Sandwich</title>
	<style type="text/css">
	body {
	margin: 0px;
	padding: 0px;
	}
	#header {
	background: #fff;
	width: 800px;
	height: 100px;
	}
	#leftcol {
	background: #fff;
	float: left;
	width: 150px;
	height: 500px;
	}
	#content {
	background: #fff;
	float: left;
	width: 650px;
	height: 350px;
	}
	#rightcol {
	background: #fff;
	float: left;
	width: 150px;
	height: 350px;
	}
	#footer {
	background: #fff;
	width: 800px;
	height: 100px;
	}
	</style>
	</head>
	<body>

	<div id="header"><h1>Recipes For You!</h1></div>

	<div id="leftcol">
	</div>

	<div id="content">
	<h3>Peanut Butter and Jelly Sandwich</h3>
	<ul id="ingredients">
	<li>2 slices bread</li>
	<li>1 <abbr title="Tablespoon">T</abbr> peanut butter</li>
	<li>1 <abbr title="Tablespoon">T</abbr> jelly</li>
	</ul>
	<p>Using knife, spread peanut butter on one slice of bread. Using a clean knife,
	spread jelly on the other slice. Put slices together so that the peanut butter
	and jelly meet. If desired, cut into squares or triangles.</p>
	</div>

	<div id="rightcol" align="right">
	</div>

	<div id="footer">
	</div>

	</body>
	</html>