Completion requirements
Make a submission
Receive a grade
Due: Wednesday, 22 October 2025, 11:00 PM
The 2nd Graded Exercise will build on top of the 1st Graded Exercise by applying CSS to change its style and layout. Please follow the instructions below:
1. Open your first graded exercise.
2. Discuss among the members of the table on how you would like your webpages to look like. But it should at least follow the following minimum requirements:
- There should be a clear cohesive style on the page and the website in general.
- Through the use of CSS, the structure of the HTML page should be clearly defined on the webpage. There would be a clear header with icon, heading and navigation. The content and footer should also be clearly differentiated when CSS is applied.
- Format the text or image links on its initial state and visited state and also for hover state.
- Apply CSS float on the image and its paragraph. You can also use display: flex or flex box to format your page if you are familiar with this property.
- A background color or image should be applied. The background should not interfere with the content of the webpage.
- There should be an internal CSS and a shared stylesheet in the form of an External CSS (saved in one of the group Github repository)
3. Edit your index.html as well to apply CSS styling of your choice, internal CSS could be used for this case. Edit the link for the 1st Graded and to have a hypertext of 1st and 2nd Graded Exercise.
4. Submit your GitHub repository and also the GitHub Live Server link, not the one that starts with 127.0.0.1 or localhost.
Rubrics for Grading:
| 11-15 | 6-10 | 1-5 | |
|---|---|---|---|
| Minimum Style Requirements as listed | All of the minimum style requirements listed in the instructions were followed or 1 or 2 of the requirements were not followed | 3 to 5 were not followed in the listed minimum requirements | More than five were not followed in the minimum requirement |
| 8-10 | 5-7 | 1-4 | |
| There is a combination of Internal and External CSS in the 1st Graded Exercise | Both internal and shared external CSS were used and both contributed well to the aesthetic appeal of the site | Mostly internal CSS with minimum external CSS used but both still contributes to the aesthetic appeal of the site | All Internal CSS or the style is a bit all over the place of a bit messy. |
| 3-5 | 1-2 | ||
| Updated index.html | index.html was updated/styled appropriately | almost no CSS applied to index.html |