Vous êtes sur la page 1sur 14

Project: HTML Coding for a

Website.
By: Kunal
E-mail: Kunalmahajan@sify.com

Web Page 1:- Home.html


1

<html>
<head>
<title>kunalautomobiles.com</title>
<STYLE>
<!-A:active { color:#FFCC99; text-decoration; }
A:hover { color:#FFCC99; text-decoration; }
//-->
</STYLE>
</head>
<body background="background.jpg" link="blue" alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6" color="#660033"><big><b>
Kunal Automobiles</b></i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3" color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>
<marquee bgcolor="#990066" scrollamount="6" >
<font size="+2" color="white"><i>Kunal's new concept car "Aquatic Fire" will be on road soon to win
your heart and bank balance too...</i></marquee></font>
<font size="+2">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br><br><br>
<font face="lucida calligraphy" size="+2" color="red"><b>
Dear Customer,<br>
Welcome to the web page of Kunal Automobiles India Private Limited.<br>
Kunal Automobiles India Private Limited was established as the official Automobiles Importer for India
in 2007. From the inception of the business, the promoters have had a very clear vision: to offer the highest
2

quality products and after sales service in an endeavour to provide customers with an unprecedented buying
experience.<br>
The same vision has been ingrained into the corporate culture of the company. The names of our personnel
have been provided to serve you.<br>
Please give us a call. We would like to be your brand.<br><br>
With warm regards,<br>
Managing Director<br>
Kunal Automobiles India Private Limited<br>
Email: info@kunalautomobiles.in<br>
</b></font>
</body>
</html>

Web Page 2:- Gallery.html

<html>
<head>
<title>kunalautomobiles.com</title>
<STYLE>
<!-A:active { color:#FFCC99; text-decoration; }
A:hover { color:#FFCC99; text-decoration; }
//-->
</STYLE>
</head>
<body background="background.jpg" link="blue" alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6" color="#660033"><big><b>Kunal
Automobiles
</b></i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3"color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>

<marquee bgcolor="#990066" scrollamount="6"><font size="+2" color="white"><i>Kunal's new


concept car "Aquatic Fire" will be on road soon to win your heart and bank balance
too...</i></marquee></font>
<font size="+2" a link="red" v link="red">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br><center><font size="+1"><a href="gallery2.html">
Next Page--></a></font><center><br>
<center><a href="gallery/ex1.jpg"><img src="gallery/ex1.jpg"
height=200 width=300></img></a>
<a href="gallery/ex2.jpg"><img src="gallery/ex2.jpg"
height=200 width=300></img></a>
<a href="gallery/ex3.jpg"><img src="gallery/ex3.jpg"
height=200 width=300></img></a></center>
<center><a href="gallery/ex4.jpg"><img src="gallery/ex4.jpg"
height=200 width=300></img></a>
<a href="gallery/ex5.jpg"><img src="gallery/ex5.jpg"
height=200 width=300></img></a>
<a href="gallery/o1.jpg"><img src="gallery/o1.jpg"
height=200 width=300></img></a></center>
<center><font size="+1"><a href="gallery2.html">
Next Page--></a></font></center>
</body>
</html>

Web Page 3:- Gallery2.html


<html>
<head>
<title>kunalautomobiles.com</title>
4

<STYLE>
<!-A:active { color:#FFCC99; text-decoration; }
A:hover { color:#FFCC99; text-decoration; }
//-->
</STYLE>
</head>
<body background="background.jpg" link="blue"
alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6"
color="#660033"><big><b>Kunal Automobiles</b>
</i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3" color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>
<marquee bgcolor="#990066" scrollamount="6"><font
size="+2" color="white"><i>Kunal's new concept car "Aquatic Fire" will be on road soon to win your
heart and bank balance too... </i></marquee></font>
<font size="+2" a link="red" v link="red">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br><center><font size="+1"><a href="gallery.html">
<--Previous Page
</a></font><center><br>
<center><a href="gallery/o2.jpg"><img src="gallery/o2.jpg"
height=200 width=300></img></a>
<a href="gallery/o3.jpg"><img src="gallery/o3.jpg"
height=200 width=300></img></a>
<a href="gallery/o4.jpg"><img src="gallery/o4.jpg"
height=200 width=300></img></a></center>
<center><a href="gallery/o5.jpg"><img src="gallery/o5.jpg"
height=200 width=300></img></a>
5

<a href="gallery/o6.jpg"><img src="gallery/o6.jpg"


height=200 width=300></img></a>
<a href="gallery/o7.jpg"><img src="gallery/o7.jpg"
height=200 width=300></img></a></center>
<center><font size="+1"><a href="gallery.html"><--Previous Page
</a></font></center>
</body>
</html>

Web Page 4:- Info.html

<html>
<head>
<title>kunalautomobiles.com</title>
<STYLE>
<!-A:active { color:#FFCC99; text-decoration; }
6

A:hover { color:#FFCC99; text-decoration; }


//-->
</STYLE>
</head>
<body background="background.jpg" link="blue" alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6" color="#660033"><big><b>Kunal
Automobiles</b>
</i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3" color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>
<marquee bgcolor="#990066" scrollamount="6">
<font size="+2" color="white"><i>Kunal's new concept car "Aquatic Fire" will be on road soon to win
your heart and bank balance too... </i></marquee></font>
<font size="+2" a link="red" v link="red">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br>
<hr color="#CC0066">
<table align="center" border=8 bordercolor="#990066" background="tablebg.jpg" cellpadding="4"
cellspacing="4">
<TR> <TH><font size="+2" color="#FF9966">Sr.No.</font></TH><TH><font
size="+2"
color="#FF9966">Model</TH><TH><font size="+2"
color="#FF9966">Engine<TH><font size="+2"
color="#FF9966">Fuel</TH><TH><font size="+2"
color="#FF9966">Mileage(km/l)</TH><TH><font size="+2"
color="#FF9966">Price Range (Rs.)</TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">1.</font></TH><TH><font size="+2"
7

color="#FFCC66">Top Notch</font></TH><TH><font size="+2"


color="#FFCC66">5700CC</font></TH><TH><font size="+2"
color="#FFCC66">Petrol</font></TH><TH><font size="+2"
color="#FFCC66">9</font></TH><TH><font size="+2"
color="#FFCC66">7,000,000-7,500,000</font></TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">2.</font></TH><TH><font size="+2"
color="#FFCC66">Swirl</font></TH><TH><font size="+2"
color="#FFCC66">4500CC</font></TH><TH><font size="+2"
color="#FFCC66"> Diesel</font></TH><TH><font size="+2"
color="#FFCC66">12</font></TH><TH><font size="+2"
color="#FFCC66">3,000,000-3,200,000</font></TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">3.</font></TH><TH><font size="+2"
color="#FFCC66">Fictive</font></TH><TH><font size="+2"
color="#FFCC66">5700CC</font></TH><TH><font size="+2"
color="#FFCC66"> Diesel</font></TH><TH><font size="+2"
color="#FFCC66">13</font></TH><TH><font size="+2"
color="#FFCC66">11,000,000-11,700,000</font></TH></TR>
<TR><TH><font size="+2" color="#FFCC66">4.</font></TH><TH><font
size="+2"
color="#FFCC66">Roarer 9</font></TH><TH><font size="+2"
color="#FFCC66">6100CC</font></TH><TH><font size="+2" color="#FFCC66">
Diesel</font></TH><TH><font size="+2"
color="#FFCC66">11</font></TH><TH><font size="+2"
color="#FFCC66">43,500,000-45,200,000</font></TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">5.</font></TH><TH><font size="+2"
color="#FFCC66">Sparsh</font></TH><TH><font size="+2"
color="#FFCC66">3200CC</font></TH><TH><font size="+2"
color="#FFCC66"> Petrol</font></TH><TH><font size="+2"
color="#FFCC66">18</font></TH><TH><font size="+2"
color="#FFCC66">6,500,000-7,000,000</font></TH></TR>
8

<TR><TH><font size="+2"
color="#FFCC66">6.</font></TH><TH><font size="+2"
color="#FFCC66">Exelero</font></TH><TH><font size="+2"
color="#FFCC66">6600CC</font></TH><TH><font size="+2"
color="#FFCC66"> Diesel</font></TH><TH><font size="+2"
color="#FFCC66">7</font></TH><TH><font size="+2"
color="#FFCC66">62,200,000-66,500,000</font></TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">7.</font></TH><TH><font size="+2"
color="#FFCC66">June11</font></TH><TH><font size="+2"
color="#FFCC66">5100CC</font></TH><TH><font size="+2"
color="#FFCC66"> Petrol</font></TH><TH><font size="+2"
color="#FFCC66">9</font></TH><TH><font size="+2"
color="#FFCC66">2,300,000-2,700,000</font></TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">8.</font></TH><TH><font size="+2"
color="#FFCC66">Concept24</font></TH><TH><font size="+2"
color="#FFCC66">4200CC</font></TH><TH><font size="+2"
color="#FFCC66"> Diesel</font></TH><TH><font size="+2"
color="#FFCC66">17</font></TH><TH><font size="+2"
color="#FFCC66">5,200,000-57,000,000</font></TH></TR>
<TR><TH><font size="+2"
color="#FFCC66">9.</font></TH><TH><font size="+2"
color="#FFCC66">Aquatic Fire</font></TH><TH><font
size="+2" color="#FFCC66">6900CC</font></TH><TH><font size="+2"
color="#FFCC66"> Diesel+Solar</font></TH> <TH>
<font size="+2" color="#FFCC66">24+</font> </TH> <TH><font size="+2"
color="#FFCC66">Coming Soon</font></TH></TR>
</table>
<hr color="#CC0066">
</body>
</html>

Web Page 5:- Regi.html

<html>
<head>
<title>kunalautomobiles.com</title>
<STYLE>
<!-A:active { color:#FFCC99; text-decoration; }
A:hover { color:#FFCC99; text-decoration; }
//-->
</STYLE>
</head>
<body background="background.jpg" link="blue" alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6" color="#660033"><big><b>Kunal
Automobiles
</b></i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3" color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>
10

<marquee bgcolor="#990066" scrollamount="6"><font size="+2" color="white"><i>Kunal's new


concept car "Aquatic Fire" will be on road soon to win your heart and bank balance
too...</i></marquee></font>
<font size="+2" a link="red" v link="red">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br>
<font color="red" face="Lucida Calligraphy"><h1>Fill The Form Below and Register Yourself for
Discounted Services.</h1>
<b><form name="registration" method="post" action="regi2.html">
First Name<Input type="text"><br><br>
Last Name<Input type="text"><br><br>
Email Id<Input type="text"><br><br>
Username<Input type="text"><br><br>
Password<Input type="password"><br><br>
Are You Now a Car Owner?<br>Yes<input type="radio" name="option">No<input type="radio"
name="option"><br><br>
Press Submit to Register or Reset to clear all fields<br><Input type="Reset"
Value="Reset"><Input type="Submit" Value="Submit">
</form></b>
</font>
</body>
</html>

Web Page 6:- Regi2.html


<html>
<head>
<title>kunalautomobiles.com</title>
<STYLE>
11

<!-A:active { color:#FFCC99; text-decoration; }


A:hover { color:#FFCC99; text-decoration; }
//-->
</STYLE>
</head>
<body background="background.jpg" link="blue" alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6" color="#660033"><big><b>Kunal
Automobiles </b></i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3" color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>
<marquee bgcolor="#990066" scrollamount="6"><font size="+2" color="white"><i>Kunal's new
concept car "Aquatic Fire" will be on road soon to win your heart and bank balance
too...</i></marquee></font>
<font size="+2" a link="red" v link="red">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br><br>
<font face="Lucida Calligraphy" color="red"><h1>You have been registered successfully...</h1>
<br>
<h2>
<a href="Home.html">Goto Home</a></h2></font>
</body>
</html>

12

Web Page 7:- Contact.html

<html>
<head>
<title>kunalautomobiles.com</title>
<STYLE>
<!-A:active { color:#FFCC99; text-decoration; }
A:hover { color:#FFCC99; text-decoration; }
//-->
</STYLE>
13

</head>
<body background="background.jpg" link="blue"
alink="green" vlink="blue">
<hr color="#660066">
<center><font face="Lucida Calligraphy" size="+6"
color="#660033"><big><b>Kunal Automobiles
</b></i></big></font></center>
<center><font face="Lucida Calligraphy" size="+3"
color="#660066"><b>
"""""""""""""""""""""INDIA"""""""""""""""""""""
</b></font></center>
<marquee bgcolor="#990066" scrollamount="6">
<font size="+2" color="white"><i>Kunal's new concept car
"Aquatic Fire" will be on road soon to win your heart and bank balance too...
</i></marquee></font>
<font size="+2" a link="red" v link="red">
<a href="Home.html"><b>Home</b></a>
<a href="Gallery.html"><b>Gallery</b></a>
<a href="info.html"><b>Information</b></a>
<a href="regi.html"><b>Registration</b></a>
<a href="Contact.html"><b>Contact Us</b></a>
</font>
<br><br>
<H1>You Can Contact Us by:</H1>
<br>
<font face="Lucida Calligraphy" size="+3" color="#FF0000"><b>
<OL type="I">
<LI>Visiting any of our Showrooms
<LI>Calling at: 1800-123-456
<LI>e-mailing at: customercare@kunalautomobiles.in
</OL>
</b></font>
</body>
</html>

14