Question: Create a prototype web page suite for the Indianapolis Food Fair. You and your software development company have bid on a contract worth a lot

Create a prototype web page suite for the Indianapolis Food Fair.
You and your software development company have bid on a contract worth a lot now, and over the next 10 years. You
have been given some ideas about how a set of web pages should look, although the details still have to be established.
The idea is to build a catchy but clear web page, to house the 4 most popular categories of food that Hoosiers have
preferred over the last month or so. These details come from the customer, the International Food & Beverage
Marketeers.
Starting Place
The chief designer has worked with the potential
customer and has come up with the following
wireframe for the main page
When a category is selected (click link), another
page opens with details for the restaurant in that category.
Your project lead did some work late last night to get this bid started, and came up with the following. She wants you to
finish the prototype.
Here is the landing page,
.... click on the category links, like American, and another page opens up,
Midterm 212, Indy Eats
The green icon at the top, is the one to use to get right back to the home page. Your project lead tells you that
you can just surround either an image or a span or div with the anchor block, and set the href to the index.html file.
The project lead wants you to give her the link to your GitHub repository as well as the link to your published site on
GitHub Pages, once you are finished. Your completed Indy Eats prototype project is due on Sunday at 11:59PM.
Your task is to create all of the pages, the landing page, american.html, chinese.html,
greek.html and italian.html - using HTML and CSS, and have them published via GitHub Pages..
You are to use all types of styling (inline, internal, external) and replicate her design and first draft of
the web pages. You should use all 3 categories of styling

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!