If you\'re like me, you have favorite dishes from a variety of different restaur
ID: 3743178 • Letter: I
Question
If you're like me, you have favorite dishes from a variety of different restaurants. What if you could open a restaurant that served all of your favorite dishes, from the special shrimp lo meir from the Chinese restaurant down the street, to your grandma's home-cooked lasagna. For this assignment, you'll start building a website for your restaurant, 's Food Fusion. Tip: Usually when you see angle brackets in instructions or code samples, it means replace this, including the angle brackets, with your own information. Tip: Follow the directions closely, and pay attention to the letter case. For example, if you are to create a page called index.html, then a page called Index.html would not be correct. Step 1 Create the following pages in a directory structure named csci120/chapter2/project (All images should be stored in csci120/chapter2/project/images index.html, titled YourName>'s Food Fusion, with invisible head section, with title element the restaurant header, including at least name and logo the navigation menu bar, including links to each of the pages in the assignment, including the current one (except survey.html and employment.html, which will be in the footer) a welcome section in the middle, including at least 3 divisions, each div including 1 image, 2 paragraphs of text, and 1 hyperlink the footer bar, including a copyright symbol and links to survey.html and employment.html o o o o o ALL PAGES should include the invisible head section, the restaurant header navigation menu bar at the top, and footer bar at the bottom Tip: Perfect these sections in the index.html page, and then just copy them to start each of the other pages. Add the page-specific content on each page between the navigation header bar and footer bar o Step 2 Once index.html is complete, and you've read through the details in Step 1, create the rest of the pages. Don't forget to include the similar head, header, navigation, and footer sections on each page about.html, titled "About Us, with at least 1 image at least 2 paragraphs o o breakfast.html, titled "Breakfast", with eExplanation / Answer
Step 1 : The very first step describes index.html page with header title and menu options.
To create the index.html page, open a text editor (Notepad) and type in the following code lines:
# index.html :
<!DOCTYPE html>
<html>
<head> <!-- This is a comment : Header section to define the css or styles -->
<style>
<!-- Hidden header -->
h1.a {
visibility: hidden;
}
header {
background-color: #666;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
<!-- Footer style defined here -->
footer{
background-color: #666;
padding: 30px;
text-align: right;
font-size: 15px;
color: white;
}
</style>
<title>Manisha's Food Fusion</title> <!-- Page Title -->
</head>
<body>
<center>
<h1 class="a">Manisha</h1> <!-- Invisible Header -->
<!-- Logo Image -->
<img src="csci120/chapter2/project/images/logo.jpeg" alt="Manisha's Resturant" height="42" width="42"/>
</centre>
<header>Manisha's Food Fusion</header>
<!-- Middle section of the page -->
<section>
<!-- Menu Items showing links to all the pages -->
<nav>
<ul>
<li><a href="csci120/chapter2/project/about.html">About Us</a></li>
<li><a href="csci120/chapter2/project/breakfast.html">Breakfast</a></li>
<li><a href="csci120/chapter2/project/lunch.html">Lunch</a></li>
<li><a href="csci120/chapter2/project/dinner.html">Dinner</a></li>
<li><a href="csci120/chapter2/project/extras.html">Appetizers and Extras</a></li>
<li><a href="csci120/chapter2/project/locations.html">Locations</a></li>
<li><a href="csci120/chapter2/project/contact.html">Contact Us</a></li>
<li><a href="csci120/chapter2/project/index.html">Index</a></li>
<li><a href="csci120/chapter2/project/events.html">Special Events</a></li>
</ul>
</nav>
</section>
<!-- Welcome division with 1 image, 1 link and 2 paragraphs -->
<div>
<img src="csci120/chapter2/project/images/Welcome.gif" alt="Welcome" height="40" width="40"/>
<h2>Welcome to Manisha's Food Fusion</h2>
<p>Manisha's Food Fusion is one of the special resturant that serves all of your favorite dishes.</p>
<p>Here you will get everything from special from the Chinese restrurant down the street, to your grandma's home-cooked
<a href="csci120/chapter2/project/images/lasagna.gif" target="_blank">lasagna</a>
.</p>
</div>
<!-- Second division with description text as paragraphs, 1 image and 1 link -->
<div>
<p>Manisha's restaurant featuring a delicious and extensive food <a href="csci120/chapter2/project/images/menu.gif" target="_blank">Menu</a>.</p>
<br/>
<img src="csci120/chapter2/project/images/dishes.gif" alt="Dishes" height="40" width="40"/>
<p>We offer outrageously yummy dishes daily as well on famous special events
and a fun filled atmosphere.</p>
</div>
<!-- Third division with description text as paragraphs, 1 image and 1 link -->
<div>
<p>Check our special offerings for <a href="csci120/chapter2/project/breakfast.html">breakfast</a>
, <a href="csci120/chapter2/project/lunch.html">lunch</a>
and <a href="csci120/chapter2/project/dinner.html">dinner</a>.
Show your love for food and let us work our magic on a meal for you.</p>
<p> Come right on in, enjoy yourself and we look forward to serving you soon!</p>
<img src="csci120/chapter2/project/images/smiles.gif" alt="Smiles" height="40" width="40"/>
</div>
<!-- Footer section division with copyright and links to survey and employment pages -->
<footer>
<img src="csci120/chapter2/project/images/copyright.gif" alt="copyright 2018" height="40" width="40"/>
<br/>
<a href="csci120/chapter2/project/survey.html">Survey</a>
<br/>
<a href="csci120/chapter2/project/employment.html">Employments</a>
<footer>
</body>
</html>
Save the text as"index .html " file and open or run as website.
Step 2 : Follow the index.html page code and design the other pages with images and said descriptions.