<!-Index.html--> <!DOCTYPE html> <meta name=\"viewport\" content=\"width=device-
ID: 3594283 • Letter: #
Question
<!-Index.html-->
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<title>PIZZA PLANET</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<div id="header">
<h1> PIZZA PLANET</h1>
<h3>"Home to the best Pizza in the galaxy."</h3>
</div>
<div id="body">
<div id="menu">
<ul>
<li><a class="active" href="index.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="contactus.html">CONTACT</a></li>
</ul>
</div>
<div id="container">
<img src="http://bit.ly/2kIpXry" alt="pizza" width="1005px" height="600px"/>
</div>
</div>
<div id="footer">
<h3>All rights reserved Pizza Planet</h3>
</div>
</body>
</html>
<!-menu-->
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>PIZZA PLANET</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<div id="header">
<h1> PIZZA PLANET</h1>
</div>
<div id="body">
<div id="menu1">
<ul>
<li><a class="active" href="index.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="contactus.html">CONTACT</a></li>
</ul>
</div>
<div id="container">
<table cellpadding = "5px" width="99.5%" class="menu">
<tr><td colspan="4"><H1>PIZZA</H1></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/1QFuwHg" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET PIZZA</div></td>
<td rowspan="2">$3.50 <br> per slice</td>
<td rowspan="2">$25.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Garlic Sauce, Canadian Bacon, Pepperoni, Pineapple, Real Bacon, Sausage drizzled with BBQ Sauce</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2zgSE25" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET COMBO</div></td>
<td rowspan="2">$3.00 <br> per slice</td>
<td rowspan="2">$21.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Salami, Pepperoni, Linguiça, Mushrooms, <br>Sausage, Bell Peppers, Onion & Olives</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2g61EPe" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET VEGETARIAN</div></td>
<td rowspan="2">$3.00 <br> per slice</td>
<td rowspan="2">$22.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Olives, Bell Peppers, Onions, Mushrooms, <br>Fresh Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2z3u83g" width="250px"></td>
<td><div id="menu_item">GOURMET VEGGIE (NEW)</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$28.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Ranch, Garlic, Spinach, Olives, Onions, <br>Mushrooms, Fresh Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2g5iPk1" width="250px"></td>
<td><div id="menu_item">CHICKEN COMBO</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$27.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Chicken, Ranch, Olives, Zucchini, Tomatoes, Mushrooms, Onions, Garlic (optional)</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2xBj3Wl" width="250px"></td>
<td><div id="menu_item">TACO PIZZA</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$27.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Olives, Ground Beef, Sour Cream, Chips,<br> Salsa, Lettuce, Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2gAfXfm" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET ALL MEAT COMBO</div></td>
<td rowspan="2">$4.50 <br> per slice</td>
<td rowspan="2">$30.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Salami, Pepperoni, Canadian Bacon, Ham, <br>Sausage</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2gftWKG" width="250px"></td>
<td><div id="menu_item">BACON RANCH</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$27.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Ranch Sauce, Real Bacon, Sausage, Ham, Cooked Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yc2TqN" width="250px"></td>
<td><div id="menu_item">ARTICHOKE BACON</div></td>
<td rowspan="2">$2.95 <br> per slice</td>
<td rowspan="2">$25.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Ranch Sauce, Canadian Bacon, Olives,<br> artichokes, Mushrooms, Cooked Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2g3vwM6" width="250px"></td>
<td><div id="menu_item">BBQ CHICKEN RANCH</div></td>
<td rowspan="2">$2.95 <br> per slice</td>
<td rowspan="2">$25.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Chicken, Ranch Sauce, BBQ Sauce, Ham,<br> Sausage, Bacon, Mushrooms, Cooked Tomatoes</div></td></tr>
<tr><td colspan="4"><H1>Charbroiled</H1></td></tr>
<tr><td colspan="4">All items served with fries, cheese, <br>mustard, mayo, lettuce, tomatoes, and onions (upon request)</td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2xAcrw5" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET TRI-TIP SANDWICH</div></td>
<td colspan="2" rowspan="2">$6.95</td>
</tr>
<tr>
<td><div id="menu_desc">Grilled Onions & Mushrooms</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2wREJOo" width="250px"></td>
<td><div id="menu_item">TERIYAKI CHICKEN SANDWICH</div></td>
<td colspan="2" rowspan="2">$7.49</td>
</tr>
<tr>
<td><div id="menu_desc">Teriyaki is a cooking technique used in Japanese cuisine in which foods are broiled or grilled with a glaze of soy sauce, mirin, and sugar</div></td></tr> <tr>
<td rowspan="2"><img src="http://bit.ly/2wRAHoU" width="250px"></td>
<td><div id="menu_item">CHICKEN SANDWICH</div></td>
<td colspan="2" rowspan="2">$5.95</td>
</tr>
<tr>
<td><div id="menu_desc">Full of flavor and inspired by a Vietnamese Bánh mì sandwich</div></td></tr>
<tr><td rowspan="2"><img src="http://bit.ly/2w6SK9O" width="250px"></td>
<td><div id="menu_item">BURGER</div></td>
<td colspan="2" rowspan="2">$5.95</td>
</tr>
<tr>
<td><div id="menu_desc">Smoked or unsmoked bacon cut from the boneless eye of pork loin</div></td></tr>
<tr><td rowspan="2"><img src="http://bit.ly/2wRDVsw" width="250px"></td>
<td><div id="menu_item">CANADIAN BACON BURGER</div></td>
<td colspan="2" rowspan="2">$7.99</td>
</tr>
<tr>
<td><div id="menu_desc">A hamburger (burger) is a sandwich consisting of one or more cooked patties of ground beef, placed inside a sliced bread roll or bun.</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yH3q4J" width="250px"></td>
<td><div id="menu_item">MUSHROOM & ONION BURGER</div></td>
<td colspan="2" rowspan="2">$5.99</td>
</tr>
<tr>
<td><div id="menu_desc">A mountain of sautéed mushrooms and onions, topped with melted Swiss cheese.</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjXcq3" width="250px"></td>
<td><div id="menu_item">ORTEGA CHILI BURGER</div></td>
<td colspan="2" rowspan="2">$6.99</td>
</tr>
<tr>
<td><div id="menu_desc">Chili burgers with chipotle mayo, pepper Jack, roasted green chiles, and avocado.</div></td></tr>
<tr><td colspan="4"><h1>Alternatives</h1></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjGO8J" width="250px"></td>
<td><div id="menu_item">DEEP FRIED ONION RINGS, ARTICHOKES, <br>ZUCCHINI, JALAPENO POPPERS, MUSHROOMS</div></td>
<td colspan="2" rowspan="2">$9.99 <br> a platter</td></tr>
<tr>
<td><div id="menu_desc">Assorted deep fried veggies</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2wS3CJA" width="250px"></td>
<td><div id="menu_item">COMBO BASKET</div></td>
<td colspan="2" rowspan="2">$9.99 <br> a platter</td></tr>
<tr>
<td><div id="menu_desc">2 Fish, 2 Prawns, 2 Chicken <br>Strips & Fries</div></td></tr>
<tr><td colspan="4"><h1>Salad Bar</h1></td></tr>
<tr><td colspan="4">All You Can Eat or One-Time Only</td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2gexvkw" width="250px"></td>
<td><div id="menu_item">CHICKEN FETA SALAD (NEW)</div></td>
<td colspan="2" rowspan="2">$7.99</td></tr>
<tr>
<td><div id="menu_desc">Romaine, Cranberries, Glazed Pecans, <br>Feta Cheese, Chicken, Apple</div></td></tr>
<tr><td colspan="4"><h1>Salad Bar</h1></td></tr>
<tr><td colspan="4">All You Can Eat or One-Time Only</td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2xBNGuR" width="250px"></td>
<td><div id="menu_item">CHICKEN PASTA SALAD</div></td>
<td colspan="2" rowspan="2">$7.99</td></tr>
<tr>
<td><div id="menu_desc">Lettuce, Cheese, Pasta Noodles, Olives,<br> Tomatoes, Chicken w/ Gourmet Sauce</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjICi1" width="250px"></td>
<td><div id="menu_item">CHICKEN CAESAR SALAD</div></td>
<td colspan="2" rowspan="2">$7.49</td></tr>
<tr>
<td><div id="menu_desc">Romaine Lettuce, Grated Parmesan Cheese, <br>Chicken Breast, Croutons, & Caesar</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjf84p" width="250px"></td>
<td><div id="menu_item">CHEF SALAD</div></td>
<td colspan="2" rowspan="2">$8.99</td></tr>
<tr>
<td><div id="menu_desc">Lettuce, Diced Ham, Turkey, Swiss &<br> American Cheeses, Salami, Pickle, Peppers and Fresh Tomatoes</div></td></tr>
</table>
</div>
</div>
<div id="footer">
<h3>All rights reserved Pizza Planet</h3>
</div>
</body>
</html>
<!--Contactus-->
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<title>PIZZA PLANET</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<div id="header">
<h1> PIZZA PLANET</h1>
<div id="body">
<div id="menu1">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a class="active" href="contactus.html">CONTACT</a></li>
</ul>
</div>
<div id="container">
<h2><font size="6"><center><u>Location & Hours</u></center></font></h2>
<center><p><font size="5"><u>Address</u><br> 617 Piety St, New Orleans</br> LA 70117</br></font>
<br></p></center>
<center><table border="1"; height="200"; width="400"></center>
<caption><u>Open Hours</u></caption>
</br>
<tr><th>Days</th><th>Hours</th><tr>
<tr><td>Monday</td><td>Closed</td></tr>
<tr><td>Tuesday</td><td>11AM - 12PM</td></tr>
<tr><td>Wednesday</td><td>11AM - 12PM</td></tr>
<tr><td>Thursday</td><td>11AM - 12PM</td></tr>
<tr><td>Friday</td><td>11AM - 12PM</td></tr>
<tr><td>Saturday</td><td>11AM - 12PM</td></tr>
<tr><td>Sunday</td><td>11AM - 12PM</td></tr>
</table></center>
<center>
<form>
First name: <input type="text" name="FirstName">
<br>
Last name: <input type="text" name="LastName">
<br>
Feedback: <input type="text" name="Feedback">
<br>
</form>
<button>Submit</button>
<script>
function myFunction() {
alert("Message has been sent!");
}
</script>
<h2>Contact Us At :</h2>
<h2><font color="white">212-555-5555</font></h2>
<h2> <a href="mailto:pizzaplanet@example.com">info@pizzaplanet.com</a></h2><br>
</div>
</center>
</body>
</html>
<!—Style.css-->
body{
margin:0px;
background-color: #333333;
color:white;
}
#body{
width:100%;
background-color: #333333;
}
h1{
margin-top:0px;
padding-top:20px;
color:white;
text-align: center;
font-family:cooper black;
}
h2{
color:#c12705;
padding-left: 20px;
}
p{padding-left: 20px;}
h3{
border: 1px solid;
text-align:center;
margin:0px;
padding: 0;
overflow: hidden;
background-color: #232323;
min-height: 80px;
line-height: 76px;
}
#menu {
float: left;
width: 21%;
min-height: 600px;
border-left: 1px solid;
}
#menu1 {
float: left;
width: 21%;
min-height: 363px;
border-left: 1px solid;
border-top: 1px solid;
}
#menu ul {
list-style-type: none;
}
#menu1 ul {
list-style-type: none;
}
#menu ul li{
padding-top: 10px;
padding-bottom:15px;
}
#menu1 ul li{
padding-top: 10px;
padding-bottom:15px;
}
table, td, th {
border: 1px solid #c12705;
text-align: center;
font-size:18x;
font-family:Comic sans ms;
}
td:hover {background-color: #c12705}
form{
margin-left:10px;
}
#menu li a {
background-color: #c12705;
color: white;
display: table-cell;
padding: 10px;
text-align: center;
text-decoration: none;
width: 156px;
}
#menu1 li a {
background-color: #c12705;
color: white;
display: table-cell;
padding: 10px;
text-align: center;
text-decoration: none;
width: 156px;
}
#menu li a:hover {
background-color: #c12705;
}
#menu .active {
background-color: #c12705;
}
#container{float: left;border: 1px solid; width:78.6%;}
#header {
background-color:#333333;
}
#img {
max-width: 100%;
height: auto;
width:auto;
}
#menu_item{
text-align: left;
font-weight: bold;
}
#menu_desc{
text-align: left;
font-weight: lighter;
font-size: 80%;
font-style: italic;
}
body_menu{
margin:3px;
background-color: #333333;
color:white;
font-size: 80%;
}
#footer{
float: left;
width: 99.8%;
border: 1px solid;
}
just want you explain the code and put a comment under each code as to what the code is doing
Thanks
Explanation / Answer
The code given is for creating the web page for Pizza planet which consists of its menu,contact detials,its opening timings etc.,
Here i commented under each code about what it's doing and also commented for some code lines to understand easily
<!-Index.html-->
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<title>PIZZA PLANET</title> <!--title of web page-->
<link rel = "stylesheet" href="style.css"> <!--reference link to stlyesheet-->
</head>
<body><!--this body part shows the menu with refernce to next html codes index and menu and contacts-->
<div id="header">
<h1> PIZZA PLANET</h1>
<h3>"Home to the best Pizza in the galaxy."</h3>
</div>
<div id="body">
<div id="menu">
<ul>
<li><a class="active" href="index.html">HOME</a></li> <!-- refering to index file-->
<li><a href="menu.html">MENU</a></li> <!--refering to menu file with heading as MENU-->
<li><a href="contactus.html">CONTACT</a></li> <!--refering to contacts file with heading as CONTACT-->
</ul>
</div>
<div id="container">
<img src="http://bit.ly/2kIpXry" alt="pizza" width="1005px" height="600px"/> <!--representing the image that should be shown on web page-->
</div>
</div>
<div id="footer">
<h3>All rights reserved Pizza Planet</h3> <!--footer means at the end showing the represented line-->
</div>
</body>
</html>
<!--this index.html file shows the title of web page with reference links to MENU ,Contacts,Style.css -->
<!-menu-->
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>PIZZA PLANET</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<div id="header">
<h1> PIZZA PLANET</h1>
</div>
<div id="body">
<div id="menu1">
<ul>
<li><a class="active" href="index.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="contactus.html">CONTACT</a></li>
</ul>
</div>
<div id="container">
<table cellpadding = "5px" width="99.5%" class="menu"><!--creating table format-->
<tr><td colspan="4"><H1>PIZZA</H1></td></tr> <!--coloumns with heading-->
<tr>
<td rowspan="2"><img src="http://bit.ly/1QFuwHg" width="250px"></td> <!--rows-->
<td><div id="menu_item">PIZZA PLANET PIZZA</div></td>
<!--In below code with <td> we are enetering price of various pizzas per slice including image with various toppings in the table format-->
<td rowspan="2">$3.50 <br> per slice</td>
<td rowspan="2">$25.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Garlic Sauce, Canadian Bacon, Pepperoni, Pineapple, Real Bacon, Sausage drizzled with BBQ Sauce</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2zgSE25" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET COMBO</div></td>
<td rowspan="2">$3.00 <br> per slice</td>
<td rowspan="2">$21.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Salami, Pepperoni, Linguiça, Mushrooms, <br>Sausage, Bell Peppers, Onion & Olives</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2g61EPe" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET VEGETARIAN</div></td>
<td rowspan="2">$3.00 <br> per slice</td>
<td rowspan="2">$22.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Olives, Bell Peppers, Onions, Mushrooms, <br>Fresh Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2z3u83g" width="250px"></td>
<td><div id="menu_item">GOURMET VEGGIE (NEW)</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$28.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Ranch, Garlic, Spinach, Olives, Onions, <br>Mushrooms, Fresh Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2g5iPk1" width="250px"></td>
<td><div id="menu_item">CHICKEN COMBO</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$27.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Chicken, Ranch, Olives, Zucchini, Tomatoes, Mushrooms, Onions, Garlic (optional)</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2xBj3Wl" width="250px"></td>
<td><div id="menu_item">TACO PIZZA</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$27.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Olives, Ground Beef, Sour Cream, Chips,<br> Salsa, Lettuce, Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2gAfXfm" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET ALL MEAT COMBO</div></td>
<td rowspan="2">$4.50 <br> per slice</td>
<td rowspan="2">$30.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Salami, Pepperoni, Canadian Bacon, Ham, <br>Sausage</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2gftWKG" width="250px"></td>
<td><div id="menu_item">BACON RANCH</div></td>
<td rowspan="2">$3.95 <br> per slice</td>
<td rowspan="2">$27.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Ranch Sauce, Real Bacon, Sausage, Ham, Cooked Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yc2TqN" width="250px"></td>
<td><div id="menu_item">ARTICHOKE BACON</div></td>
<td rowspan="2">$2.95 <br> per slice</td>
<td rowspan="2">$25.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Ranch Sauce, Canadian Bacon, Olives,<br> artichokes, Mushrooms, Cooked Tomatoes</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2g3vwM6" width="250px"></td>
<td><div id="menu_item">BBQ CHICKEN RANCH</div></td>
<td rowspan="2">$2.95 <br> per slice</td>
<td rowspan="2">$25.00 <br>per pie</td>
</tr>
<tr>
<td><div id="menu_desc">Chicken, Ranch Sauce, BBQ Sauce, Ham,<br> Sausage, Bacon, Mushrooms, Cooked Tomatoes</div></td></tr>
<tr><td colspan="4"><H1>Charbroiled</H1></td></tr>
<tr><td colspan="4">All items served with fries, cheese, <br>mustard, mayo, lettuce, tomatoes, and onions (upon request)</td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2xAcrw5" width="250px"></td>
<td><div id="menu_item">PIZZA PLANET TRI-TIP SANDWICH</div></td>
<td colspan="2" rowspan="2">$6.95</td>
</tr>
<tr>
<td><div id="menu_desc">Grilled Onions & Mushrooms</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2wREJOo" width="250px"></td>
<td><div id="menu_item">TERIYAKI CHICKEN SANDWICH</div></td>
<td colspan="2" rowspan="2">$7.49</td>
</tr>
<tr>
<td><div id="menu_desc">Teriyaki is a cooking technique used in Japanese cuisine in which foods are broiled or grilled with a glaze of soy sauce, mirin, and sugar</div></td></tr> <tr>
<td rowspan="2"><img src="http://bit.ly/2wRAHoU" width="250px"></td>
<td><div id="menu_item">CHICKEN SANDWICH</div></td>
<td colspan="2" rowspan="2">$5.95</td>
</tr>
<tr>
<td><div id="menu_desc">Full of flavor and inspired by a Vietnamese Bánh mì sandwich</div></td></tr>
<tr><td rowspan="2"><img src="http://bit.ly/2w6SK9O" width="250px"></td>
<td><div id="menu_item">BURGER</div></td>
<td colspan="2" rowspan="2">$5.95</td>
</tr>
<tr>
<td><div id="menu_desc">Smoked or unsmoked bacon cut from the boneless eye of pork loin</div></td></tr>
<tr><td rowspan="2"><img src="http://bit.ly/2wRDVsw" width="250px"></td>
<td><div id="menu_item">CANADIAN BACON BURGER</div></td>
<td colspan="2" rowspan="2">$7.99</td>
</tr>
<tr>
<td><div id="menu_desc">A hamburger (burger) is a sandwich consisting of one or more cooked patties of ground beef, placed inside a sliced bread roll or bun.</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yH3q4J" width="250px"></td>
<td><div id="menu_item">MUSHROOM & ONION BURGER</div></td>
<td colspan="2" rowspan="2">$5.99</td>
</tr>
<tr>
<td><div id="menu_desc">A mountain of sautéed mushrooms and onions, topped with melted Swiss cheese.</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjXcq3" width="250px"></td>
<td><div id="menu_item">ORTEGA CHILI BURGER</div></td>
<td colspan="2" rowspan="2">$6.99</td>
</tr>
<tr>
<td><div id="menu_desc">Chili burgers with chipotle mayo, pepper Jack, roasted green chiles, and avocado.</div></td></tr>
<tr><td colspan="4"><h1>Alternatives</h1></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjGO8J" width="250px"></td>
<td><div id="menu_item">DEEP FRIED ONION RINGS, ARTICHOKES, <br>ZUCCHINI, JALAPENO POPPERS, MUSHROOMS</div></td>
<td colspan="2" rowspan="2">$9.99 <br> a platter</td></tr>
<tr>
<td><div id="menu_desc">Assorted deep fried veggies</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2wS3CJA" width="250px"></td>
<td><div id="menu_item">COMBO BASKET</div></td>
<td colspan="2" rowspan="2">$9.99 <br> a platter</td></tr>
<tr>
<td><div id="menu_desc">2 Fish, 2 Prawns, 2 Chicken <br>Strips & Fries</div></td></tr>
<tr><td colspan="4"><h1>Salad Bar</h1></td></tr>
<tr><td colspan="4">All You Can Eat or One-Time Only</td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2gexvkw" width="250px"></td>
<td><div id="menu_item">CHICKEN FETA SALAD (NEW)</div></td>
<td colspan="2" rowspan="2">$7.99</td></tr>
<tr>
<td><div id="menu_desc">Romaine, Cranberries, Glazed Pecans, <br>Feta Cheese, Chicken, Apple</div></td></tr>
<tr><td colspan="4"><h1>Salad Bar</h1></td></tr>
<tr><td colspan="4">All You Can Eat or One-Time Only</td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2xBNGuR" width="250px"></td>
<td><div id="menu_item">CHICKEN PASTA SALAD</div></td>
<td colspan="2" rowspan="2">$7.99</td></tr>
<tr>
<td><div id="menu_desc">Lettuce, Cheese, Pasta Noodles, Olives,<br> Tomatoes, Chicken w/ Gourmet Sauce</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjICi1" width="250px"></td>
<td><div id="menu_item">CHICKEN CAESAR SALAD</div></td>
<td colspan="2" rowspan="2">$7.49</td></tr>
<tr>
<td><div id="menu_desc">Romaine Lettuce, Grated Parmesan Cheese, <br>Chicken Breast, Croutons, & Caesar</div></td></tr>
<tr>
<td rowspan="2"><img src="http://bit.ly/2yjf84p" width="250px"></td>
<td><div id="menu_item">CHEF SALAD</div></td>
<td colspan="2" rowspan="2">$8.99</td></tr>
<tr>
<td><div id="menu_desc">Lettuce, Diced Ham, Turkey, Swiss &<br> American Cheeses, Salami, Pickle, Peppers and Fresh Tomatoes</div></td></tr>
</table> <!--here the table ends with the menu-->
</div>
</div>
<div id="footer">
<h3>All rights reserved Pizza Planet</h3>
</div>
</body>
</html>
<!--the above code menu.html shows the menu of items in table format with images on the web page-->
<!--Contactus-->
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<title>PIZZA PLANET</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<div id="header">
<h1> PIZZA PLANET</h1>
<div id="body">
<div id="menu1">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a class="active" href="contactus.html">CONTACT</a></li>
</ul>
</div>
<div id="container">
<h2><font size="6"><center><u>Location & Hours</u></center></font></h2>
<center><p><font size="5"><u>Address</u><br> 617 Piety St, New Orleans</br> LA 70117</br></font> <!--representing adress-->
<br></p></center>
<center><table border="1"; height="200"; width="400"></center> <!--table format for oening times everyday-->
<caption><u>Open Hours</u></caption>
</br>
<tr><th>Days</th><th>Hours</th><tr>
<tr><td>Monday</td><td>Closed</td></tr>
<tr><td>Tuesday</td><td>11AM - 12PM</td></tr>
<tr><td>Wednesday</td><td>11AM - 12PM</td></tr>
<tr><td>Thursday</td><td>11AM - 12PM</td></tr>
<tr><td>Friday</td><td>11AM - 12PM</td></tr>
<tr><td>Saturday</td><td>11AM - 12PM</td></tr>
<tr><td>Sunday</td><td>11AM - 12PM</td></tr>
</table></center>
<center>
<form><!--this is the feed back form-->
First name: <input type="text" name="FirstName">
<br>
Last name: <input type="text" name="LastName">
<br>
Feedback: <input type="text" name="Feedback">
<br>
</form>
<button>Submit</button>
<script>
function myFunction() {
alert("Message has been sent!");
}
</script>
<h2>Contact Us At :</h2>
<h2><font color="white">212-555-5555</font></h2>
<h2> <a href="mailto:pizzaplanet@example.com">info@pizzaplanet.com</a></h2><br> <!--website and mail id-->
</div>
</center>
</body>
</html>
<!--This code above contacts.html shows the location of pizza planet and its opening timings with contact details including feedback form-->
<!—Style.css--> <!--cascading style sheet-->
body
{
margin:0px;
background-color: #333333;
color:white;
}
#body
{
width:100%;
background-color: #333333;
}
h1
{
margin-top:0px;
padding-top:20px;
color:white;
text-align: center;
font-family:cooper black;
}
h2
{
color:#c12705;
padding-left: 20px;
}
p{padding-left: 20px;}
h3
{
border: 1px solid;
text-align:center;
margin:0px;
padding: 0;
overflow: hidden;
background-color: #232323;
min-height: 80px;
line-height: 76px;
}
#menu
{
float: left;
width: 21%;
min-height: 600px;
border-left: 1px solid;
}
#menu1
{
float: left;
width: 21%;
min-height: 363px;
border-left: 1px solid;
border-top: 1px solid;
}
#menu ul
{
list-style-type: none;
}
#menu1 ul
{
list-style-type: none;
}
#menu ul li
{
padding-top: 10px;
padding-bottom:15px;
}
#menu1 ul li
{
padding-top: 10px;
padding-bottom:15px;
}
table, td, th
{
border: 1px solid #c12705;
text-align: center;
font-size:18x;
font-family:Comic sans ms;
}
td:hover {background-color: #c12705}
form
{
margin-left:10px;
}
#menu li a
{
background-color: #c12705;
color: white;
display: table-cell;
padding: 10px;
text-align: center;
text-decoration: none;
width: 156px;
}
#menu1 li a
{
background-color: #c12705;
color: white;
display: table-cell;
padding: 10px;
text-align: center;
text-decoration: none;
width: 156px;
}
#menu li a:hover
{
background-color: #c12705;
}
#menu .active
{
background-color: #c12705;
}
#container{float: left;border: 1px solid; width:78.6%;}
#header
{
background-color:#333333;
}
#img
{
max-width: 100%;
height: auto;
width:auto;
}
#menu_item
{
text-align: left;
font-weight: bold;
}
#menu_desc
{
text-align: left;
font-weight: lighter;
font-size: 80%;
font-style: italic;
}
body_menu
{
margin:3px;
background-color: #333333;
color:white;
font-size: 80%;
}
#footer <!-- footer alignment,width and border-->
{
float: left;
width: 99.8%;
border: 1px solid;
}
<!--This style.css i.e., cascading style sheet is for giving colours in foreground and background on web page , font style and size and colour in web page also for text allignment for each html file-->
Hope this helps .Thank you.
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.