<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title></title>
<style>
p {
font: 12pt Arial;
color: green;
}
li {
font: 12pt Arial;
color: green;
}
h1 {
font: 30pt Arial;
color: purple;
font-weight: bold;
}
#top {
border: 1px solid red;
width: 900px;
position: absolute;
top: 0px;
left: 0px;
}
#main {
border: 1px solid blue;
width: 700px;
position: absolute;
top: 150px;
left: 200px;
}
#navigation {
border: 1px solid orange;
width: 200px;
position: absolute;
top: 150px;
left: 0px;
}
</style>
</head>
<body>
<div id="top">
<h1>Mr. O's web page</h1>
</div>
<div id="navigation">
<ul>
<li>red </li>
<li>yellow</li>
<li>blue</li>
</ul>
</div>
<div id="main">
<p>Welcome to my web page! I like <a href="http://www.google.com">Google</a>. I work at <a href="http://navigator.pinckneyschools.org/">Navigator School.</a></p>
<p>There are three primary colors:</p>
<img src="Photo1.jpg" width="200px" />
</div>
</body>
</html>