Content

This is a 2 column div layout that you are free to use as long as you keep the credits intact. I just ask that the link to my site is left on the layout (on every page,so you can put it in the footer or sidebar if your prefer) and a link in the footer, but you can move them to where you like them. Do not claim that you made the layout or images, and do not redistribute on your own websites. There is also a favicon that I added of a little key in the url address bar.

Bolded text
underlined text
italicized text
~~Strikethrough text~~

This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~ This is what your blockquote will look like on this site~

Download this layout

To download this layout, you can do this 2 ways.
One way is to copy the 2 codes below and save them to your pc or website.
The first code is your "Index.html"
And the second code is your style, and should be labeled as "style.css"
you can also download the zip file instead if you would prefer and save both files to your pc.
The download has a read me file in it as well.
To download this layout, click here.

Or here are the codes you can just copy and paste....
Index code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" href="http://www.geminimoon.ablewelldrilling.com/layouts/3/style.css" rel="stylesheet" media="screen" />
<title>:: Gothic Beauty ::</title>
<link rel="shortcut icon" href="http://geminimoon.ablewelldrilling.com/favicons/2/key.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="container">
	<div id="banner" ><a href="http://www.geminimoon.net"><img src="http://i163.photobucket.com/albums/t296/Geminimoonstar/headers%20and%20layouts/Image11.jpg" alt="" width="900" height="261" border="0" /></a>
 		<h1>Put Navigation or a quote here</h1>
	</div>
	<div id="left">
		<h1>Navigation</h1>
		<pre>
<div style="text-align: right;"><a href="http://www.putyourlinkhere.com">Home</a><br>
<a href="http://www.putyourlinkhere.com">Site</a><br>
<a href="http://www.putyourlinkhere.com">About Me</a><br>
<a href="http://www.putyourlinkhere.com">Downloads</a><br>
<a href="http://www.putyourlinkhere.com">Interact</a><br>
<a href="http://www.putyourlinkhere.com">Link Me</a><br></div>

<h1>Layout made by...</h1>

</pre>

</div>
<div id="right">
		<h1>Navigation</h1>
		<pre>
<div style="text-align: left;"><a href="http://www.putyourlinkhere.com">Home</a><br>
<a href="http://www.putyourlinkhere.com">Site</a><br>
<a href="http://www.putyourlinkhere.com">About Me</a><br>
<a href="http://www.putyourlinkhere.com">Downloads</a><br>
<a href="http://www.putyourlinkhere.com">Interact</a><br>
<a href="http://www.putyourlinkhere.com">Link Me</a><br></div>
</pre>
	</div>	
	<div id="content">
		<h2>Content</h2>

<div style="text-align: center;">
<b>Bolded text</b><br>
<u>underlined text</u><br>
<i>italicized text </i><br>
<strike>Strikethrough text</strike><br><br><br></div><br>
<br><div style="text-align: center;"><blockquote>This is what your blockquote area will look like</blockquote>
	
	</div></div>
 	<div id="footer">
<h1>�Your site or name here//<a href="http://www.geminimoon.net">Layout made by Geminimoon.net</a></h1>
</div>
</body>
</html>

style.css code

body {
background: url(http://i163.photobucket.com/albums/t296/Geminimoonstar/headers%20and%20layouts/thi180019372_85871_2.gif);
font-size: 11px;
font-family: Verdana, Arial, Tahoma, Cursive;
color:#f1f1d3;
padding:0;
margin:0;
}

A:link {color:#8a1c1c; border-bottom:0px solid:#a9b9a9; font-weight:normal; text-decoration:none;}
A:visited {color:#000000; font-weight:bold; border-bottom:1px solid:#a9b9a9; text-decoration:none;}
A:active {color:#a9b9a9; font-weight:normal; text-decoration:underline;}
A:hover {color:#ffffff; border-bottom:1px solid :#a9b9a9; font-weight:bold; text-decoration:none;
}

blockquote { 
color:#808080;
background-color:#fcf7ee;
font-size:11px;
text-align: justify; 
BORDER:#400000; 1px solid; 
padding:4px;}

.input {color:#503230; font-size:11px; font-family:tahoma, sans-serif; background-color:#d0c29d; border:1px solid; border-color:#fbf28c; width:140px; height:18px }
.button {color:#404040; font-family:tahoma, sans-serif; font-size:11px; background-color:#503230; border:0px solid; border-color:#4e322f; padding:1px; height:18px;}
.textarea {color:#4e322f; font-family:tahoma, sans-serif; font-size:10px; background-color:#503230; border:0px solid; border-color:#4e322f;width:250px;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #5c2f29;
border-top:1px solid #536953;
border-bottom:1px solid #536953;
padding:5px 15px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #a99085;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #000000;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;}

/* -----------------content--------------------- */
#content {
background-color: #d8c398;
padding: 0px;
margin: 0 200px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }

Put Navigation or a quote here

Navigation

Layout made by...

Navigation

Content

Download this layout

�Your site or name here//Layout made by Geminimoon.net