nw/structure.html

## structure.html
<html>
<head>

<style>

body {
  padding: 0;
  margin: 0;
}

#container {
  width: 800px;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  margin: 0 auto;
}

#nav {
  height: 100px;
  background: #d3d3d3;
}

#nav ul {
  list-style: none;
  width: 50%;
  float: right;
}

#nav ul li {
  display: inline-block;
  width: 100px;
}

#footer {
  background: #eee;
  border-top: 1px solid #333;
}

#footer form {
  float: left;
  width: 20%;
}

#policy {
  float: left;
  width: 50%;
  color: #666;
  font-size: 9px;
}

#contact {
  float: right;
  width: 20%;
}

</style>

</head>

<body>

  <div id="container">

    <div id="nav">
      <div id="logo">Logo Here</div>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>

    <div id="content">

    </div>

    <div id="footer">
      <form>
        <label> Client Login: </label>
        <input type="text" placeholder="Username">
        <input type="text" placeholder="Password">
      </form>
      <div id="policy">
        <h3> Our Accessibility Policy: </h3>
        <p>Cubilia donec libero aenean sed elit, suspendisse mattis gravida diam non. Vitae metus et enim, elit in orci purus, diam id a est tristique condimentum, montes nonummy et maecenas ut ac, nibh varius in dignissim vitae tempus. Malesuada nostra nunc, duis leo proin consequat est tempus in, fermentum pellentesque. Lacus vitae dui, egestas consectetuer consectetuer adipiscing elit, wisi sapien, ut mauris, dictumst pharetra nec faucibus. A posuere vitae a parturient quis nec.</p>
      </div>
      <div id="contact">
        <h3> Contact Us: </h3>
        <ul>
          <li>Phone: 555-555-5555</li>
          <li><a href="mailto:"> email@here.com </a></li>
        </ul>
      </div>
    </div>
  </div>

</body>

</html>
	<html>
	<head>

	<style>

	body {
	padding: 0;
	margin: 0;
	}

	#container {
	width: 800px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin: 0 auto;
	}

	#nav {
	height: 100px;
	background: #d3d3d3;
	}

	#nav ul {
	list-style: none;
	width: 50%;
	float: right;
	}

	#nav ul li {
	display: inline-block;
	width: 100px;
	}

	#footer {
	background: #eee;
	border-top: 1px solid #333;
	}

	#footer form {
	float: left;
	width: 20%;
	}

	#policy {
	float: left;
	width: 50%;
	color: #666;
	font-size: 9px;
	}

	#contact {
	float: right;
	width: 20%;
	}

	</style>

	</head>

	<body>

	<div id="container">

	<div id="nav">
	<div id="logo">Logo Here</div>
	<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact</a></li>
	</ul>
	</div>

	<div id="content">

	</div>

	<div id="footer">
	<form>
	<label> Client Login: </label>
	<input type="text" placeholder="Username">
	<input type="text" placeholder="Password">
	</form>
	<div id="policy">
	<h3> Our Accessibility Policy: </h3>
	<p>Cubilia donec libero aenean sed elit, suspendisse mattis gravida diam non. Vitae metus et enim, elit in orci purus, diam id a est tristique condimentum, montes nonummy et maecenas ut ac, nibh varius in dignissim vitae tempus. Malesuada nostra nunc, duis leo proin consequat est tempus in, fermentum pellentesque. Lacus vitae dui, egestas consectetuer consectetuer adipiscing elit, wisi sapien, ut mauris, dictumst pharetra nec faucibus. A posuere vitae a parturient quis nec.</p>
	</div>
	<div id="contact">
	<h3> Contact Us: </h3>
	<ul>
	<li>Phone: 555-555-5555</li>
	<li><a href="mailto:"> email@here.com </a></li>
	</ul>
	</div>
	</div>
	</div>

	</body>

	</html>