Project File 2 mmwt

INDEX.

• Certificate of completion

• Acknowledgement

• Preface

• Software & Hardware

• Coding & Output

• Suggested points

• Features to be added

• Bibliography

1

Certificate of Completion

• This certifies that Rishampreet Singh and Saravjit Yadav of class XI-B have completed all requirements for completion of the MMWT project designated to them under the guidance of Mr. Pankaj.

• They completed the project under the guidelines given by

Signature

2

Acknowledgement

We want to thank all the support that we got which made this project possible.

First and foremost we would like to thank Mr. Pankaj to introduce us to the languages of HTML and VB script which was heavily used in the completion of this website.

The role of science and technology has also been pivotal in the success of the project. Computer machines and the software used are an example of where technology has taken us in the last few years.

We would also like to thank our respected principal sir to allow us to use the resources of the school for completion of our project.

3

Preface

As MMWT students we were designated a project to make a website on a topic of our choice. We chose the topic of Scouting as it seemed interesting. Scouting basically is to help the young generation to achieve the dreams they aspire. We made a website on the above topic using HTML and VB script language as the basis of our coding.

4

Software Used

• Microsoft windows 7

• Microsoft windows xp

• Notepad ( for HTML and VBscript coding)

• Internet Explorer

• Google Chrome

• Bootstrap

• Wowslider

5

Coding & their Outputs

Password

<html>

<head>

<script language="vbscript">

sub cont

a=cint(document.f9.t1.value)

b=cint(document.f9.t2.value)

c=2015

if a=b and b=c then

msgbox "Correct Password. Now proceed to the website."

document.write("You have entered correct password"&"<a href=buysell.html>"&" Click to Enter"&"</a>")

else

msgbox "Incorrect Password"

document.write ("<a href=password.html>"&"try again"&"</a>")

end if

end sub

</script>

</head>

6

<body background ="iam1.jpg" text="white"><form>

<FONT FACE="airstrike" COLOR="white" SIZE="20">CARTRADE</FONT><br>

<FONT face="ariel"COLOR="black"> -CARS THAT YOU DESIRE</FONT>

<br><br>

<br><br><br><br><br><br><br><br>

&

7

nbsp; <font size="8" color="lightslategrey">Enter a password to enter the website.</font><br>

<br>

<form name="f9" style="background-color:black"><center>

Password <input type="password" name="t1"><br>

Confirm password <input type="password" name="t2"><br>

<input type="button" value="Proceed" onclick="call cont"></center></font>

</form>

</body>

</html>

8

Coding and the OutputsHome Page <html>

<head><meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script

</head>

<body background ="iam1.jpg"><form>



<BR>

<BR><BR><BR><BR><BR><BR>

<P ALIGN="CENTER">

<button type="button" class="btn btn-primary" onclick="window.open('MAINWEBPAGE.html')">BUY</button>

<br>

<BR>

<button type="button" class="btn btn-success"value="buy" onclick="window.open('SELL.html')" >SELL</button>

<BR>

<BR>

9

<button type="button" class="btn btn-info"onclick="window.open('LOGOUT.html')" >LOGOUT</button>

<BR>

<BR>

<button type="button" class="btn btn-warning"onclick="window.open('contactus.html')">CONTACT US</button>

<BR>

<BR>

<button type="button" class="btn btn-default btn-lg"onclick="window.open('aboutus.html')">

<span class="glyphicon glyphicon-road" aria-hidden="true"></span> ABOUT US

</button>

</P>

</body>

</html>

Sell

10

<html>






</head>




<BR>

11


<form name="jump">

<p> Please enter your full details </p>

First Name: <input type = "text"><br><BR>

Last name : <input type = "text"><br><BR>

GENDER:

<select name="menu25" VALUE="BAAP">

<option selected>Choose One</option>

<option value="a">MALE</option>

<option value="a">FEMALE</option>

</SELECT><BR><BR>

SELECT COUNTRY:

<select name="menu" VALUE="BAAP2"><br><BR>


<option value="a">INDIA</option>

<option value="a">CHINA</option>

<option value="a">SRI LANKA</option>

<option value="a">PAKISTAN</option>

<option value="a">BANGLADESH</option>

12

<option value="a">UNITED STATES</option>

<option value="a">HONKONG</option>

<option value="a">UNITED KINGDOM</option>

