You are on page 1of 29

1.

ABOUT US WEBPAGE
<html>
<head>
<title>About Us</title>
</head>
<body>
<center>
<table border=2>
<caption><h1>About Us</h1></caption>
<tr bgcolor="Plum">
<td rowspan="8"><img src="ggsipu.jpg" height=200 width=200></td>
<th align="center"><u><font face="Comic Sans MS" size=3>Name</font></u></th>
<td align="center"><i><b>Sahil</b></i></td>
<td align="center"><i><b>Rohit</b></i></td>
<td rowspan="8"><img src="vips.jpg" height=200 width=200></td>
</tr>
<tr bgcolor="Silver">
<th align="center"><u><font face="Comic Sans MS" size=3>Enrollment No.</u></th>
<td align="center"><b><i>00117701721</i></b></td>
<td align="center"><i><b>00217701721</b></i></td>
</tr>
<tr bgcolor="Plum">
<th align="center"><u><font face="Comic Sans MS" size=3>Contact No.</u></font></th>
<td align="center"><b><i>9999999999</i></b></td>
<td align="center"><b><i>9999999999</i></b></td>
</tr>
<tr bgcolor="Silver">
<th align="center"><u><font face="Comic Sans MS" size=3>E-Mails</font></u></th>
<td align="center"><i><b>abc@gmail.com</b></i></td>
<td align="center"><b><i>abc@gmail.com</i></b></td>
</tr>
<tr bgcolor="Plum">
<th align="center"><u><font face="Comic Sans MS" size=3>Course</font></u></th>
<td align="center"><i><b>BBA II SEM (C/D/E)</b></i></td>
<td align="center"><i><b>BBA II SEM (C/D/E)</b></i></td>
</tr>
<tr bgcolor="Silver">
<th align="center"><u><font face="Comic Sans MS" size=3>University</font></u></th>
<td align="center"><b><i>GGSIPU</b></i></td>
<td align="center"><b><i>GGSIPU</b></i></td>
</tr>
<tr bgcolor="Plum">
<th align="center"><u><font face="Comic Sans MS" size=3>College</font></u></th>
<td align="center"><b><i>VIPS-TC</i></b></td>
<td align="center"><b><i>VIPS-TC</i></b></td>
</tr>
<tr bgcolor="Silver">
<th align="center"><u><font face="Comic Sans MS" size=3>Batch</font></u></th>
<td align="center"><b><i>2021-2024</i></b></td>
<td align="center"><b><i>2021-2024</i></b></td>
</tr>
</table>
</center>
</body>
</html>
2. CONNECT US WEBPAGE
<html>
<head>
<title> Connect Us
</title>
<style>
img
{
box-shadow: 5px 5px lightgray;
border-color:darkblue;
}
img:hover
{
transform: scale(1.5);
}
</style>
</head>
<body>
<center>
<a href="https://www.facebook.com/" target="_blank"><img src="fb.jpg" height=25 width=150 border=5></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://www.linkedin.com/" target="_blank"><img src="li.jpg" height=25 width=150 border=2></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://twitter.com/" target="_blank"><img src="tw.jpg" height=25 width=150 border=2></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://mail.google.com/" target="_blank"><img src="gm.jpg" height=25 width=150 border=2></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://www.instagram.com/" target="_blank"><img src="ig.jpg" height=25 width=150 border=2></a>
</center>
</body>
</html>
3. GLOSSARY WEBPAGE
<html>
<head>
<title>Glossary Page</title>
</head>
<body>
<font color="red">
<dl>
<dt><b>HTML</b></dt>
<dd>This stands for Hyper Text Markup Language</dd>
<dt><b>HTTP</b></dt>
<dd>This stands for Hyper Text Transfer Protocol</dd>
<dt><b>ASAP</b></dt>
<dd>This stands for As Soon As Possible</dd>
<dt><b>CPU</b></dt>
<dd>This stands for Central Processing Unit</dd>
<dt><b>GIGO</b></dt>
<dd>This stands for Garbage In Garbage Out</dd>
<dt><b>FIFO</b></dt>
<dd>This stands for First In First Out</dd>
<dt><b>FILO</b></dt>
<dd>This stands for First In Last Out</dd>
<dt><b>LIFO</b></dt>
<dd>This stands for Last In First Out</dd>
</dl>
</font>-
</body>
</html>
4. LOGO WEBPAGE
<html>
<head>
<title>LOGO</title>
<style>
img
{
border-color:PaleVioletRed;
}
img:hover
{
transform: scale(1.5);
}
</style>
</head>
<body>
<center>
<a href="welcome_video.html" target="5"><img src="logo.png" height=70 width=160 alt="Logo Image" border=5></a>
</center>
</body>
</html>
5. MAP WEBPAGE
<html>
<head>
<title>
Google Map
</title>
</head>
<body bgcolor="LightSlateGrey">
<center>
<br>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3502.5619074180354!2d77.226934774572!
3d28.612916684972802!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce2daa9eb4d0b%3A0x717971125923e5d!2sIndia
%20Gate!5e0!3m2!1sen!2sin!4v1707202691493!5m2!1sen!2sin" width="1000" height="450" style="border:0;" allowfullscreen=""
loading="lazy" referrerpolicy="no-referrer-when-downgrade">
</iframe>
</center>
</body>
</html>
6. PRODUCT WEBPAGE
<html>
<head>
<style>
img
{
border-color:PaleVioletRed;
}
img:hover
{
transform: scale(1.5);
}
</style>
<title>Products</title>
</head>
<body background="bg4.jpg" width="100%" height="100%" alink="white" vlink="white" link="white">
<MARQUEE behavior="alternate" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount=5>
<img src="boost.png" width=300 height=300>
<img src="bournville.png" width=300 height=300>
<img src="chomp.png" width=300 height=300>
<img src="crunchie.png" width=300 height=300>
<img src="curlywurly.png" width=300 height=300>
<img src="dairy milk caramel.png" width=300 height=300>
<img src="dairy milk creations.png" width=300 height=300>
<img src="dairy milk crisp.png" width=300 height=300>
<img src="dairy milk.png" width=300 height=300>
<img src="dairy milk toffee.png" width=300 height=300>
<img src="dairy milk friut and nut.png" width=300 height=300>
<img src="dairy milk oreo.png" width=300 height=300>
</marquee>
<table border="1">
<tr>
<td colspan=4>
<br>
<p align="center">
<font color="white" size="48">
<u>BARS</u>
</font>
</p>
<br>
</td>
</tr>
<tr>
<td>
<img src="boost.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="bournville.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="chomp.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="crunchie.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
</tr>
<tr>
<td><img src="curlywurly.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="dairy milk caramel.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="dairy milk creations.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="dairy milk crisp.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
</tr>
<tr>
<td><img src="dairy milk.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="dairy milk toffee.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="dairy milk friut and nut.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="dairy milk oreo.png" width="100%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
</tr>
<tr>
<td colspan=4><br><p align="center">
<font color="white" size="48">
<u>BAGS & BOXES</u>
</font>
</p>
<br>
</td>
</tr>
<tr>
<td><img src="eclairs.png" width="65%" height="50%">
<font color="white" size="5">
<center>Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="mixed bottons.png" width="65%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="boost bites.png" width="65%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
<td><img src="bitsa wispa.png" width="65%" height="50%">
<font color="white" size="5">
<center> Price: <s>500/-</s>375/-<br>
<a href=" ">Add to Cart</a>
</center>
</font>
</td>
</tr>
</table>
</body>
</html>
7. TITLE WEBPAGE
<HTML>
<HEAD>
<TITLE>Title Page</TITLE>
<style>
a:hover
{
background-color: purple;
color: white;
font-size: 150%;
text-transform:uppercase;
text-decoration:none;
}
</style>
</HEAD>
<BODY BGCOLOR="PaleVioletRed" link="Yellow" vlink="white" alink="black">
<center>
<font face="Brush Script MT" size=8 color="Gold"><b>Education</b>
</font>

