Skip to content

Nishthajain7/Web-Task

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Student Grade Tracker Practice Project

πŸ“Œ Overview

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.

πŸ‘‰ Your task is to:

  1. Add a Student Grades Table (with at least 3–4 rows and headings).

  2. Add a form (with some input fields and a submit button).
    This is how the final page might look without styles.

    Web Task reference

    (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.)

  3. 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

πŸš€ Instructions

  • Clone this project folder.
  • Open index.html in your editor.
  • Add your table inside the \<section class="grades"\>
  • Add your form inside the \<section class="form-section"\>
  • Open styles.css and customize the design.
  • Open index.html in your browser to see the results.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published