Professional Documents
Culture Documents
WEBSITE OF PORSCHE CAR MODEL SYSTEM (Aditi - Kokane)
WEBSITE OF PORSCHE CAR MODEL SYSTEM (Aditi - Kokane)
WEBSITE OF PORSCHE CAR MODEL SYSTEM (Aditi - Kokane)
Project Report
On
Submitted to
2020-2021
"Spread Knowledge unto the last" *Pune University Best College Award
PRINCIPAL
Dr.Gaikwad Arun,
M.Com., M.Phil., Ph.D., D.C.F.A.
CERTIFICATE
This Is To Certify That the Project Entitled
"Website Of Porsche Car Model System"
Is the Bonafide Work Carried Out By
Date: / / 202
1 Introduction
2 Objective Of System
3 Requirement Analysis
4 Scope of Project
5 Design
• Flowchart
6 Coding
8 Future enhancement
9 Advantages
10 Bibliography
ACKNOWLEDGEMENT
We would to like to thank Principal of the College, Head Of the Department &
Subject Co-ordinator for their encouragement and valuable guidance.
We would like to thank Ms. Asawa A. K. and Ms. Satpute P.C. for monitoring us
to complete to this project and guided us timely. It’s our privilege to express our
gratitude to all staff member for their valuable suggestions and non-teaching staff
for co-operations.
And last but not least, we would like to thank all our friends for their support and
the timely help.
Yours Sincerely,
Kokane Aditi A.
B.Voc
(Software development)
INTRODUCTION
Porsche holding salzburg is eurpos largest automotive retail company, oprating in 22 counteris throughout
europ as well as i south AMERICA and in CHINA.
The salzburg-based company was founded by ferdinadporsche's two childranlousiepiech and ferry porsche.
in a 1994, the sibilings laid the foundetion for the succesfuldevlpment of porches holding
porscheholadingsalzburg has been 100% subsidiry of VOLSWAGEN AG since March 2011, contributing
is decades of know-how in the automotive bussines to walswogen group globale sales.
• Introduction of Contact:
please feel free to use thweformbleow to send us a message, we will usually get back to within 24 hours.
If your message is meant for one of our editior in particuler or about a spacific web page,
pleas enter the editior name and web page URL, so that we can forword your message and answer most
accuractly.
OBJECTIVE
Topspeed.com launched in 1995 and has since brought petrolhets all the letest
and gretest of the automotive world,via our 8 milion page views per month.
though our speciality list in all thing super powerfull aultra-luxurous, will also
tell you what the lasted the is on the more maintrerms cars whether looking to
by a new LAMBORGHINI or VOLKSVAGN golf topspeed.com, and its 500000
pages and million of high relsolution image will help you make educated
discursion all will keeping you enterh tained with creative renderings and witty
cometrey that you know can trust, thanks to our number 3 ranking.
REQUIREMENT ANALYSIS
• HARDWARE/SOFTWARE REQUIREMENTS
HARDWARE REQUIREMENT:
Processor: Pentium IV
processor 1 GHz
Monitor: Color monitor
RAM: min 256 MB
HDD: min 20GB
SOFTWARE REQUIREMENT:
Operating system: Windows XP/ Linux/ vista
Required software: Internet Explorer, Chrome, Opera.
Front End: html
Back End : N.A
SCOPE OF SYSTEM
Flowchart:
Coding:
1) **CSS FILE**
*{margin:0px;auto;}
.container{
height:635px;
background:black;}
.head{
background:#DAA520;height:80;}
.head img{float:left;}
.nav
height:50;
font-family:Century Gothic;
font-size: 20px;
color:white;
background:#CD853F;
word-spacing:100px;
padding-left:70px;
height:30px;}
a:link{ color:black; }
a:hover { color:black; }
a:visited{color:white}
.img1{background:black; height:480;}
.navbot{background:gray; height:70;word-spacing:50px;}
.about{background:black; height:500; }
.about h2 {padding-top:20px;}
.model{background:black; height:560; }
.model h2{padding-top:20px;}
.mod{background:black; height:120; }
.mod1{background:black; height:120; }
.mod2{background:black; height:120; }
.mod3{background:black; height:120; }
.cot{background:black; height:800; }
.cott{background:black; height:500; }
.cottimg{background:black; height:500; }
.cotth3{padding-top:40px;}
.cot1{background:black; height:800; }
.cott1{background:black; height:500; }
.cott1 h3{padding-top:40px;}
.cot2{background:black; height:800; }
.cott2{background:black; height:500; }
.cott2 img{background:black; height:500; }
.cott2 h3{padding-top:40px;}
<!DOCTYPE HTML>
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="profile.html">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<center><marquee><div>
<imgsrc="image/j1.jpg" style="width:1000px; height:500px;">
<imgsrc="image/car.jpg" style="width:1000px; height:500px;">
<imgsrc="image/car1.jpg" style="width:1000px; height:500px;">
</div></marquee></center>
<center><video width="600px" height:"240px" margin-right="100px;" controls>
<source src="vishal.mp4" type="video/mp4"
</video></center>
</body>
</html>
2) **Profile page**
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="profile.html">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div class="about">
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="#DAA520">
PROFILE</font></p></h1>
</div>
</body>
</html>
o/p:
3) **Model page**<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav>
<ul>
<a href="index.html">Home</a>
<a href="profile.html">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div align="center">model</div>
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="#DAA520">
Model</font></p></h1>
<table border="1">
<center>
<tr><td>
<div class="mod"><a href="cot.html"><imgsrc="image/pic1.jpg">
<font size="6" color="white">PROSCHE 119 </a></font>
</div>
</td>
<td>
<div class="mod1"><a href="cot1.html"><imgsrc="image/pic.jpg">
<font size="6" color="white">PROSCHE GT1 </a></font>
</div>
</td>
<td>
<div class="mod2"><a href="cot2.html"><imgsrc="image/gh.jpeg"><font size="6"
color="white"> PORSCHE 551</a></font>
</div>
</td>
<td>
<div class="mod3"><a href="cot3.html"><imgsrc="image/pic3.jpg"><font size="6"
color="white">PORSCHE BOXSTER</a></font>
</div>
</td>
</center>
</table>
</div>
</body>
</html>
4) **cot page**
1)<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div class="cot">
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="white"> PORSCHE-
119</font></p></h1>
<div class="cott"><center><imgsrc="image/pic1.jpg"></center>
</div>
</div>
o/p:
2<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div class="cot1">
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="white"> PORSCHE-
GT1</font></p></h1>
<div class="cott1"><center><imgsrc="image/pic.jpg"></center>
<h2><font color="white"><p><center>its been only a month since forzahorizal to added the
porscheexpensionpack,whichfetures 10 of stuttgarts best car including the 2003
porschecarrera GT,1986-1989 porsche 959,2011 porsche 911 GT3 Rs 4.0,and the 2014
porsche 918 spyder,and the recing GAME franchise is now offering to more vehicles from
the jerman carmaker.</p></font></center></h2>
<h3><center>
<table border="5" aline="center">
<tr>
<th><font color="white">Year </font></th>
<th><font color="white"> Make</font></th>
<th><font color="white"> Model</font></th>
<th><font color="white">price </font></th>
<th><font color="white"> Engine </font></th>
<th><font color="white"> Transmission</font></th>
<th><font color="white"> Horsepower@ RAM</font></th>
<th><font color="white">Displatment</font></th>
<th><font color="white">0-60 Time </font></th>
<th><font color="white">Top speed </font></th>
</tr><tr>
<td><font color="white"> 1995-1998</font></font></td>
<td><font color="white"> Porsche </font></td>
<td><font color="white"> GT1</font></td>
<td><font color="white"> $ 200000(Est.)</font></td>
<td><font color="white">Flat-6 </font></td>
<td><font color="white"> 6-speed manual</font></td>
<td><font color="white"> 430 @ 7500</font></td>
<td><font color="white">3.8 L </font></td>
<td><font color="white">4.2 Sec.</font></td>
<td><font color="white">187 mph </font></td></tr>
</font></table></center></h3>
</div>
</div>
o/p
3<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div class="cot2">
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="white"> PORSCHE-
551</font></p></h1>
<div class="cott2"><center><imgsrc="image/gh.jpeg"></center>
</div>
</div>
o/p:
4)**cot3 page**
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body>
<div class="container">
<div class="head">
<imgsrc="image/log2.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div class="cot2">
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="white"> PORSCHE-
BOXSTER</font></p></h1>
<div class="cott2"><center><imgsrc="image/pic3.jpg"></center>
<h2><font color="white"><p><center>its been only a month since forzahorizal to added the
porscheexpensionpack,whichfetures 10 of stuttgarts best car including the 2003
porschecarreraGT,1986-1989 porsche 959,2011 porsche 911 GT3 Rs 4.0,and the 2014
porsche 918 spyder,and the recing GAME franchise is now offering to more vehicles from
the jerman carmaker.</p></font></center></h2>
<h3><center>
<table border="2" aline="center">
<tr>
<th><font color="white">Year </font></th>
<th><font color="white"> Make</font></th>
<th><font color="white"> Model</font></th>
<th><font color="white">price </font></th>
<th><font color="white"> Engine </font></th>
<th><font color="white"> Transmission</font></th>
<th><font color="white"> Horsepower@ RAM</font></th>
<th><font color="white">Displatment</font></th>
<th><font color="white">0-60 Time </font></th>
<th><font color="white">Top speed </font></th>
</tr><tr>
<td><font color="white"> 2011</font></font></td>
<td><font color="white"> Porsche </font></td>
<td><font color="white"> GT3</font></td>
<td><font color="white"> $ 145000</font></td>
<td><font color="white">Flat-6 </font></td>
<td><font color="white"> 7-speed manual</font></td>
<td><font color="white"> 430 @ 7500</font></td>
<td><font color="white">2.8 L </font></td>
<td><font color="white">3.2 Sec.</font></td>
<td><font color="white">180 mph </font></td></tr>
</font></table></center></h3>
</div>
</div>
o/p:
**contact page**
<html>
<head>
<style type="text/css">
h
{
margin:bottom=800 px;
}
.ab
{
margin-top="50px";
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css"
/></head><title>index</title></head>
<body bgcolor="black">
<div class="container">
<div class="head">
<imgsrc="image/11.jpg" height="80" width="100">
<h1 align="center"><font size="20">PORSCHE </font></h1>
</div>
<div class="nav">
<nav><ul>
<a href="index.html">Home</a>
<a href="profile.html">Profile</a>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</ul></nav>
</div>
<div class="about">
<h1><p><font size="15" font-family="Microsoft Sans Serif"color="#DAA520">
CONTACTS</font></p></h1>
<h2><center><p><font size="6"color="white">please feel free to use thweformbleow to
send us a message, we will usually get back to within 24 hours.</p>
<p> If your message is meant for one of our editior in particuler or about a spacific web
page,</p>
<p> pleas enter the editior name and web page URL, so that we can forword your message
and answer most accuractly.</font></p></center></h2>
<imgsrc=".............. ........... ..............jpg" height="320"
width="420">        
<imgsrc="shiv.jpg" height="320" width="380">
<p><font size="6"color="white">CONTACT US</p>
<h3><imgsrc="iconcontact.png" alt="contact us" /></img>
<p><font size="5"color="cyan">NAME: Akash<br><br>
<p><font size="5"color="cyan">ADDRESS:WADGAON LANDGA<br><br>
<p><font size="5"color="cyan">CITY:SANGAMNER<br><br>
<p><font size="5"color="cyan">STATE:MAHARASHTRA<br><br>
<p><font size="5"color="cyan">COUNTRY:INDIA<br><br>
<p><font size="5"color="cyan">MOBILE NO:7507279182<br><br>
<p><font size="5"color="cyan">GMAIL:angelakash9899@gmail.com</p>
</div>
<div class="ab" style="margin-left="30px;">
<center><h><font size="6" color="cyan">
<h2 style="color:white; margin-left:50px;">Contact Us</h2>
NAME:  akash<br><br>
<p><font size="5"color="cyan">ADDRESS:KASARA DUMALA<br><br>
<p><font size="5"color="cyan">CITY:SANGAMNER<br><br>
<p><font size="5"color="cyan">STATE:MAHARASHTRA<br><br>
<p><font size="5"color="cyan">COUNTRY:INDIA<br><br>
<p><font size="5"color="cyan">MOBILE NO:9112417026<br><br>
<p><font size="5"color="cyan">GMAIL:Vishallandge2606@gmail.com<br><br>
</h></center>
</div>
</body>
</html>
o/p:
>
<a href="model.html">Model</a>
<a href="contact.html">Contact</a>
<a href="aboutus.html">About</a>
<a href="form.html">FEEDBACKFORM</a>
</nav>
<P><br><br><font color="red">FEEDBACK FORM</font></head></p>
<title>form</title>
<body bgcolor="black">
<form>
FIRST NAME:<input type="text" id="fname" name="firstname"><br><br>
LAST NAME:<input type="text" id="lname" name="lastname"><br><br>
GENDER:
MALE<input type="radio" name="male">
FEMALE<input type="radio" name="female"><br><br>
COUNTRY: <select>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
<option value="india">INDIA</option>
<option value="china">CHINA</option>
<option value="uk">UK</option>
<option value="bangladesh">BANGLADESH</option>
<option value="south africa">SOUTH AFRICA</option>
<option value="rashia">RASHIA</option>
</select><br><br>
<h3><imgsrc="iconcontact.png" alt="contact us" /></img><Contact us form</h3>
you can leave message using the contact form below...
<th>Mobile No<span style="color: red;">*</span> : </th>
<td width="5%"></td>
<td><input type="text" name="umobno" id="uemail" onblur="isnumericl()" required=""
maxlength="10" /></td></tr>
<tr style="height: 10px;"></tr>
<tr>
<th>Message <span style="color: red;">*</span> : </th>
<td width="5%"></td>
<td><textarea name="umsg" required="" ></textarea></td>
</tr>
<h3><imgsrc="contactimg.jpg" alt="contact us" /></img>
<marquee><font color="red"><h1>shinde Akash <h1></font></marquee>
<input type="button"value="SUBMIT">
<input type="button"value="RESET"><br>
<form>
</center>
</body>
</html>
Future enhancement
• Almost everyone with internet access will research sites and services they are
interested in before decisions.
• In addition, any given web site has less than 5 seconds in which to load , display
information.
• Less expensive than a mobile site in terms of development and maintenance costs.
• A future-proof website is not only beautiful but is highly functional, and has longevity
built-in.
• I use only the latest web technology design such as responsive web design, HTML-5
and progressive
• enhancement through CSS3 to craft your business’s online presence.
Advantages
• If project has a limited marketing budget, web advertising offers several free or low-
cost means of marketing.
• Some advertising can prove costly in terms of time and money wastages.
• Be sure advertising does not alienate potential customers.
• Computerized process will save and provides accuracy.
Bibliography
References
Websites
• www.w3school.com
• www.tutorialpoint.com
• www.pinterest.com
• www.quora.com
• www.htmlcolorcodes.com
• www.guideproject.com