Revision: 16392
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at August 2, 2009 20:52 by thehamilton
Initial Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HTML 4.01 Transitional</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
html,body {
background-color: #eae8db;
background-image: url();
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
text-align: center; /* for center aligned sites in IE */
/* body font styles */
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #000;
text-decoration: none;
}
body { font-size: 76%; }
html { font-size: 100%; /* IE hack */ }
*{ margin: 0; padding: 0; }
img { border: none; }
div.clear { clear: both; height: 0;}
/* START: Page Formatting ------------------ */
div#pageContainer {
width: 800px;
margin: 0 auto;
background-color: #FFF;
text-align: left;
border-left: 1px solid #cac7b9;
border-right: 1px solid #cac7b9;
}
div#pageFooter {
width: 100%;
background-color: #3e4247;
border-top: 1px solid #0099ff;
text-align: left;
margin: 0 auto;
}
/* START: Font Styles ------------------ */
/* Headers */
h1 { font-size: 1.8em; font-weight: bold; color: #330000; }
h2 { font-size: 1.6em; font-weight: bold; color: #660000; }
h3 { font-size: 1.4em; font-weight: bold; color: #990000; }
h4 { font-size: 1.2em; font-weight: bold; color: #CC0000; }
h5 { font-size: 1.1em; font-weight: bold; color: #FF0000; }
h1.hamiltopia {
font-size: 8em;
font-weight: bold;
letter-spacing: -1.2em;
color: #D3D3D3;
font-family: Verdana;/* "Lucida Sans" */
}
/* Text */
p { font-size: 1.1em; line-height: 1.5; color: #333; }
/* Links */
/* this is a link OUTSIDE of a <P> */
a:link, a:active, a:visited { font-size: 1.1em; color: #003399; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }
/* this is a link INSIDE of a <P> */
p a:link, p a:active, p a:visited { font-size: 1em; font-weight: bold; color: #336699; text-decoration: none; }
p a:hover { color: #CC0000; text-decoration: underline; background: #E3E3E3; }
/* Lists */
ul { list-style-type: none;}
/* Forms */
/* END: Font Styles ------------------ */
div#newsBoxHome {
width: 300px;
margin: 0; padding: 0;
background: #999 url() no-repeat bottom;
}
div#newsBoxHome span {
display: block;
width: 90%;
margin: 0 5%; padding: 5% 0;
background: transparent;
}
/* START: Font Styles ------------------ */
ul#formList {
list-style-type: none;
width: 300px;
}
ul#formList li {
display: block;
width: 300px;
padding: 10px 0;
border-bottom: 1px solid #CCC;
}
ul#formList li br {
clear: both;
height: 0;
}
form#quickForm {
display: inline;
width: 300px;
}
form#quickForm label {
float: left;
font-size: 1.2em;
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
form#quickForm input.textField, form#quickForm select.selectList {
display: block;
float: right;
text-align: left;
width: 150px;
border: 1px solid #666;
background-color: #FFF;
font-size: 1em;
font-weight: bold;
color: #336699;
}
form#quickForm textarea.textArea {
display: block;
float: right;
text-align: left;
width: 150px;
height: 150px;
border: 1px solid #666;
background-color: #FFF;
font-size: 1em;
font-weight: bold;
color: #336699;
overflow: auto;
}
.formSubmit {
display: block;
float: right;
width: 150px;
border: 1px solid #666;
background-color: #FFF;
font-size: 1em;
font-weight: bold;
color: #336699;
padding: 0;
}
/* END: Font Styles ------------------ */
</style>
</head>
<body>
<div id="pageContainer"><!-- START: main content holder - this holds everything -->
<h1 class="hamiltopia">hamiltopia</h1>
<h1>This is an H1 tag</h1>
<h2>This is an H2 tag</h2>
<h3>This is an H3 tag</h3>
<h4>This is an H4 tag</h4>
<h5>This is an H5 tag</h5>
<p>
This ia paragraph text cum soluta nobis <a href="#" title="Title Tag">eleifend</a> option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
<a href="#" title="Title Tag">Link Item One</a><br>
<img src="imgs/jeep.jpg" alt="ALT Tag" width="275" height="190" border="0" title="Title Tag"><br>
<ul>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>
<div id="newsBoxHome">
<span>
<h3>This is an H3 tag</h3>
<p>
This ia paragraph text cum soluta nobis <a href="#" title="Title Tag">eleifend</a> option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
</span>
</div>
<form action="" name="quickForm" id="quickForm">
<ul id="formList">
<li>
<label for="name">Name</label><input type="text" name="name" id="name" class="textField">
<br>
</li>
<li>
<label for="address">Address</label><input type="text" name="address" id="address" class="textField">
<br>
</li>
<li>
<label for="city">City</label><input type="text" name="city" id="city" class="textField">
<br>
</li>
<li>
<label for="state">State</label>
<select name="state" class="selectList">
<option value="" selected="selected">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<br>
</li>
<li>
<label for="comment">Comment</label><textarea cols="" rows="" name="comment" id="comment" class="textArea"></textarea>
<br>
</li>
<li>
<input type="submit" name="Submit" value="Submit" class="formSubmit">
<br>
</li>
</ul>
</form>
</div><!-- END: main content holder -->
<div id="pageFooter"><!-- START: page footer -->
<br><br><br><br><br>
</div><!-- END: page footer -->
</body>
</html>
Initial URL
hamiltopia_HtmlCssTemplate
Initial Description
HTML/CSS Template - HTML 4 Transitional
Initial Title
HTML/CSS Template - HTML 4 Transitional
Initial Tags
css, template, html
Initial Language
HTML