ablazesphere/edxproject01

Newly created repo because the original repo was locked by Harvard University.

Project 0

Web Programming with Python and JavaScript

A basic website holding information on Coronavirus.

FILES CONTAINED:

inheritance (directory) nesting (directory) image0.jpg index.html page1.html page2.html page3.html page4.html page5.html README.md

Note: Bootstrap was used on all pages.

  CSS selectors used:
    1. class
    2. id
    3. desendant
    4. hover
    5. ::before

---

---

1. inheritance (directory)

Contains 6 files:

inheritance.css inheritance.css.map inheritance.scss stats0.jpeg stats1.jpeg stats2.jpeg

Stylesheet (inheritance.scss) is compiled containing SCSS variable for SCSS inheritance.

---

---

2. nesting (directory)

Contains 3 files:

nesting.css nesting.css.map nesting.scss

Stylesheet (nesting.scss) is compiled containing SCSS varable for SCSS nesting.

---

---

3. index.html

HTML page containing a table which is used for showing contents of the website.

---

---

4. page1.html

HTML page containg an overview information on Coronavirus. T his page meets the requirement for mobile-responsive @media query and hyperlinks was used.

---

---

5. page2.html

HTML page containing information on prevention of Coronavirus. This page meets the requirement of using unordered list and hyperlinks was used. 'image0.jpeg' has been used.

---

---

5. page3.html

HTML page containing information on symptoms of Coronavirus.This page meets the requirement of using ordered list and hyperlinks was used.

---

---

6. page4.html

HTML page containing information on "Questions and Answers" related to Coronavirus. This page meets the requirement of using SCSS nesting.

---

---

7. page5.html

HTML page containing information on statistics of Coronavirus. This page meets the requirement of using SCSS inheritance. 'stats0.jpeg' 'stats1.jpeg' 'stats2.jpeg' has been used. @media query has been used.

---

---

Source:

www.who.int statista