Welcome to My Website!

Page Name

text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here

You are free to use this layout in any way except giving it away on your website (redistributing). Credit is appreciated but not required.

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome to My Website!</title>

body {
text-align: center;
font: 12px/13px arial;
background-image: url('http://www.smileyhelper.com/images/bg_rainbowhearts3.gif');
}

#container {
margin: 0px auto 0px auto;
width: 945px;
background-color: #fff;
}

#content {
float: left;
text-align: left;
padding: 20px;
background: #fff;
}

a:link {
font-weight: bold;
color: #666666;
text-decoration: none;
}

a:visited {
font-weight: bold;
color: #666666;
text-decoration: none;
}

a:hover {
font-weight: bold;
color: #000;
text-decoration: none;
}

#nav {
list-style: none;
margin: 0; padding: 0;
text-align: center;
}

#nav li {
float: left;
}

#nav li a {
display: block;
background: #33d6ff;
width: 125px;
text-align: center;
color: #fff;
padding: 5px;
}

#nav li a:hover {
background: #fff;
color: #33d6ff;
}

h2 {
text-align: left;
border-bottom: #e8e8e8 1px dashed;
padding-left: 15px;
}

clearer {
clear: both;
}

</style>

</head>

<body>

text here

</div>
<div id="clearer"> </div>
</div>

</body>
</html>

Site Name

Page Name