You need to prepare a web site for a company which provides online shopping and give details about its

services/items. The web site will include the following 4 pages which should be connected with links through

navigation menu done using CSS.

MISY/ISYE/CMPE233 Internet Programming

Term Project

2022-2023 Fall

Page 1: Home Page of the Company

You need to provide general information about a company and its services with some attractive images

as a home page.

Page 2: Items Page - Information about each items and services of the Company

You need to provide detailed description and images for each items/services.

Page 3: Online Shopping Form

Design a page for calculating the total amount of money that the visitor will pay with the selected items,

and their prices. Use the below Online Shopping Form as a reference to design it. Note that, the system

should validate each form element.

Page 4: Contact Us

User should be able to fill the contact form with his/her name, surname, and additional comments. And,

then the system should validate each form element.

User should be able to select multiple products via Add to Basket buttons. Each time the user click on

the button, a product will be added to the users basket.

o Use a drop down menu for the property of a product that the visitor would like to buy. Whenever the

property of the product is changed, Product description and Price of the product have to be

updated.

o The visitor can perform the payment by clicking on the Checkout button after filling up all the needed

information that has to be provided for the Basket.

o Basket of the visitor contains the following information:

o payment method via radio buttons: one payment options can be selected,

o name on the Card via text field: four text fields each of with 15 characters length,

o expire date via two dropdown menu: for month and year selections, respectively,

o CVV of the card via text field: a text field with accepting only 3 numbers.

o Total Cost of the selected item should appear with the total number of all selected Items:

o Total: The price for each product regarding properties may vary but you need to multiply the

product price with the selected units (i.e. assume that 3 units of Product 1 with Property 3

and 2 units of Product 4 with Property 1 is selected; then the Total = (price of Product 1 for

Property 3) * 3 + (price of Product 4 for Property 1) * 2.

o Total cost is the summation of selected items cost and it should appear after the Checkout button is

clicked. If the total cost is more than $1000, then delivery cost will not be applied; otherwise 10%

delivery cost will be calculated (=total cost*0.10) and added to the total cost.

o After the total cost appears, a confirmation message will be prompted to ask the visitor if s/he

accepts the calculated total cost for payment. In case of acceptance; a thank you message will be

alerted, otherwise application withdraw message will be alerted.