<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- begin XML namespaces -->
<!-- XML namespaces uniquely identify the XML language used in this document -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- end XML namespaces -->
<!-- begin header information -->
<head>
<!-- name of title to appear in the top of the web browser -->
<title></title>
<!-- ...........................begin CSS stylesheet............................ -->
<style type="text/css">
/* style attribute for the body element */
body {
margin-left: 10%; margin-right: 10%;
color: black; background: white;
text-align: center;
margin: 0px auto;
}
/* style attributes for paragraph element */
p {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
font-family: monospace;
}
/* style attributes for title_box at the top of the web page */
div.title_box {
border: 1px solid #CCC;
width: 800px;
height: 100%;
margin: 10px 10px 10px 10px;
}
div.title_box p {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
}
/* style attributes for nav.bar under the title_box */
div.nav_bar {
width: 800px;
padding: 0;
margin: 10px 10px 10px 10px;
}
div.nav_bar ul {
padding: .3em .1em;
margin: 0;
text-align: center;
font-size: 1em;
font-family: monospace;
}
div.nav_bar li {
display: inline;
list-style-type: none;
border: 1px solid #CCC;
margin: 10px 10px 10px 10px;
}
div.nav_bar a {
text-decoration: none;
}
div.nav_bar a:link {
color: black;
}
div.nav_bar a:visited {
color: black;
}
div.nav_bar a:hover {
color: black;
}
/* style attributes for the main compartment on the web page */
div.main {
text-align: center;
height: 100%;
width: 800px;
border: 1px solid #CCC;
margin: 10px 10px 10px 10px;
}
/* style attributes for the footer at the bottom of the web page */
div.footer {
width: 800px;
height: 100%;
border: 1px solid #CCC;
margin: 10px 10px 10px 10px;
}
</style>
<!-- ...................end CSS stylesheet......................... -->
</head>
<!-- end header information -->
<!-- ...................begin document body........................ -->
<body>
<!-- title_box content -->
<div class="title_box">
<p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in eros quis elit mollis tempus vitae a odio. Integer sed tellus massa, nec viverra odio. Nam tempor varius tellus in bibendum. Donec leo mi, vehicula vel bibendum at, dapibus eu lacus.</p>
</div>
<!-- nav_bar content -->
<div class="nav_bar">
<ul>
<li><a href="">Home</a></li>
<li>Something</li>
<li>Something</li>
<li>Something</li>
<li>Something</li>
<li>Something</li>
</ul>
</div>
<!-- main compartment content -->
<div class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in eros quis elit mollis tempus vitae a odio. Integer sed tellus massa, nec viverra odio. Nam tempor varius tellus in bibendum. Donec leo mi, vehicula vel bibendum at, dapibus eu lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dapibus nunc sed eros elementum ut accumsan elit iaculis. Suspendisse elit libero, adipiscing vitae semper vel, fringilla ac dolor. Pellentesque ut enim purus. Quisque varius dui in ligula adipiscing sit amet eleifend tortor posuere. Vestibulum hendrerit gravida neque, sit amet lobortis nulla elementum vel. Vestibulum eget justo a mauris bibendum dictum. Phasellus lobortis gravida erat, sed posuere nunc auctor eu. Ut non nisl nec justo ornare ullamcorper. Ut at lorem libero. Nunc sollicitudin feugiat mauris a dictum. Ut hendrerit nisl sit amet ipsum malesuada facilisis aliquet erat porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p>
</div>
<!-- footer content -->
<div class="footer">
<p align="center">Derek C. Zoladz 2009</p>
</div>
</body>
</html>
No comments:
Post a Comment