car-dealer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Car Dealer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
#layout{
width:775px;
height:680px;
background-color:#000000;
margin:auto;
}
body{
margin:0 auto;
background-color:#666666;
}
#titlebg
{
width:775px;
height:123px;
}
.title{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#FFFFFF;
width: 30px;
margin-left: 50px;
padding-top: 40px;
}
.title1{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#fdc901;
width: 30px;
margin-left: 150px;
margin-top: -42px;
}
.title2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width: 70px;
margin-left: 518px;
margin-top: -23px;
}
.title3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#3987b3;
width: 150px;
margin-left: 590px;
margin-top: -15px;
}
.title4{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#57a3d4;
width: 740px;
text-align:right;
text-decoration:none;
margin:5px;
margin-top:25px;
}
#hrline{
width:775px;
height:5px;
background-color:#787878;
}
#gradientbg{
background-image:url(car-dealer-images/gradientbg.jpg);
width:775px;
height:244px;
background-repeat:no-repeat;
margin-top:-7px;
}
#links{
float:left;
background-image:url(car-dealer-images/linksbg.jpg);
width:158px;
height:176px;
background-repeat:no-repeat;
position:relative;
left:0px;
top:1px;
}
#arrow{
background-image:url(car-dealer-images/arrow.jpg);
width:13px;
height:18px;
background-repeat:no-repeat;
position: absolute;
left:65px;
top:24px;
}
#arrowabout{
background-image:url(car-dealer-images/arrow.jpg);
width:13px;
height:18px;
background-repeat:no-repeat;
position: absolute;
left:65px;
top:63px;
}
#arrowservice{
background-image:url(car-dealer-images/arrow.jpg);
width:13px;
height:18px;
background-repeat:no-repeat;
position: absolute;
left:65px;
top:102px;
}
#arrowcatalogue{
background-image:url(car-dealer-images/arrow.jpg);
width:13px;
height:18px;
background-repeat:no-repeat;
position: absolute;
left:65px;
top:143px;
}
#arrowcontact{
background-image:url(car-dealer-images/arrow.jpg);
width:13px;
height:18px;
background-repeat:no-repeat;
position: absolute;
left:65px;
top:184px;
}
#arrow1{
float:left;
background-image:url(car-dealer-images/arrow1.jpg);
width:4px;
height:6px;
background-repeat:no-repeat;
margin-top:20px;
margin-left:10px;
}
.linktxt{
width:140px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-left:50px;
padding-top:25px;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}
#header{
background-image:url(car-dealer-images/header.jpg);
width:512px;
height:244px;
background-repeat:no-repeat;
margin-left: 250px;
}
#bodypart{
width:775px;
height:224px;
}
#catalogue{
width:215px;
height:223px;
}
.cat{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#b7b5ba;
width: 100px;
margin-left: 20px;
padding-top: 20px;
}
#cat1{
background-image:url(car-dealer-images/01.jpg);
width:53px;
height:68px;
background-repeat:no-repeat;
margin-left: 20px;
margin-top: 15px;
}
#car1{
background-image:url(car-dealer-images/car1.jpg);
width:123px;
height:71px;
background-repeat:no-repeat;
margin-left: 87px;
margin-top: -70px;
}
#cat2{
background-image:url(car-dealer-images/02.jpg);
width:53px;
height:68px;
background-repeat:no-repeat;
margin-left: 20px;
margin-top: 15px;
}
#car2{
background-image:url(car-dealer-images/car2.jpg);
width:123px;
height:71px;
background-repeat:no-repeat;
margin-left: 87px;
margin-top: -68px;
}
#line{
background-image:url(car-dealer-images/line.jpg);
width:1px;
height:192px;
background-repeat:no-repeat;
margin-left: 235px;
margin-top: -194px;
}
#ourservices{
width:240px;
height:212px;
margin-left: 250px;
margin-top: -212px;
}
.our{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
width: 140px;
margin-left: 10px;
padding-top: 30px;
}
#pic1{
background-image:url(car-dealer-images/pic1.jpg);
width:86px;
height:127px;
background-repeat:no-repeat;
margin-left: 20];
margin-top: 20px;
margin-left: 10px;
}
.lorem{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#fdc901;
width: 65px;
margin-left: 110px;
margin-top: -128px;
}
.txt{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#6e6e6e;
width: 120px;
margin-left: 110px;
}
#aboutus{
width:250px;
height:212px;
margin-left: 525px;
margin-top: -212px;
}
.abt{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
width: 140px;
margin-left: 10px;
padding-top: 30px;
}
#pic2{
background-image:url(car-dealer-images/pic2.jpg);
width:86px;
height:127px;
background-repeat:no-repeat;
margin-left: 20];
margin-top: 20px;
margin-left: 10px;
}
.lorem1{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#fdc901;
width: 65px;
margin-left: 110px;
margin-top: -128px;
}
.txt1{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#6e6e6e;
width: 120px;
margin-left: 110px;
}
#line1{
background-image:url(car-dealer-images/line.jpg);
width:1px;
height:192px;
background-repeat:no-repeat;
margin-left: 510px;
margin-top: -194px;
}
#hrline1{
width:775px;
height:5px;
background-color:#e99f08;
}
.foottxt{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#bfc1b4;
text-align:center;
margin-left: 0px;
margin-top: 20px;
text-decoration:none;
}
</style>
</head>
<body>
<div id="layout">
<div id="titlebg">
<div class="title">CAR</div>
<div class="title1">DEALER</div>
<div class="title2">WE HAVE</div>
<div class="title3">THE BEST CARS</div>
<div class="title4" align="center"> Links: <a target="_blank" href="http://jigsaw.w3.org/css-validator/" class="title4">CSS VALIDATOR</a></div>
</div>
<hr id="hrline" />
<div id="gradientbg">
<div id="links">
<div id="arrow"></div>
<div class="linktxt"> <a href="http://www.free-css.com/" class="linktxt">HOME</a> </div>
<div id="arrowabout"></div>
<div class="linktxt"><a href="http://www.free-css.com/" class="linktxt">ABOUT US</a> </div>
<div id="arrowservice"></div>
<div class="linktxt"><a href="http://www.free-css.com/" class="linktxt">SERVICES</a></div>
<div id="arrowcatalogue"></div>
<div class="linktxt"><a href="http://www.free-css.com/" class="linktxt">CATALOGUE</a></div>
<div id="arrowcontact"></div>
<div class="linktxt"><a href="http://www.free-css.com/" class="linktxt">CONTACTS</a></div>
</div>
<div id="header"></div>
</div>
<div id="bodypart">
<div id="catalogue">
<div class="cat">CATALOGUE</div>
<div id="cat1"></div>
<div id="car1"></div>
<div id="cat2"></div>
<div id="car2"></div>
</div>
<div id="line"></div>
<div id="ourservices">
<div class="our">OUR SERVICES</div>
<div id="pic1"></div>
<div class="lorem">Lorem ipsum</div>
<div class="txt">At vero eos et accusam sed diam nonumy eirmod Erat, sed diam voluptua. At vero eos et accusam At vero eos et accusam sed diam nonumy eirmod Erat, sed diam voluptua. At vero eos et accusam Consetetur sadi pscing </div>
</div>
<div id="line1"></div>
<div id="aboutus">
<div class="abt">ABOUT US</div>
<div id="pic2"></div>
<div class="lorem1">Lorem ipsum</div>
<div class="txt1">At vero eos et accusam sed diam nonumy eirmod Erat, sed diam voluptua. At vero eos et accusam At vero eos et accusam sed diam nonumy eirmod Erat, sed diam voluptua. At vero eos et accusam Consetetur sadi pscing </div>
</div>
</div>
<hr id="hrline1" />
<div class="foottxt">Copyright © Cars. Design by <a href="http://www.dotcominfoway.com/" class="foottxt">DOT COM INFOWAY</a>.</div>
</div>
</body>
</html>
Related examples in the same category