Chapter 3 Project - HTML 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 mein 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/chapter3/project/ (All images should be stored in csci120/chapter3/project/images ● index.html, titled “’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 ● 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. 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 ● ● ● ● ● ● ● ● ● breakfast.html, titled “Breakfast”, with ○ at least 2 dishes, each in its own div, each containing ■ a tag for the dish title, where X is 1-6 ■ a paragraph description ■ an image ■ a price ■ a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) Tip: Learn about the summary/details tags here: https://www.w3schools.com/tags/tag_summary.asp lunch.html, titled “Lunch”, with ○ at least 2 dishes, each in its own div, each containing ■ a tag for the dish title, where X is 1-6 ■ a paragraph description ■ an image ■ a price ■ a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) dinner.html, titled “Dinner”, with ○ at least 2 dishes, each in its own div, each containing ■ a tag for the dish title, where X is 1-6 ■ a paragraph description ■ an image ■ a price ■ a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) extras.html, titled “Appetizers and Extras”, with ○ at least 2 dishes, each in its own div, each containing ■ a tag for the dish title, where X is 1-6 ■ a paragraph description ■ an image ■ a price ■ a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) locations.html, titled “Locations”, with ○ a list of addresses and phone numbers for your restaurant locations (at least 2) contact.html, titled “Contact Us”, with ○ a paragraph stating “This page coming soon” survey.html, titled “Help us serve you better”, with ○ a paragraph stating “This page coming soon” events.html, titled “Special Events”, with ○ ● ● several paragraphs (at least 3) describing special upcoming events at your restaurant ○ each paragraph should include 1 image employment.html, titled “Job Opportunities”, with ○ several paragraphs (at least 2) each describing a job position ○ use heading tags for the job titles order.html, titled “Online Ordering”, with ○ a paragraph stating “This page coming soon” Step 3. Check all your navigation hyperlinks to make sure they all work. This is how the instructor will be navigating through your site. The links must work from each page. It may start to seem redundant to keep copying all the similar navigation information to every single page. It is. In CSCI 303, when you learn a server side language, you’ll find out a better way to do this. But for now, it’s still good practice. Step 4. UPLOAD the entire csci120 directory (and all contents) to the web server. 
Purchase answer to see full attachment