• index.html
• registration.html
• order.html
• features.html
• style.css
• Script.js

Compulsory I need each by each source code for upper html, css and js files.

Create beautiful and colourfull pages for under the assignment.

Link the every html files, create and match css and js files for the question.

i need each by html files..........and like it every files.

Requirements and Specifications The assignment requires that you develop a website for Bruno Pizzeria, a pizza store. The director of Bruno Pizzeria, Mr. Bruno, is interested in developing a website that allows users to register and place orders for pizzas online. Task 1: Website Design After several meetings with the Mr. Bruno, it is agreed that 3 webpages will be developed, the home page, the registration page and the order page. 1.1 Folder Structure The directory structure shown in Figure 1 is to be created. assignment2 index.html register.html order.html images logo.png CSS style.css script.is Figure 1: Directory structure 1.2 Additional files may be added depending on your own design. Website Structure Choose your own webpage structure. A fully functional navigator must be provided on each webpage. Users should be able to access all 3 webpages using the navigator. 1.3 Webpage Layout You need to design an appropriate webpage layout for Bruno Pizzeria. Following structural elements must be used:

You are free to use other structural elements, e.g.,

. Task 2: Website Development 2.1 HTML5 Webpages The three webpages must be developed using HTMLS. All pages must not contain any deprecated elements/attributes. The content requirements for each webpage are as follows: Page index.html is the homepage of the website. It should provide introductory information about Bruno Pizzeria, its history, menu, location, available types of pizzas, etc. Feel free to refer to real-world pizza store websites for example. Information about at least three types of pizzas must be provided, with at least three original or explicitly referenced images. Page registration.html is for users to register. A form must be provided, which contains different input elements that allow users to enter registration information, e.g., username, password, gender, email, favourite pizzas, etc. The following input elements must be used: o label o textbox o password o radio button checkbox o select list o submit button o reset Choose the right types of input button elements for different required information in the forms, e.g., a Page order.html is for users to place orders. A form textbox for username and a group of must be provided to allow users to enter the following data checkboxes for favourite pizzas. to place an order: O Delivery or pickup Other input elements can be o Delivery address (only if delivery is selected) used in your forms if necessary and o Billing address o contact number o Email for appropriate for the content. Set the receipt o Pay on pickup or online method attribute of the form to POST Credit card information (only if pay online is and the attribute action to: selected) http://mercury.swin. : CSS Files edu.au/it000000/cos10024/regtest.php At least one CSS file is to be created to style all three HTML pages. Use any CSS properties you deem necessary and appropriate for All webpages must be fully validated. the presentation. The following CSS properties must be used: 0 float color font-family background-color Other CSS properties can be background-image used. You are encouraged to be border creative in your design. You will text-shadow be marked not only on the use of box-shadow the abovementioned CSS margin properties and CSS selectors, but padding also on how professional, beautiful and creative your The following types of CSS selectors must be used: webpages look. element e.g., h1 {}, {} Make sure the styles of all three class, e.g. image {}, .highlighted webpages are consistent. {} id e.g. #tbName {} You CSS file(s) must be fully grouping e.g., h1, h2, h3 {} validated. contextual e.g. ul li {} pseudo-classes e.g., :hover {} 2.3: JavaScript File A JavaScript file must be created for the registration and the order pages to validate the input data before forms are submitted to the server for processing. The JavaScript must check that none of the required input fields are blank. O check that the password is at least 8-character long; check that the postcode is 4-digit. show an alert or inline error messages to display all the errors in the input fields; 0 allow the form to be submitted only if all the input data are valid. Task 3: Website Enhancement 3.1 Features Implement the following 3 features using appropriate HTML, CSS and JavaScript: Highlight the menu item in the navigator corresponding to the current webpage. In page order.html, create a checkbox with label "same as delivery address" somewhere appropriate near the fields for billing address. When this checkbox is checked, the fields for billing address will be filled with the delivery address automatically. If the delivery address is not completed when this checkbox is checked, display an alert or inline message: "Please enter your delivery address first". Allow users to choose from three types of credit card: Visa, MasterCard and American Express. Based on the type of credit card, limit the length of the credit card number, 16 digits for Visa and MasterCard, 15 digits for American Express. Features Page Create a fourth page named features.html and incorporate it into the navigator. On this webpage, list the features that you have implemented and provides hyperlinks to indicate where those features are implemented