This is all made in Html In a file named menu.html you will create a menu for a

ID: 3786359 • Letter: T

Question

This is all made in Html

In a file named menu.html you will create a menu for a restaurant.

Your menu page must contain the following:

Of course, the top of the menu should minimally contain the name of the restaurant.

At least 4 categories of dishes, e.g. appetizers, salad, chicken, vegetarian.

Each category must have a list of at least 3 dishes. Each dish should have a name and description/ingredients.

You must have a total of 15 dishes across the categories.

Each category must have a brief description.

You must also include a separate section with a table containing a "Chinese menu," e.g one from Column A, 2 from Column B, etc. (the exact numbering is up to you).

You must have 3 categories in your "Chinese menu" section.

Your "Chinese menu" section must have at least 11 options, for example, 2 categories with 4 items, 1 category with 3 items.

Each category/section must have its own header.

You must have navigation section on the menu with links to each category/section in your menu.

You must have at least 4 pictures/images on your menu.

Use of good semantic markup is required.

Your page must include a location image generated dynamically via Google's Static Map API (https://developers.google.com/maps/documentation/static-maps/intro (Links to an external site.)) OR Google's Static Street View API (https://developers.google.com/maps/documentation/streetview/ (Links to an external site.)). NOTE: You should be able to get away without an API key.

Explanation / Answer

<html>
<head><title>Chiniese Restaurant</title>
<style type="text/css">
.container{float: left;border: 1px solid red;width: 100%;height: auto;}
.header{float: left;border: 1px solid red;width: 100%; height: 100px; background: pink;}
h1{padding-left: 8px; padding-top: 5px;}
ul {list-style: none;padding: 0px;margin: 0px;}
ul li {display: block;position: relative;float: left;border:1px solid #000}
li ul {display: none;}
ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
white-space: nowrap;color: #fff;}
ul li a:hover {background: #f00;}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}
li:hover a {background: #f00;}
li:hover li a:hover {background: #000;}
#drop-nav li ul li {border-top: 0px;}
</style>
</head>
<body>
<div class="container">
   <div class="header">
       <h1>Chinese Restaurant</h1>

   </div>
<ul id="drop-nav">
<li><a href="#">Appetizers</a>
<ul>
<li><a href="#">Stuffed Cheese Puffs</a></li>
<li><a href="#">White Bean Dip</a></li>
<li><a href="#">Sausage Rolls</a></li>
</ul>
</li>
<li><a href="#">Salad</a>
<ul>
<li><a href="#">cucmner</a></li>
<li><a href="#">carrot</a></li>
<li><a href="#">peas</a></li>
<li><a href="#">Baby corn</a></li>
</ul>
</li>
<li><a href="#">Chicken</a>
<ul>
<li><a href="#">Peper Chicken</a></li>
<li><a href="#">Butter Chicken</a></li>
<li><a href="#">Chicken 65</a></li>

</ul>
</li>
<li><a href="#">Vegetarian</a>
<ul>
<li><a href="#">Veg Briyani</a></li>
<li><a href="#">pulav</a></li>
</ul>
</li>
</ul></div>
</body>
</html>

Navigate

This is all just for curiosity\'s sake, so discussion on which hashing algorithm

This is all new to me and I could really use the help. Not exactly what to do so

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

This is all made in Html In a file named menu.html you will create a menu for a

Question

Explanation / Answer

Related Questions

Navigate