using html$,$css$,$json and javascript. create a website for cake bakery$\mathrm{.}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 $20242029)$

o$.$ CVC number

$4.$ Create an orderSubmit.html page as in chapter $6$ and display all above information in the page$\mathrm{.}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 $15\%$ 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 $10$ staff members, you are allowed to fabricate staff members if the privately owned small business does not have this many staff members.

$10.$ 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

$11.$ 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