1. General Principles - Project will be done in teams. At most two students can be in a project group. - Each group can perform the project with any website content they prefer. - A progress report has to be filled up and uploaded to moodle. - Any sort of cheating and/or plagiarism will be punished by failure from the course and a report to the disciplinary committee of the University. - BOOTSTRAP is not allowed to be used. - Project concerns Web software development. Outcome should be demonstrated as Web site. - Use external , ess file(s) for all of your styles. - All necessary lavascript functions will be at external is file(s). - Try to design with good graphical elements. Use styles and pictures/images/etc. - Due date of the project is strict there will be no postponing of the project. Get your projects ready before the due date. Grading: II. Term Project Details 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. - 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 detalled 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. 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. 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. Basket of the visitor contains the following information: payment method via radio buttons: one payment options can be selected, name on the Card via text field: four text fields each of with 15 characters length. expire date via two dropdown menu: for month and year selections, respectively, CVV of the card via text field: a text field with accepting only 3 numbers. Total Cost of the selected item should appear with the total number of all selected Items: 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. 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 (atotal cost 0.10) and added to the total cost. 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