<option value="a">SINGAPORE</option>

<option value="a">JAPAN</option>

</SELECT>

<br><BR>

State: <input type = "text">

<BR><BR>

City: <input type = "text">

<BR><BR>

Zip: <input type = "text">

<BR><BR>

<HR>

<br> <br>

PLEASE ENTER THE DETAILS OF THE CAR THAT YOU WANT TO PUT ON SALE<BR><BR>

BRAND: <input type = "text"><br><BR>

MODEL: <input type = "text"><br><BR>

WHEN DID YOU BUY THIS CAR?: <input type = "text"><br><BR>

HOW MANY KILOMETERS HAS THIS CAR TRAVELLED ?<BR>

<select name="menu" VALUE="BAAP3"><br><BR>

13


<option value="a">UPTO 5000</option>

<option value="a">5000-10000</option>




<option value="a">MORE THAN 500000</option>

</SELECT><BR><BR>

PLEASE ENTER ANY DETAILS THAT YOU WOULD LIKE TO GIVE TO TO BUYERS <BR>

<textarea rows = "5" cols = "35" align = "right">

</textarea>

<br> <br>

HOW CAN THE BUYE CONTACT YOU ?<br>

<textarea rows = "5" cols = "35" align = "right">

</textarea><BR><br>

14

HOW WOULD YOU LIKE THE BUYER TO PAY FOR IT ?<BR> <select name = "order">

<option> Choose One<option> Credit Card/ Debit Card

<option> Cash

<option> Netbanking

</select>

<br><BR><HR>

How did you hear about CAR TRADE ? <BR>

<input type = "radio" name = 0"r1"> From Web <BR>

<input type = "radio" name = 0"r1"> In Magazine<BR.

<input type = "radio" name = 0"r1"> Newspaper<BR>

<input type = "radio" name = 0"r1"> Other<BR>

<br></form>

15

<button type="button" class="btn btn-primary" onclick="window.open('SUBMITmessage.html')">PUT YOUR CAR ON SALE</button>

<button type="RESET" class="btn btn-success"value="buy" vall = "erase">RESET</button>

<button type="button" class="btn btn-danger"value="buy"onclick="window.open('buysell.html')">BACK</button><BR>

<BR>

</body>

16

</html>

Logout

<html>

<head>

</head>



<FONT face="ariel"COLOR="black"> &nb

17

sp; -CARS THAT YOU DESIRE</FONT>

<BR>


<h1><font color="lightslategrey">Thank You</font></h1><H5>

THANK YOU FOR VISITING OUR WEBSITE. PLEASE DO VISIT AGAIN</H5>

</BODY>

</HTML>

Conact Us

<html>


18





</head>




<BR>


<h1><font color="lightslategrey">Contact Us</font></h1>

<h5><font color="white">301, Lloyds Centre Point

19

Above Tata Motors Showroom

Unit No. 31 & 32,

1096A Appasaheb Marathe Marg<br>

Prabhadevi, Mumbai - 400025.<br>

Phone: (022)612 91700<br>

Email: [email protected]<br>

In case of any inquiry, feedback or request,please contact us at our official email above

</font><br><br>

<button type="button" class="btn btn-danger"value="buy"onclick="window.open('buysell.html')">BACK</button>

</body></html>

20

About Us

<html>






</head>



21


<BR>


<h1><font color="lightslategrey">About Us</font></h1>

<h3><font color="white">CarTrade.com is one of India's leading online auto marketplace providing buyers and sellers a structured platform for transacting in new and used vehicles. Since its inception in 2010, we have expanded our offerings across India with a strong network of more than 4000 dealers. Currently, over 4 million unique consumers visit CarTrade.com every month and avail of its features. CarTrade.com's business can be divided into two parts: CarTrade.com, the consumer portal where the users can visit to buy and sell used/new cars and CarTrade Exchange, the dealer portal which helps them manage their business operations.

What makes CarTrade.com unique are its offerings and world class technology. Some of the unique features include used car price information, certified used cars, on road dealer prices and expert reviews that empower our buyers and sellers to choose the most suitable vehicles at the most affordable prices. Additionally, we also provide information related to the automobile industry and the latest automotive news. Our expert views and reviews of exciting upcoming models in the market guide and help buyers choose the best option.

We're proud of our sincere and continuous efforts, both for car buyers, sellers and the other people who want to know more about the automotive industry in India. So whether you're a first-time visitor, a frequent site user, an avid auto enthusiast, a job seeker or a journalist working on a story, we hope you'll find what you're looking for.</font></h3>

<h2><font color="lightslategrey">DEVELOPERS</FONT></h2>

<font color="white">Head Developer:<b>RISHAMPREET SINGH</b><br>

Assistant Developer:<b>SARAVJIT SINGH</b><br><BR></font>

<button type="button" class="btn btn-danger"value="buy" onclick="window.open('buysell.html')" > BACK</button>

</body>

</html>

22

Buy<html>






</head>




23

<BR>


<BR><P ALIGN="CENTER">

<button type="button" class="btn btn-primary" onclick="window.open('VOLVO.html')">VOLVO</button><BR><BR>

<button type="button" class="btn btn-success"value="buy" onclick="window.open('mercedes.html')" >MERCEDES</button>

</P>

<BR>


<BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>




</BODY>

</html>

24

BUY(VOLVO)

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="engine1/style.css" />

<script type="text/javascript" src="engine1/jquery.js">

</script>



</head>


25

<FONT face="ariel"COLOR="black"> -CARS THAT YOU DESIRE</FONT>

<div id="wowslider-container1">

<div class="ws_images"><ul>

<li><img src="data1/images/efficient.jpg" alt="Efficient" title="Efficient" id="wows1_0"/></li>

<li><img src="data1/images/smart.jpg" alt="Smart" title="Smart" id="wows1_1"/></li>

<li><img src="data1/images/energetic.jpg" alt="Energetic" title="Energetic" id="wows1_2"/></li>

<li><a href="http://wowslider.com/vi"><img src="data1/images/elegant.jpg" alt="css slider" title="Elegant" id="wows1_3"/></a></li>

<li><img src="data1/images/safe.jpg" alt="Safe" title="Safe" id="wows1_4"/></li>

</ul></div>

<div class="ws_bullets"><div>

<a href="#" title="Efficient"><span><img src="data1/tooltips/efficient.jpg" alt="Efficient"/>1</span></a>

<a href="#" title="Smart"><span><img src="data1/tooltips/smart.jpg" alt="Smart"/>2</span></a>

<a href="#" title="Energetic"><span><img src="data1/tooltips/energetic.jpg" alt="Energetic"/>3</span></a>

<a href="#" title="Elegant"><span><img src="data1/tooltips/elegant.jpg" alt="Elegant"/>4</span></a>

<a href="#" title="Safe"><span><img src="data1/tooltips/safe.jpg" alt="Safe"/>5</span></a>

</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">jquery gallery</a> by WOWSlider.com v7.6m</div>

<div class="ws_shadow"></div>

</div>

<script type="text/javascript" src="engine1/wowslider.js"></script>

<script type="text/javascript" src="engine1/script.js"></script>

<form>

26

</form>

<font color="lightslategrey"face="airstrike"SIZE="23">VOLVO</FONT>

<table border="4"style="width:100%;height:80%"bordercolor="grey">

<tr>

<td><FONT FACE="AIRSTRIKE" COLOR="LightSlateGray "size="18" align="top">S60</FONT><br><img src="volvo.jpg" alt="volvo" width="304" height="236" align="centre"></td>

<td><FONT FACE="AIRSTRIKE" COLOR="LightSlateGray "size="18" align="top">V40</FONT><br><img src="V40.jpg" alt="saab" width="304" height="236"align="centre"></td>

<td><FONT FACE="AIRSTRIKE" COLOR="LightSlateGray "size="18" align="top">XC90</FONT><br><img src="XC90.jpg" alt="volvo" width="304" height="236" align="centre"></td>

</tr>

<tr>

<td bgcolor="white"><font color="black">

<b>On Sale:</b> Now<Br>

<b>Base Price:</b> $39,925 <Br>

27

<b>Drivetrain:</b> 2.0-liter turbocharged supercharged I4; FWD, eight-speed automatic <Br>

<b>Output:<?b> 302 hp @ 5,700 rpm, 295 lb-ft @ 1,800-5,500 rpm <Br>

<b>Curb Weight:</b> 3,472 lb <Br>

<b>Fuel Economy:</b> 24/35/28 mpg(EPA City/Hwy/Combined) <Br>

<b>Observed Fuel Economy:</b> 25.5 mpg <Br> </font>

