audi-template
<!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=utf-8" />
<title>The New Audi</title>
<style type='text/css'>
@charset "utf-8";
body,td,th {
font-family: Trebuchet MS;
font-size: small;
background-color: #E2E2E0;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #C0C2BF;
background-image: url(audi-template-images/allback.jpg);
background-repeat: repeat-x;
}
#navigation {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
background-color: #E2E2E0;
}
a:link {
color: #32586F;
text-decoration: none;
}
a:visited {
color: #32586F;
text-decoration: none;
}
a:hover {
color: #eb422d;
text-decoration: underline;
}
a:active {
color: #32586F;
text-decoration: none;
}
#container {
width: 785px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
padding: 10px;
}
#content {
padding: 10px;
float: right;
width: 475px;
background-image: url(audi-template-images/mainback.jpg);
background-repeat: repeat-x;
}
#sidebar {
padding: 10px;
float: left;
width: 270px;
background-image: url(audi-template-images/mainback.jpg);
background-repeat: repeat-x;
}
#bottom {
padding: 10px;
background-color: #FFFFFF;
background-image: url(audi-template-images/mainback.jpg);
background-repeat: repeat-x;
height: 200px;
overflow: auto;
margin-bottom: 50px;
}
#footer {
padding: 10px;
height: 20px;
background-color: #FFFFFF;
}
.clear {
clear: both;
background-color: #FFFFFF;
}
#top {
padding: 10px;
height: 20px;
background-image: url(audi-template-images/topback.jpg);
font-size: x-small;
}
#header {
height: 242px;
background-image: url(audi-template-images/top.jpg);
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.header2 {
color: #3A5D71;
}
#content img {
float:left;
margin: 5px;
padding: 5px;
background-color: #32586F;
}
</style>
<link href="navi.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top">
<div align="right"><a href="#">Sitemap</a> | <a href="#">Login</a> | <a href="#">Home</a></div>
</div>
<div id="header">
<h1 class="header2">THE NEW AUDI</h1>
</div>
<div id="navigation"><div id="invertedtabsline"> </div>
<div id="invertedtabs">
<ul>
<li style="margin-left: 1px"><a href="#" title="Home"><span>Home</span></a></li>
<li><a href="#" title="New"><span>New</span></a></li>
<li><a href="#" title="About"><span>About</span></a></li>
<li><a href="#" title="Test Drive"><span>Test Drive</span></a></li>
</ul>
</div>
<br style="clear: left" />
</div>
<div id="content">
<p align="justify">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. 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. 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. 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. 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>
<p align="justify"><img src="audi-template-images/auditt.jpg" alt="auditt" width="270" height="189" />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. 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. 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.</p>
<p align="justify"> </p>
</div>
<div id="sidebar">
<h2 class="header2">THE NEW AUDI</h2>
<p align="justify">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. 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 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. 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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p align="justify"> </p>
</div>
<div class="clear" id="bottom">
<div align="justify">
<h2 class="header2">TECHNICAL SPECIFICATIONS</h2>
<p>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. 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. 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. 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.</p>
<p>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. 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. 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. 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.</p>
<p> </p>
</div>
</div>
<div class="clear" id="footer">
<div align="center">Copyright 2007 <a href="#">www.yoursite.com</a> - No rights reserved | <a href="http://www.xpup.com">Cute Puppies</a> | <a href="http://www.wfxo.com">Website Design UK</a> | <a href="http://www.opendesigns.org/">Download Free Web Templates</a></div>
</div>
</div>
</body>
</html>
Related examples in the same category