<MARQUEE behavior="alternate" bgcolor="IndianRed" onmouseover="this.stop();" onmouseout="this.start();"


scrollamount=5>Achieving Excellence Together</marquee>

|<a href="welcome_video.html" target="5">Home</a>|


<a href="Table_of_contents.html" target="4">Table of Contents</a>|
<a href="form.html" target="5">Form</a>|
<a href="HTML_Color_Shades.pdf" target="5">Color Shades Products</a>|
<a href="content.html" target="5">Content Information</a>|
<a href="https://docs.google.com/forms............" target="5">Online Form</a>|
<a href="Glossary.html" target="5">Glossary</a>|
<a href="products.html" target="5">Our Products</a>|
<a href="videocontrols.html" target="5">Video Controls</a>|
<a href="Map.html" target="5">Visit Google Map</a>|
</center>
</BODY>
</HTML>
8. WELCOME VIDEO WEBPAGE
<html>
<head>
<title>Welcome Video</title>
<style>
body
{
background: url(welcome_image.png);
background-repeat: no-repeat;
background-size: 100%;
}
</style>
</head>
<body background="welcome_image.png">
<center>
<br>
<br>
<embed type="video/webm" src="welcome_video.webm" width="600" height="350">
</center>
</html>
9. VIDEO WEBPAGE (Frame 3)
<html>
<head>
<title>Video</title>
</head>
<body bgcolor=#808000>
<iframe src="welcome_video.webm" allow='autoplay' width="190" height="90"></iframe>
</html>
10. VIDEO CONTROL WEBPAGE
<html>
<Body>
<video height=500 width=500 autoplay loop controls>
<source src="data.mp4" type="video/mp4">
<source src="data.ogg" type="video/ogg">
</video>
</body>
</html>
11.FRAME WEBPAGE
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows = "20%,70%,10%" border=0>
<frameset cols = "15%,70%,15%" border=0>
<frame frameborder="0" name = "1" src = "logo.html">
<frame frameborder="0" name = "2" src = "title.html" ">
<frame frameborder="0" name = "3" src = "video.html">
</frameset>
<frameset cols = "20%,80%" border=0>
<frame frameborder="0" name = "4" src = "Navigation_Page.html">
<frame frameborder="0" name = "5" src = "welcome_video.html">
</frameset>
<frame frameborder="0" name = "6" src = "connect_us.html">
</frameset>
</html>
12. NAVIGATION WEBPAGE
<html>
<head>
<title>Navigation Page</title>
<style>
a
{
text-decoration:none
}
</style>
</head>
<body vlink="fireBrick" alink="red" link=#191970 bgcolor="gold">
<marquee onmouseover="this.stop();" onmouseout="this.start();" direction="up" scrollamount=5>
<a href="welcome_video.html" target="5">Home</a>
<br>
<hr color="firebrick">
<a href="Table_of_contents.html" target="4">Table of Contents</a>
<br>
<hr color="firebrick">
<a href="form.html" target="5">Offline Form</a>
<br>
<hr color="firebrick">
<a href="HTML_Color_Shades.pdf" target="5">Color Shades Products</a>
<br>
<hr color="firebrick">
<a href="content.html" target="5">Content Information</a>
<br>
<hr color="firebrick">
<a href="https://docs.google.com/forms....................." target="5">Online Form</a>
<br>
<hr color="firebrick">
<a href="Table_tags.html" target="5">Contact Us</a>
<br>
<hr color="firebrick">
<a href="products.html" target="5">Our Products</a>
<br>
<hr color="firebrick">
<a href="products_marquee.html" target="5">Products Marquee</a>
<br>
<hr color="firebrick">
<a href="Questions.html" target="5">Q&A Form</a>
<br>
<hr color="firebrick">
<a href="videocontrols.html" target="5">Video Controls</a>
<br>
<hr color="firebrick">
<a href="map.html" target="5">Visit Google Map</a>
<br>
<hr color="firebrick">
</marquee>
</body>
</html>
13. TABLE OF CONTENT WEBPAGE
<html>
<head>
<title> Content Page </title>
</head>
<body bgcolor="pink" link="purple" vlink="red" alink="maroon">
<h3><a name="toc">Table of Contents</a></h3>
<ol>
<li> <a href="content.html#1" target="5">Electronic Commerce</a></li>
<ol type="i">
<li><a href="content.html#i" target="5">E-Commerce or Electronic Commerce</a></li>
<li><a href="content.html#ii" target="5">Types of E-Commerce Models</a></li>
<ol type="a">
<li><a href="content.html#a" target="5">Business to Business</a></li>
<li><a href="content.html#b" target="5">Business to Consumer</a></li>
<li><a href="content.html#c" target="5">Consumer to Consumer</a></li>
<li><a href="content.html#d" target="5">Consumer to Business</a></li>
</ol>
<li><a href="content.html#iii" target="5">Examples of E-Commerce</a></li>
<li><a href="content.html#iv" target="5">Advantages of E-Commerce</a></li>
<li><a href="content.html#v" target="5">Disadvantages of E-Commerce</a></li>
</ol>
<li> <a href="content.html#2" target="5">E-Commerce</a></li>
</ol>
<a href="Navigation_Page.html" target="4">BACK</a>
</body>
</html>
14. CONTENT WEBPAGE
<html>
<head>
<title> Content Page </title>
</head>
<body bgcolor="pink" link="purple" vlink="red" alink="maroon">
<h3><a name="toc">Table of Contents</a></h3>
<ol>
<li> <a href="#1">Electronic Commerce</a></li>
<ol type="i">
<li><a href="#i">E-Commerce or Electronic Commerce</a></li>
<li><a href="#ii">Types of E-Commerce Models</a></li>
<ol type="a">
<li><a href="#a">Business to Business</a></li>
<li><a href="#b">Business to Consumer</a></li>
<li><a href="#c">Consumer to Consumer</a></li>
<li><a href="#d">Consumer to Business</a></li>
</ol>
<li><a href="#iii">Examples of E-Commerce</a></li>
<li><a href="#iv">Advantages of E-Commerce</a></li>
<li><a href="#v">Disadvantages of E-Commerce</a></li>
</ol>
<li> <a href="#2" target="5">E-Commerce</a></li>
</ol>
<h1><a name="1" href="#toc"> 1. Electronic Commerce</a></h1>
<p>
E-Commerce or Electronic Commerce means buying and selling of goods, products, or services over the internet. E-commerce is also known
as electronic commerce or internet commerce. These services provided online over the internet network. Transaction of money, funds, and
data are also considered as E-commerce. These business transactions can be done in four ways: Business to Business (B2B), Business to
Customer (B2C), Customer to Customer (C2C), Customer to Business (C2B). The standard definition of E-commerce is a commercial
transaction which is happened over the internet. Online stores like Amazon, Flipkart, Shopify, Myntra, Ebay, Quikr, Olx are examples of E-
commerce websites. By 2020, global retail e-commerce can reach up to $27 Trillion. Let us learn in detail about what is the advantages and
disadvantages of E-commerce and its types.
</p>
<hr width=75% size=10 align="center" color="red">
<h2>
<a name="i" href="#toc"> i. E-Commerce or Electronic Commerce</a>
</h2>
<p>
E-commerce is a popular term for electronic commerce or even internet commerce. The name is self-explanatory, it is the meeting of buyers
and sellers on the internet. This involves the transaction of goods and services, the transfer of funds and the exchange of data. So when you
log into your Amazon and purchase a book, this is a classic example of an e-commerce transaction. Here you interact with the seller
(Amazon), exchange data in form of pictures, text, address for delivery etc. and then you make the payment.
<br>
<img src="cart.jpg">
</p>
<p>
As of now, e-commerce is one of the fastest growing industries in the global economy. As per one estimate, it grows nearly 23% every year.
And it is projected to be a $27 trillion industry by the end of this decade.
</p>
<hr>
<h2>
<a name="ii" href="#toc">ii. Types of E-Commerce Models</a>
</h2>
<p>
Electronic commerce can be classified into four main categories. The basis for this simple classification is the parties that are involved in the
transactions. So the four basic electronic commerce models are as follows,
<h3>
<a name="a" href="#toc">a. Business to Business</a>
</h3>
This is Business to Business transactions. Here the companies are doing business with each other. The final consumer is not involved. So the
online transactions only involve the manufacturers, wholesalers, retailers etc.
<h3>
<a name="b" href="#toc">b. Business to Consumer</a>
</h3>
Business to Consumer. Here the company will sell their goods and/or services directly to the consumer. The consumer can browse their
websites and look at products, pictures, read reviews. Then they place their order and the company ships the goods directly to them. Popular
examples are Amazon, Flipkart, Jabong etc.
<h3>
<a name="c" href="#toc">c. Consumer to Consumer</a>
</h3>
Consumer to consumer, where the consumers are in direct contact with each other. No company is involved. It helps people sell their
personal goods and assets directly to an interested party. Usually, goods traded are cars, bikes, electronics etc. OLX, Quikr etc follow this
model.
<h3>
<a name="d" href="#toc">d. Consumer to Business</a>
</h3>
This is the reverse of B2C, it is a consumer to business. So the consumer provides a good or some service to the company. Say for example an
IT freelancer who demos and sells his software to a company. This would be a C2B transaction.
<hr>
<h4>
<a name="iii" href="#toc">iii. Examples of E-Commerce</a></h4>
<pre>
• Amazon
• Flipkart
• eBay
• Fiverr
• Upwork
• Olx
• Quikr
</pre>
<hr>
<h4>
<a name="iv" href="#toc">iv. Advantages of E-Commerce</a>
</h4>
• E-commerce provides the sellers with a global reach. They remove the barrier of place (geography). Now sellers and buyers can meet in the
virtual world, without the hindrance of location.
<br>
• Electronic commerce will substantially lower the transaction cost. It eliminates many fixed costs of maintaining brick and mortar shops.
This allows the companies to enjoy a much higher margin of profit.
<br>
• It provides quick delivery of goods with very little effort on part of the customer. Customer complaints are also addressed quickly. It also
saves time, energy and effort for both the consumers and the company.
<br>
• One other great advantage is the convenience it offers. A customer can shop 24×7. The website is functional at all times, it does not have
working hours like a shop.
<br>
• Electronic commerce also allows the customer and the business to be in touch directly, without any intermediaries. This allows for quick
communication and transactions. It also gives a valuable personal touch.
<br>
<hr>
<h4><a name="v" href="#toc">Disadvantages of E-Commerce</a>
</h4>
• The start-up costs of the e-commerce portal are very high. The setup of the hardware and the software, the training cost of employees, the
constant maintenance and upkeep are all quite expensive.
<br>
• Although it may seem like a sure thing, the e-commerce industry has a high risk of failure. Many companies riding the dot-com wave of the
2000s have failed miserably. The high risk of failure remains even today.
<br>
• At times, e-commerce can feel impersonal. So it lacks the warmth of an interpersonal relationship which is important for many brands and
products. This lack of a personal touch can be a disadvantage for many types of services and products like interior designing or the jewelry
business.
<br>
• Security is another area of concern. Only recently, we have witnessed many security breaches where the information of the customers was
stolen. Credit card theft, identity theft etc. remain big concerns with the customers.
<br>
• Then there are also fulfillment problems. Even after the order is placed there can be problems with shipping, delivery, mix-ups etc. This
leaves the customers unhappy and dissatisfied.
<br>
<hr>
</p>
</body>
</html>
15. FORM + Q&A WEBPAGE
<html>
<head>
<title>Grouping Form Controls in HTML</title>
<style>
button
{
background-color:blue;
color:white;
border-radius:25px;
padding:10px 20px;
}
fieldset
{
background-color: teal;
}
legend
{
background-color: gold;
color: white;
padding: 5px 10px;
}
textarea
{
background-color:#FCF5D8;
color:#AD8C08;
border:3px solid #AD8C08;
}
input
{
background-color:#FCF5D8;
color:#AD8C08;
border:3px solid #AD8C08;
accent-color:gold;
}
</style>
</head>
<body>
<h4> <fieldset>
<legend align="center">Basic Information</legend>
<form>
<fieldset>
<legend>Name</legend>
<label>Firstname: <input type="text" name="firstname" value="firstname"></label>
<label>Lastname: <input type="text" name="lastname"></label>
</fieldset>
<fieldset>
<legend>Gender</legend>
<label><input type="radio" name="gender" value="male"> Male</label>
<label><input type="radio" name="gender" value="female"> Female</label>
</fieldset>
<br>
<textarea name="myTextBox" cols="50" rows="5">
Enter some text...
</textarea>
<br>
<br>
<fieldset>
<legend>Stream</legend>
<label><input type="radio" name="stream" value="BBA"> BBA </label>
<label><input type="radio" name="stream" value="BCA"> BCA</label>
<label><input type="radio" name="stream" value="BCOM"> BCOM </label>
<label><input type="radio" name="stream" value="BJMC"> BJMC</label>
</fieldset>

