snowmobile
<!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>
<title>Snowmobile</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #979dae;
color: #e4e7ef;
background-image:url(snowmobile-images/bg_lines.gif);
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 784px;
position: relative;
background: url(snowmobile-images/body_bg.gif) repeat-y;
}
#body {
background: url(snowmobile-images/body_b.gif) no-repeat bottom;
}
h1, h2, div, ul, li {
padding: 0;
margin: 0;
list-style: none;
}
h1 {
text-align: right;
}
h2 {
color: white;
font-weight: normal;
}
h3 {
font-size: 10px;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
}
.clear {
clear: both;
}
.readmore {
text-align: right;
}
.readmore a {
text-decoration: underline;
}
#left .readmore {
text-align: left;
}
#left {
margin: 0;
padding-top: 35px;
background: url(snowmobile-images/menu_t.gif) no-repeat;
float: left;
width: 165px;
}
#left h3 {
font-size: 10px;
color: white;
margin: 1em 0;
padding: 0;
}
#left p {
margin: 1em 0;
padding: 0;
}
#nav {
background: url(snowmobile-images/menu_bg.gif) repeat-y;
}
#nav li {
border-top: 1px solid white;
padding: 4px 2px 4px 36px;
text-indent: -28px;
}
#latest {
padding-top: 13px;
background: url(snowmobile-images/menu_b.gif) no-repeat;
}
#latest .events {
padding: 0 10px;
}
#logo {
position: absolute;
left: 165px;
top: 0;
}
#content .inner {
float: left;
padding-top: 48px;
margin: 20px 0 10px 30px;
width: 348px;
}
#searchbox {
float: right;
margin-top: 48px;
width: 222px;
background: url(snowmobile-images/search_bg.gif) repeat-y;
}
#searchbox h3 {
margin: 0;
padding: 210px 0 10px 47px;
background: url(snowmobile-images/rider.jpg) no-repeat;
color: white;
}
#searchbox form {
background: url(snowmobile-images/search_b.gif) no-repeat bottom;
padding: 1px 0 40px 47px;
margin: 0;
line-height: 2;
}
#searchbox .text {
width: 150px;
}
#searchbox .submit {
border: 1px solid #c5cee7;
background: #7785ad;
color: #fff;
}
#searchbox .softright {
text-align: right;
padding-top: 3px;
padding-right: 20px;
}
#footer {
padding: 20px 0;
text-align: center;
color: #fff;
}
#footer a {
text-decoration: underline;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="left">
<ul id="nav">
<li><a href="http://www.free-css.com/">» Homepage</a></li>
<li><a href="http://www.free-css.com/">» Snowmobiling</a></li>
<li><a href="http://www.free-css.com/">» Snowmobile Vacation</a></li>
<li><a href="http://www.free-css.com/">» Snowmobile Parts</a></li>
<li><a href="http://www.free-css.com/">» Accessories</a></li>
<li><a href="http://www.free-css.com/">» Snowmobile Trailer</a></li>
</ul>
<div id="latest">
<h2><img src="snowmobile-images/title_latest_events.gif" width="165" height="24" alt="latest events" /></h2>
<div class="events">
<h3>July 12, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a demo text. It will be replaced by the original.</p>
<h3>July 13, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a demo text. It will be replaced by the original.</p>
<p class="readmore"><a href="http://www.free-css.com/">...Read More</a></p>
</div>
<!-- end .i -->
</div>
<!-- end latest -->
</div>
<!-- end left -->
<div id="content">
<h1 id="logo"><a href="http://www.free-css.com/"><img src="snowmobile-images/logo.gif" width="619" height="46" alt="" /></a></h1>
<div class="inner">
<h2>Welcome to our Site</h2>
<p> This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help on the forum. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. more ...</p>
<p> This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help on the forum. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. more ...</p>
<p> This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help on the forum. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. more ...</p>
<p> This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help on the forum. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. more ...</p>
<p class="readmore"><a href="http://www.free-css.com/">...Read More</a></p>
</div>
<!-- end .inner -->
</div>
<!-- end content -->
<div id="searchbox">
<h3>Information About snowmobiling</h3>
<form action="#" method="get">
<label for="q">Type your question</label>
<br />
<input name="q" id="q" type="text" value="" class="text" />
<div class="softright">
<input type="submit" value="Search" class="submit" />
</div>
</form>
</div>
<!-- end searchbox -->
<div class="clear"></div>
<div id="footer"> Powered by <a href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
<!-- end footer -->
</div>
<!-- end body -->
</div>
</body>
</html>
Related examples in the same category