Skip to content

surajm-3290/feedback-form-ui-project-sem1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 

Repository files navigation

feedback-form-ui-project-sem1

This project is a fully designed Feedback Form Page created using pure HTML and CSS.
I built this during my 1st semester to practice form design, radio buttons, checkboxes, tables, and layout structure using core CSS concepts.


🌟 Features

  • Clean and modern UI
  • Fully structured feedback form
  • Text fields, email input, radio buttons, and checkboxes
  • Feedback topic dropdown
  • Comment section
  • Contact information table
  • Hover effect on table rows
  • Reset & Submit buttons
  • HTML5 validation on required fields
  • 100% HTML + CSS (no frameworks)

🎨 CSS Concepts Used

  • Box model
  • Borders & backgrounds
  • Form input styling
  • Hover effects
  • Table design
  • Flex & spacing
  • Color combinations
  • Typography
  • Custom radio & checkbox interactions

🧩 Technologies Used

  • HTML5
  • CSS3

πŸ“Έ Preview

image
image

πŸ“ What I Learned

  • How to create a complete form layout
  • Styling form controls using CSS
  • Creating structured UI elements
  • Designing tables with alternating row colors
  • Improving user experience through colors and layout
  • Using semantic HTML elements properly

▢️ How to Run

Just download the project and open the index.html file in your browser.


πŸ‘¨β€πŸ’» Author

Suraj Maurya
Beginner Frontend Developer
Created during 1st semester using HTML & CSS

About

A simple and clean feedback form UI built using HTML & CSS as a 1st-semester practice project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published