using html

$,$

css

$,$

json and javascript. create a website for cake bakery

$.$

$1$

$.$

$$Create an index.html page that will serve as your sites home page, the home page should include the following:

a

$.$

$$Navigation bar linking to all other pages

b

$.$

$$Image of the privately owned small business logo

c

$.$

$$Privately owned small business contact details

d

$.$

$$Using the work studied in chapter

$5$

$,$

$$create a lightbox in which multiple images are displayed in a scrolling gallery with individual images expanded to fill the entire screen, dimming the rest of the page.

$2$

$.$

$$Using the work studied in chapter

$6$

$,$

$$create a clientRegistrationForm.html page and apply all validation rules studied in chapter

$6$

$$to the form.

$3$

$.$

$$The form should contain the following fields:

a

$.$

$$Preferred Name:

b

$.$

$$Client Full Names as on ID:

c

$.$

$$Surname

d

$.$

$$ID Number:

e

$.$

$$Telephone Work:

f

$.$

$$Cellphone Number

g

$.$

$$E

$-$

mail:

h

$.$

$$Home address

i

$.$

$$Postal address

$($

allows for home address to be copied to postal address

$)$

j

$.$

$$Where did the client hear about the privately owned small business, e

$.$

g

$.$

$$word of mouth, internet search, advertising

k

$.$

$$Name on credit card

l

$.$

$$Credit card type

m

$.$

$$Credit card number

n

$.$

$$Expiration month

$/$

year

$($

drop down all months, year from

$2$

$0$

$2$

$4$

$$

$2$

$0$

$2$

$9$

$)$

o

$.$

$$CVC number

$4$

$.$

$$Create an orderSubmit.html page as in chapter

$6$

$$and display all above information in the page

$.$

$1$

$.$

$$Create a products.html page, which must contain images, prices, descriptions, and all other relevant information regarding the products being sold. The user must be able to select

$/$

deselect the products they wish to purchase.

$2$

$.$

$$Using the work studied in chapter

$9$

$,$

$$transfer the selected products from the products page by adding the product name and price to the orderSubmit.html page by appending data to a query string. Calculate the total amount of the purchase and add

$1$

$5$

$\%$

$$VAT to the purchase total to calculate the amount the user owes.

$3$

$.$

$$Add a password to your clientRegistrationForm.html page

$4$

$.$

$$All proposed passwords must

a

$.$

$$be at least eight characters long

b

$.$

$$have at least one uppercase letter

c

$.$

$$have at least one digit

d

$.$

$$have at least one of the following symbols

$!$

$,$

$$@

$,$

$$#

$,$

$$or $

$.$

$$

e

$.$

$$if the password fails validation, a message indicating the reason for failure should appear in the web form.

$5$

$.$

$$Add a last visited date to the clientRegistrationForm.html page

$6$

$.$

$$Create a clientPaymentForm.html page, the original page should only contain the client information and the password.

$7$

$.$

$$The clientPaymentForm.html page should contain the following:

a

$.$

$$Client preferred name and surname

b

$.$

$$Name on credit card

c

$.$

$$Credit card type

d

$.$

$$Credit card number

e

$.$

$$Expiration month

$/$

year

f

$.$

$$CVC number

g

$.$

$$Total due

$8$

$.$

$$Using the work studied in chapter

$9$

$$transfer the data from the clientRegistrationForm.html page and the orderSubmit.html page to the clientPaymentForm.html page by appending data to a query string. Add the selected product names and prices.

$9$

$.$

$$Create a staff directory stored in JSON format as shown in chapter

$8$

$.$

$$The directory must contain a minimum of

$1$

$0$

$$staff members, you are allowed to fabricate staff members if the privately owned small business does not have this many staff members.

$1$

$0$

$.$

$$The directory must have the following fields:

a

$.$

$$staff number

b

$.$

$$first name

c

$.$

$$last name

d

$.$

$$job description

e

$.$

$$work phone number

f

$.$

$$work email address

$1$

$1$

$.$

$$Create a staff.html page, add an image of each staff member to the page as part of a table and in the table cells next to the image add each staff member's details