Recent Posts

Editors Picks

Thursday 3 March 2016

Make a Car Template

HTML FILE




<!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>

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>OnLy dohc</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>

<div id="header1">

<ul>
<li><a href="jani"><i>HOME</i></li></a>
<li><a href="jani1"><i>ABOUT</i></li></a>
<li><a href="jani2"><i>ARTICLES</i></li></a>
<li><a href="jani3"><i>CONTACTS</i></li></a>
<li><a href="jani4"><i>SITE MAP</i></li></a>
</ul>
<div id="div">
<ul>
<li><a href="jani4">HELP</li></a>
<li>|<a href="jani4">FAQ</li></a>
</ul>
</div><!-- end of div-->
</div><!-- end of header1-->
</head>

<body>
<div id="bigborder">
<div id="wordcar">
<table>
<tr><td>
<div id="h1">
<h1>Car</h1></td><marquee>
<p><img src="images/images (7).jpg" height="150px" width="120px" /></p></marquee>
<td>
<div id="h2">
<h2>Club</h2>
</div><!--end of h2-->
</td>
</tr>
</div><!--end of h1 -->
</table>
</div><!--end of wordcar-->
<div id="smallpic">
<div id="latest">
<table>
<tr>
<td><h3>Latest</h3></td>
<td><h4>News</h4></td>
</tr>
</table>
</div><!--end of latest-->
</div><!--end of smallpic-->
<div id="smallpic1">
<img src="images/images (6).jpg" height="100px" width="200px" />
<h1>10.8.2010</h1>

</div><!--end of smallpic1-->
<div id="smallpic2">

<img src="images/images (2).jpg" height="100px" width="200px" />

</div><!--end of smallpic2-->
<div id="smallpic3">
<img src="images/images (4).jpg" height="100px" width="200px" />
</div><!-- end of smallpic3-->

<div id="carborder"><marquee>
<img src="images/Ferrari-Red-Car-HD-Wallpapers.jpg" height="300px" width="750px" />
<img src="images/pic1.jpg" height="300px" width="750px" />
<img src="images/images (3).jpg" height="300px" width="750px" />
  • <img src="images/jani.jpg" height="300px" width="750px" />
</marquee><br />
<div id="welcome">
<table>
<tr>
<td><h5>Welcome</h5></td>
<td><h6>to Our Club</h6></td>
</tr></table>
<p>Car club is a free web template created by Rizwan jani.This website<br />template is optimized 1024*768 screen resolution.</p>

</div><!--end of welcome-->
</div><!--end of carboder-->

<div id="algborder">
<h1>Know Before You Buy</h1>
<p>Get the full AutoCheck vehicle history report</p>

<table><ul><tr>
<td><li>Reported in an accident</li></td>
<td><li>Reported repossessed
or stolen</li></td></tr>

<tr><td><li>Branded a lemon or total loss</li></td></tr>
<tr><td><li>Damaged in a flood</li></td></tr>
</ul></table>
</div><!-- end of algborder-->
<div id="recent">
<table>
<tr>
<td><h1>Recent</h1></td>
<td><h2>Articles</h2></td>
</tr></table>
</div><!--end of recent-->
<table>
<tr><td>
<div id="lowerpic1">
<img src="images/hankook-iflex-01-0913-de.jpg" height="150px" width="350px" />
</div></td><!--end of lowerpic1-->
<td><div id="lowerpic2">
<img src="images/images (8).jpg" height="150px" width="350px" />
</div></td><!--end of lowerpic2-->
<td><div id="lowerpic3">
<img src="images/images (5).jpg" height="150px" width="350px" />
</div></td><!--end of lowerpic3-->
<td>
<div id="lowerpic4">
<img src="images/jani.jpg" height="150px" width="150px" />
</div><!--end of lowerpic4-->
</td> 
</tr>
</table>

<div id="algborder2">
<p>Ferrari uses cookies on its website to guarantee an excellent browsing experience to all of its users and to gather information regarding the use of the site itself. We use cookies, including those of third parties, to send personalised promotional messages. To find out more, see a list of the cookies used by the site and, if you wish, to disable those cookies, please read our privacy policy here. By continuing to browse the site, you are agreeing to our use of cookies</p>

