Welcome to My Website!

This layout was made for Smiley Helper by Herb.

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: 10px/14px verdana;
color: #333333;
background:url('http://www.smileyhelper.com/images/bg_stripe3.gif') fixed;
}

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

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

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

a:link {
font-weight: bold;
color: #b931ce;
text-decoration: underline;
}

a:visited {
font-weight: bold;
color: #b931ce;
text-decoration: underline;
}

a:hover {
font-weight: bold;
color: #29cad1;
text-decoration: underline;
border-bottom: 1px solid #29cad1;
}

h2 {
font: 20px garamond;
font-weight: bold;
}

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>