</td>








<b>Observed Fuel Economy:</b> 25.5 mpg <Br></td>



28







</tr>

<tr>

<td><button type="submit" value="buy" onclick="window.open('REQUEST.html')">buy</button></td>



</tr>

</table>


29

</html>

BUY(MERCEDES)

<html>

<head><link rel="stylesheet" type="text/css" href="engine1/style.css" />

<script type="text/javascript" src="engine1/jquery.js"></script>

photos

</head>

30

<div id="wowslider-container1">

<div class="ws_images"><ul>

<li><img src="data1/images/aclass.jpg" alt="ACLASS" title="ACLASS" id="wows1_0"/></li>

<li><a href="http://wowslider.com"><img src="data1/images/mercsuv.jpg" alt="responsive slider jquery" title="MERCSUV" id="wows1_1"/></a></li>

<li><img src="data1/images/c450.jpg" alt="C450" title="C450" id="wows1_2"/></li>

</ul></div>

<div class="ws_bullets"><div>

<a href="#" title="ACLASS"><span><img src="data1/tooltips/aclass.jpg" alt="ACLASS"/>1</span></a>

31

<a href="#" title="MERCSUV"><span><img src="data1/tooltips/mercsuv.jpg" alt="MERCSUV"/>2</span></a>

<a href="#" title="C450"><span><img src="data1/tooltips/c450.jpg" alt="C450"/>3</span></a>

</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">jquery gallery</a> by WOWSlider.com v7.6m</div>

<div class="ws_shadow"></div>

</div>

<script type="text/javascript" src="engine1/wowslider.js"></script>

<script type="text/javascript" src="engine1/script.js"></script>



<form>

</form>

32

<font color="lightslategrey"face="airstrike"SIZE="23">MERCEDES</FONT>

<table border="4"style="width:100%;height:80%"bordercolor="grey">

<tr>

<td><FONT FACE="AIRSTRIKE" COLOR="LightSlateGray "size="18" align="top">GL 700</FONT><br><img src="MERCSUV.jpg" alt="GL 700" width="304" height="236" align="centre"></td>

<td><FONT FACE="AIRSTRIKE" COLOR="LightSlateGray "size="18" align="top">C AMG 450 </FONT><br><img src="MERCEDES.jpg" alt="C 450" width="304" height="236"align="centre"></td>

<td><FONT FACE="AIRSTRIKE" COLOR="LightSlateGray "size="18" align="top">A-CLASS</FONT><br><img src="ACLASS.jpg" alt="volvo" width="304" height="236" align="centre"></td>

33

</tr>

<tr>








<b>Observed Fuel Economy:</b> 25.5 mpg <Br> </font>34

</td>









<td bgcolor="white"><font color="black">35








</tr>

<tr>

36




</tr>

</table>

<button type="button" class="btn btn-danger"value="buy"onclick="window.open('buysell.html')">BACK</button></form></body></body>

</html>

37

BUY(SUBMIT)<html>






</head>

38




<BR>


<h1><font color="lightslategrey">Thank You</font></h1>

<h3><font color="white">THANK YOU .YOUR REQUEST FOR THE CAR HAS BEEN SENT . WE WILL CONTACT YOU AS SOON AS POSSIBLE</font></h3>

<h2><font color="lightslategrey">DEVELOPERS</FONT></h2>

<font color="white">Head Developer:<b>RISHAMPREET SINGH</b><br>

Assistant Developer:<b>SARAVJIT SINGH</b><br><BR></font>

<button type="button" class="btn btn-success"value="buy" onclick="window.open('buysell.html')" > BACK</button>

</body>

</html>

39

Future Scope of the ProjectWe further hope the project to carry on this idea of scouting in our project as such a kind website might be the first of its kind. The idea of our website can be better explained by further improved coding in the future. Features like better style of text and more animations can make our project look more attractive and thus, useful. We would like this idea to be appreciated and adopted on a global scale.

We would further like to add these feature:

• More animation

• Connecting more web pages

• Creating externally linking buttons

• Voice notes

• Videos and gifs

We want our web site to be more creative and be competitive on a global scale.

41

Bibliography

MMWT book by Reeta and Gagan Sahoo Bootstrap Official Website W3Schools Official Website WOWSlider Official Website

42

Project File 2 mmwt

Documents

Transcript of Project File 2 mmwt