Welcome to My Website!

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: 11px/12px georgia;
background-image: url('http://www.smileyhelper.com/images/pattern40.gif');
}

#container {
margin: 0px auto 0px auto;
width: 794px;
background: #fff;
border: 1px solid #000;
}

#leftside {
float: left;
text-align: left;
padding: 15px;
width: 150px;
background: #fff;
}

#content {
float: left;
text-align: left;
padding: 15px;
background: #fff;
width: 584px;
}

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

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

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

clearer {
clear: both;
}

</style>

</head>

<body>

<h2>Links</h2>

<a href="#">Links here</a><br />
<a href="#">Links here</a><br />
<a href="#">Links here</a><br />
<a href="#">Links here</a><br />
<a href="#">Links here</a><br />
<a href="#">Links here</a><br />
<a href="#">Links here</a><br />

</div>

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

text here

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

</body>
</html>