Skip to content

Instantly share code, notes, and snippets.

@fozzle
Last active November 29, 2017 21:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fozzle/ed0143b62f478809cae1bd4b874b1cf6 to your computer and use it in GitHub Desktop.
Save fozzle/ed0143b62f478809cae1bd4b874b1cf6 to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: https://popcode.org/?gist=ed0143b62f478809cae1bd4b874b1cf6

Unit 5 Project 2

Pizzeria Website

You need to create an interactive website for a fictional (or real) pizzeria. You're given a blank HTML document, so you're expected to write all the HTML, CSS, and jQuery necessary to make this work.

It should have the following:

HTML

  • CENTERED HEADING
  • MENU LIST (at least 5 items)
  • 2 PARAGRAPH TAGS
  • 2 BUTTONS
  • IMAGES OF MENU ITEMS
  • IMAGE OF TAKEOUT BAG

CSS

  • STYLED HEADING (FONT, COLOR)
  • ALL IMAGES STYLED TO BE THE SAME SIZE

jQuery

  • PICTURE OF EACH MENU ITEM APPEARS WHEN LIST ITEM IS CLICKED
  • PICTURE OF MENU ITEM FADES AWAY WHEN CLICKED
  • WHEN A BUTTON IS CLICKED (Depending on button)
    • PARAGRAPH TEXT CHANGES
    • BUTTON TEXT COLOR CHANGES
    • FOOD PICTURES DISAPPEAR OR REMAIN STATIC
    • TAKEOUT BAG SLIDES DOWN OR DOES NOT APPEAR
<!DOCTYPE html>
<html>
<head>
<title>Unit 5 Project 2</title>
</head>
<body>
</body>
</html>
{"enabledLibraries":["jquery"]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment