Professional Documents
Culture Documents
15 Templates
15 Templates
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>
<a href="https://www.linkedin.com/" target="_blank"><img src="li.jpg" height=25 width=150 border=2></a>
<a href="https://twitter.com/" target="_blank"><img src="tw.jpg" height=25 width=150 border=2></a>
<a href="https://mail.google.com/" target="_blank"><img src="gm.jpg" height=25 width=150 border=2></a>
<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>
<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>