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

 
 
 

Contributors