Complete Yoko Web Site Solution

Description

Based on the original home page developed in the previous assignment, complete the rest of the web site for Yoko’s restaurant.

Because of the existing links on the classes’ page, it is assumed that all the following web pages should exist:

Because of the menu:

• Home
• Classes
• Catering
• About
• Contact

Because of the Popular Recipes section:

• Yakitori
• Tsukune
• Okonomiyaki
• Mizutake

All of these pages should have the same feel as the home page, i.e. same header, footer, menu, color scheme …

You may not add to the existing css file, but you can create a new css file for new styles required by the additional pages

All links should be functional within the created web site

The current html page we have developed in class should be renamed classes.html

The main css file should be renamed to core.css

Core.css cannot be modified

Additional css file are permitted

Each link in the menu should be correct

Any additional images should be located in the images folder

Any additional css files should be located in the css folder

The Recipe files should all:

• Have access to the main menu (home, classes, catering, about & contact)
• Have the same sidebar as the Classes page
• Have the same format
• Include an image of the dish
• The recipe to create the dish

The Home page should:

• Not have a sidebar
• Have at least 1 image of the façade of a restaurant

The Catering page should:

• Have access to the main menu (home, classes, catering, about & contact)

• Describe a list of catering options
  • Each option should be structured identically (article)
  • Each option should include 1 image
  • Each option should have a description

The About page should:

• Have access to the main menu (home, classes, catering, about & contact)

• Describe the business (a restaurant that also offers courses and catering)

The Contact page should:

• Have access to the main menu (home, classes, catering, about & contact)
• Include the picture of a map
• Include the address
• Include the tel. number
• Include a form that clients can fill out:
  • Sending via get
  • Sending to contact.php
  • First name (input box)
  • Last Name (input box)
  • Message (text area)
• Include a button to submit the form