</div><!--end of aldborder-->
</div><!--end of bigborder-->
</body>
</html>

CSS FILE


#header1{
width:100%;
height:80px;
font-family:"Comic Sans MS", cursive;
background-color:#000;
}

#header1 ul{
list-style-type:none;
}
#header1 ul li{
margin-top:-8px;
width:215px;
height:60px;
float:left;
text-align:center;
background-color:#000;
line-height:60px;
}
#header1 ul li:hover{
background-color:#00C;
}
#header1 ul li a{
color:#FFF;
text-decoration:none;
}
#div li a{
color:#FFF;
}
#div ul li{
width:100px;
height:60px;
font-size:10px;
}
#wordcar{
border:1px solid;
height:300px;
width:500px;
margin-top:2px;
margin-left:15px;
}
#search{
height:25px;
width:170px;
margin-left:100px;
margin-top:70px;
}
#h1{
font-family:Georgia, "Times New Roman", Times, serif;
margin-left:15px;
font-size:40px;
color:#006;
margin-top:-200px;
}
#h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:40px;
margin-left:110px;
margin-top:-150px;
color:#FFF;
}
#carborder{
border:1px solid;
height:430px;
width:750px;
margin-left:40%;
margin-top:-740px;
}
#smallpic{
height:70px;
width:200px;
margin-left:15px;
margin-top:30px;
}
#latest h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#006;
margin-top:-15px;
}
#latest h4{
font-family:"Comic Sans MS", cursive;
font-size:30px;
margin-left:20px;
margin-top:-10px;
color:#FFF;
}
#smallpic1{
height:100px;
width:200px;
margin-left:15px;
margin-top:10px;
}
#smallpic2{
height:100px;
width:200px;
margin-left:15px;
margin-top:10px;
}
#smallpic3{
height:100px;
width:200px;
margin-left:15px;
margin-top:10px;
}
#welcome h5{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#009;
margin-top:-15px;
}
#welcome h6{
font-family:"Comic Sans MS", cursive;
font-size:30px;
margin-top:-2px;
margin-left:20px;
color:#FFF;
}
#welcome p{
font-family:"Comic Sans MS", cursive;
color:#666;
margin-top:-50px;
}
#algborder{
height:200px;
width:750px;
margin-left:533px;
margin-top:10px;
}
#recent{
height:40px;
width:300px;
margin-left:20px;
margin-top:200px;
}
#recent h1{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:30px;
color:#006;
margin-top:-20px;
}
#recent h2{
font-family:"Comic Sans MS", cursive;
margin-left:20px;
font-size:30px;
margin-top:-15px;
color:#FFF;
}
#lowerpic1{
height:150px;
width:350px;
margin-left:20px;
margin-top:30px;

}


#lowerpic2{
height:150px;
width:350px;
margin-left:20px;
margin-top:30px;

}

#lowerpic3{
height:150px;
width:350px;
margin-left:20px;
margin-top:30px;

}
#lowerpic4{
height:150px;
width:150px;
margin-left:20px;
margin-top:30px;

}

#algborder2{
height:200px;
width:750px;
margin-left:533px;
margin-top:-415px;
}
#bigborder{
border:1px solid;
width:99.92%;
height:1120px;
background-color:#000;
}#wordcar p{
margin-left:140px;
margin-top:70px;
}
#smallpic1 p{
color:#000;
font-size:2px;
margin-left:10px;
}
#smallpic1 h1{
margin-left:230px;
margin-top:-100px;
font-size:15px;
font-family:"Comic Sans MS", cursive;
}
#algborder h1{
font-family:Georgia, "Times New Roman", Times, serif;
color:#009;
}#algborder p{
color:#FFF;
font-family:"Comic Sans MS", cursive;
}
#algborder table{
color:#FFF;
font-family:"Comic Sans MS", cursive;
}
#algborder2 p{
font-family:"Comic Sans MS", cursive;
font-size:20px;
color:#FFF;
}

0 comments:

Post a Comment