HTML&CSS: Coding

The goals of this assignment are: 1. Practice, and extend the HTML and CSS you learned in first semester course. 2. Practice writing standards compliant HTMLS and cSS3 code. 3. Practice creating consistent multipage website style and flow. 4. Practice using forms and considering submission types. If something is not specified, then you have flexibility to be creative. If you are uncertain, please post a question in the discussions area. Content Create 2 HTML files and at least 1CSS file. The first page must be named index.html and will serve as your assignment landing page. You may choose whatever name you wish for the other page and the CSS file. 1. Both HTML pages must have identical headers and footers. a. The header must contain a logo or title, your name, and student number. b. The footer must contain copyright information (e.g., "@ 2022, Stephen Adams, Mohawk College" or something similar). Use the current year. 2. Both pages must contain a navbar that contains the following elements: a. links to the first page and the second page b. a form that asks the user for a username and password and provides a submit button i. the form must submit to https://csunix.mohawkcollege.ca/radams/10259/forminputRepeater.php ii. both elements are required c. a highlight that somehow indicate which page you are on currently 3. The main page must have 2 columns which appear side by side. a. The columns do not have to be responsive nor stack when the screen size is changed. b. The content of each column should be an interest of yours. Please pick 2 different interests and tell me a small amount about them. c. Include at least 3 different display element types (elements that present content - for example headers, paragraphs, images, videos, lists, and so on) 4. The second page must have a form that the user can submit. a. the form must submit to https://csunix.mohawkcollege.ca/radams/10259/forminputRepeater.php b. the form will ask the user about the interests you put on page 1 c. the questions can be anything you want d. you must use at least 3 different input types not including text and password interests and tell me a small amount about them. c. Include at least 3 different display element types (elements that present content - for example headers, paragraphs, images, videos, lists, and so on) 4. The second page must have a form that the user can submit. a. the form must submit to https://csunix.mohawkcollege.ca/ adams/10259/forminputRepeater.php b. the form will ask the user about the interests you put on page 1 c. the questions can be anything you want d. you must use at least 3 different input types not including text and password e. include at least one client-side validation rule aside from "required" Use HTML5 Effectively - You may use template.html from Canvas to get started. - Decide which submission method is most appropriate to the problem, from either GET or POST. - Avoid elements that are deprecated or no longer supported in HTML5 (see https://www.w3schools.com/TAGs/]. - Use semantic elements wherever possible. - Follow the suggestions in the HTMLStyle Guide - Validate your code using the HTML Validator (linked in module 0) Style All elements in your submission must be styled to some degree but it is not expected that you try to create a work of art. We all have different talent levels with artistic expression and a simple but effective, professional presentation will be very satisfactory. 1. all CSS must be linked to in an external style sheet 2. both pages must be styled similarly to produce a consistent theme 3. you may use a single css file for all pages if you wish 4. you must use at least one animated style other than those demonstrated in class (border size/background color/triangular movement) a. your animation should be noticeable, ensure the duration and or the iterations are sufficient that we will notice it Use CSS Effectively - Follow the advice in the Module 0 guide. - Do not use Bootstrap for this assignment. Make sure you also follow the instructions in the Assignment Documentation standard, including the student's name a number in each file you submit, including your css files. Handing In To eligible for grading both of the following steps must be done: 1) Validate your HTML and CSS files arestandard compliant Check your HTML and CSS files using the W3C validators. Ensure that there are no errors. Minor warnings will not result in a penalty, but any serious warning should be corrected. Please use the discussion group to get help to resolve the warnings and errors, or to clarify if you are uncertain