HTML-CSS-JavaScript-Project-Coursera-

This repository contains the projects of Course 1 of Coursera Specialization course - “Full Stack Web Development by
The Hong Kong University of Science and Technology”.

https://www.coursera.org/learn/html-css-javascript/home/welcome

The course 1 of this specialization deals with HTML,CSS and Javascript and is taught by David Rossiter. It is a three week course and there is assessment projects at the end of each week.

Week 1 Project : Dating Web Site Assessment

Link to descriptional video : https://www.coursera.org/learn/html-css-javascript/lecture/jpKry/html-css-assessment

It comprises of three parts:

part1.html: part1.html contains the Web page content without style. The result of this stage is a web page which contains a form.The form contains various form elements like text input, submit button, checkboxes, radio options that can be selected and in which the data can be entered. It shows the basic layout of the given web page.
part2.html: part2.html is the extended version of part1.html which adds proper styling to the page to make it more beautiful and attractive.

3.part3.html: part3.html is a modified code of part2.html which contains some additional interactive features.

Two interactive features are added.

hover_effect: Style rules are added so that the label and input elements become significantly larger when the mouse is moved over them (and return to normal size when the mouse moves away from them). This is achieved by using the hover pseudo-class for all label and input elements.
image_preview: A

HTML-CSS-JavaScript-Project-Coursera-

Week 1 Project : Dating Web Site Assessment

hover_effect: Style rules are added so that the label and input elements become significantly larger when the mouse is moved over them (and return to normal size when the mouse moves away from them). This is achieved by using the hover pseudo-class for all label and input elements.