This is a practice project to help you learn and apply HTML & CSS skills. Weโve given you the boilerplate code with a basic page structure.
-
Add a Student Grades Table (with at least 3โ4 rows and headings).
-
Add a form (with some input fields and a submit button).
This is how the final page might look without styles.
(The โAdd Gradeโ button need not work right now. We will make it functional in the coming sessions, and a solution will be shared in a couple of days.)
-
Beautify the page using CSS. You can add colors, fonts, spacing, borders, or any other styles you like. Be creative and explore as much as you can
- Clone this project folder.
- Open
index.htmlin your editor. - Add your table inside the
\<section class="grades"\> - Add your form inside the
\<section class="form-section"\> - Open
styles.cssand customize the design. - Open
index.htmlin your browser to see the results.