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.