skitemplate
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ski website - Free website templates</title>
<style type='text/css'>
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-color:#164871;
}
* {margin: 0px;padding: 0px;}
#container {
margin: 10px auto;
text-align: left;
width: 800px;
}
#main {
width: 800px;
background-image:url(skitemplate-images/background.gif);
}
/******************** header ********************/
#header {
width:750px;
height:341px;
margin-left:25px;
background-image:url(skitemplate-images/header.jpg);
display:block;
}
#nav {
width:744px;
height:22px;
margin: 2px 0px 2px 25px;
background-color:#a5cae5;
padding: 3px 5px 3px 1px;
}
#nav ul {
}
#nav li {
display:inline;
background-color:#245882;
width:120px;
height:22px;
float:left;
margin-left:4px;
text-align:center;
}
#nav a {
width:120px;
height:19px;
padding-top:3px;
text-decoration:none;
color:#a5cae5;
font-weight:800;
display:block;
}
#nav a:hover {
color:#FFFFFF;
font-weight:800;
}
/******************** Content ********************/
p, h1, a, span{font-family: Arial, Helvetica, sans-serif;}
#content {
width:750px;
margin-left:25px;
background-color:#a5cae5;
}
#left {
float:left;
width:390px;
display:inline;
margin: 20px 0px 30px 20px;
}
#left p {
font-size: 12px;
color: #000000;
padding: 5px 0px;
}
#left a{
color: #052d4e;
font-weight:800;
}
#left a:hover{
color:#FFFFFF;
}
#left h1{
font-size: 16px;
color: #052d4e;
display:inline;
font-weight:900;
}
#left span{
font-size: 12px;
color: #007dda;
font-weight: 900;
display:inline;
margin-left:8px;
}
#right {
float:right;
width:260px;
background-color:#397eb7;
color:#FFFFFF;
font-weight:900;
padding: 10px 20px;
margin: 30px 20px 20px 0px;
display:inline;
}
#right p{
padding: 7px 0px;
}
#right a{
color:#FFFFFF;
font-weight:900;
}
#right a:hover{
color: #052d4e;
}
.post {
margin-top:20px;
}
.post a{
}
.post a:hover{
}
.post p{
}
/******************** Footer ********************/
#footer {
width:800px;
text-align:center;
color:#FFFFFF;
margin: 10px 0px;
}
#footer ul {
}
#footer li {
display:inline;
float:none;
text-align:center;
}
#footer a {
color:#FFFFFF;
font-weight:900;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer span {
display:block;
clear:both;
color:#FFFFFF;
margin: 10px 0px;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div id="container">
<div id="main">
<div id="header"></div>
<div id="nav">
<ul>
<li><a href="http://www.freewebsitetemplates.com">home</a></li>
<li><a href="http://www.freewebsitetemplates.com">our tours</a></li>
<li><a href="http://www.freewebsitetemplates.com">Photo gallery</a></li>
<li><a href="http://www.freewebsitetemplates.com">community</a></li>
<li><a href="http://www.freewebsitetemplates.com">about us</a></li>
<li><a href="http://www.freewebsitetemplates.com">contact us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<div class="post">
<h1>Title goes here</h1><span>[05.11.2006]</span>
<p>You can find some <a href="http://www.webhostingservices.us/">web hosting services</a> which are also a need for website building which are listed in web hosting search.</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.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
</div>
<div class="post">
<h1>Title goes here</h1><span>[04.11.2006]</span>
<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</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.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
</div>
</div>
<div id="right">
<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</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.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<ul>
<li><a href="http://www.freewebsitetemplates.com">home</a></li> |
<li><a href="http://www.freewebsitetemplates.com">our tours</a></li> |
<li><a href="http://www.freewebsitetemplates.com">Photo gallery</a></li> |
<li><a href="http://www.freewebsitetemplates.com">community</a></li> |
<li><a href="http://www.freewebsitetemplates.com">about us</a></li> |
<li><a href="http://www.freewebsitetemplates.com">contact us</a></li>
</ul>
<span>Hosting by <a href="http://www.webhostingservices.us/">Web Hosting Services</a>.</span>
</div>
</div>
</body>
</html>
Related examples in the same category