homework #1

3
Homework #1 Points: 5 Deadline: 26 September 2021, 23:59 Setup 1. Create a new repository on GitHub and invite your teammates Tasks 1. Create 2 HTML pages: index.html and login.html Try to match the content of each page to the provided Figures 1 and 2, although it is not required to replicate them 100%. 2. Submitting the login form on login.html should redirect to index.html 3. Use CSS to style the pages (Note: Design and look doesn't have to match provided screenshots), but implementing code using points below is required. Use flexbox to arrange the layout Use an ID selector Use at least 2 different class selectors Use a pseudo-element or pseudo-class Use a Descendant Selector (e.g., div p) Use a Child Selector (e.g., div > p) Use an Adjacent Sibling Selector (e.g., div + p) Use a General Sibling Selector (e.g., div ~ p) 4. Push all your changes to your repository At least one commit from every team member 5. Submit your Name(s), student ID(s), and the repository link to the homework submission page.

Upload: others

Post on 16-Oct-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Homework #1

Homework #1

Points: 5 Deadline: 26 September 2021, 23:59

Setup 1. Create a new repository on GitHub and invite your teammates

Tasks 1. Create 2 HTML pages: index.html and login.html

Try to match the content of each page to the provided Figures 1 and 2, although it is not required to replicate them 100%.

2. Submitting the login form on login.html should redirect to index.html 3. Use CSS to style the pages (Note: Design and look doesn't have to match provided screenshots), but

implementing code using points below is required.

Use flexbox to arrange the layout

Use an ID selector

Use at least 2 different class selectors

Use a pseudo-element or pseudo-class

Use a Descendant Selector (e.g., div p)

Use a Child Selector (e.g., div > p)

Use an Adjacent Sibling Selector (e.g., div + p)

Use a General Sibling Selector (e.g., div ~ p) 4. Push all your changes to your repository

At least one commit from every team member 5. Submit your Name(s), student ID(s), and the repository link to the homework submission page.

Page 2: Homework #1

Figure 1 index.html

Page 3: Homework #1

Figure 2 login.html