<fieldset>
<legend>Hobbies</legend>
<label><input type="checkbox" name="hobbies" value="soccer"> Soccer</label>
<label><input type="checkbox" name="hobbies" value="cricket"> Cricket</label>
<label><input type="checkbox" name="hobbies" value="baseball"> Baseball</label>
</fieldset>

<fieldset>
<legend>Contact Details</legend>
<label>Email Address: <input type="email" name="email"></label>
<label>Phone Number: <input type="text" name="phone"></label>
</fieldset>

<fieldset>
<legend>Rating</legend>
<label for="scale">Rate Us:- </label>
<input type="range" id="scale" name="scale" min="1" max="10" step="1"></fieldset>
<fieldset>
<fieldset>
<legend>City Details</legend>
<label for="city">City:</label>
<select name="city" id="city">
<option value="sydney">Sydney</option>
<option value="melbourne">Melbourne</option>
<option value="cromwell">Cromwell</option>
</select></fieldset>
<fieldset><legend>Car Types</legend><label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
</fieldset>
<fieldset>
<legend>Text Area</legend>
<label for="address">Address:</label>
<textarea rows="3" cols="30" name="address" id="address"></textarea></fieldset>
<fieldset>
<legend>Browse File</legend><label for="file-select">Upload:</label>
<input type="file" name="upload" id="file-select">
</fieldset>
<fieldset>
<legend>Login</legend>
<label for="user-pwd">Password:</label>
<input type="password" name="user-password" id="user-pwd">
</fieldset>
<label>Pickup Date/Time
<input type="datetime-local" name="pickup_time" required>
</label><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
<h2> Let us know how well do you know about Global warming </h2>
<fieldset>
<legend>Q.1) Global warming is caused only by natural factor? </legend>
<input type="radio" name="Q.1"> true <br>
<input type="radio" name="Q.1"> false <br>
</fieldset>
<fieldset>
<legend>Q.2) Which country currently emits the most greenhouse gases?</legend>
<input type="radio" name="Q.2"> UK <br>
<input type="radio" name="Q.2"> CHINA <br>
<input type="radio" name="Q.2"> INDIA<br>
</fieldset>
<fieldset>
<legend> Q.3) How many human deaths per year does the World Health Organisation attribute to climate change?</legend>
<input type="radio" name="Q.3"> 1500 <br>
<input type="radio" name="Q.3"> 1,500,000 <br>
<input type="radio" name="Q.3"> 150,000 <br>
</fieldset>
<fieldset>
<legend> Q.4) How long does it take for carbon dioxide in the atmosphere to disperse? </legend>
<input type="radio" name="Q.4">1year<br>
<input type="radio" name="Q.4">10years<br>
<input type="radio" name="Q.4">100years<br>
</fieldset>
<fieldset>
<legend> Q.5) Global warming is accelerated by the reduction of global snow and ice cover?</legend>
<input type="radio" name="Q.5"> Strongly Agree
<input type="radio" name="Q.5"> Agree
<input type="radio" name="Q.5"> Neutral
<input type="radio" name="Q.5"> Disagree
<input type="radio" name="Q.5"> Strongly Disagree
</fieldset>
<fieldset>
<legend> Q.6) During what time of day does air travel have the least damaging effect on the environment? </legend>
<input type="radio" name="Q.6"> daytime<br>
<input type="radio" name="Q.6"> it makes no difference<br>
<input type="radio" name="Q.6"> nighttime <br>
</fieldset>
<fieldset>
<legend> Q.7) Hybrid cars get better gas mileage than cars with standard engines?</legend>
<input type="radio" name="Q.7"> never<br>
<input type="radio" name="Q.7"> always <br>
<input type="radio" name="Q.7"> sometimes <br>
</fieldset>
<fieldset>
<legend> Q.8) Hybrid cars get better gas mileage than cars with standard engines?</legend>
<input type="radio" name="Q.8"> never<br>
<input type="radio" name="Q.8"> always <br>
<input type="radio" name="Q.8"> sometimes <br>
</fieldset>
<fieldset>
<legend> Q.9) Hybrid cars get better gas mileage than cars with standard engines?</legend>
<input type="radio" name="Q.9"> Strongly Agree
<input type="radio" name="Q.9"> Agree
<input type="radio" name="Q.9"> Neutral
<input type="radio" name="Q.9"> Disagree
<input type="radio" name="Q.9"> Strongly Disagree
</fieldset>
<fieldset>
<legend> Q.10) Hybrid cars get better gas mileage than cars with standard engines?</legend>
<input type="radio" name="Q.10"> never<br>
<input type="radio" name="Q.10"> always <br>
<input type="radio" name="Q.10"> sometimes <br>
<input type="radio" name="Q.10"> none <br>
</fieldset> <br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear" action="clear">
<button>Submit</button>
<button>Reset</button>
<center><B><U><H7> THANKYOU </H7></U></B></CENTER>
</fieldset>
</form>
</h4>
</body>
</html>

You might also like