This project is a student ranking table built using HTML & CSS.
It displays student information such as Rank, Name, Points, and Team in a clean and structured format.
- 🏫 Created a student data table with rows and columns
- 🎨 Styled the table with CSS (colors, fonts, spacing, shadows)
- ✨ Highlighted specific rows for better readability
- 📊 Showed ranks, points, and team names clearly
The purpose of this project was to practice HTML tables and CSS styling.
I learned how to:
- ✅ Build structured tables using
<table>,<tr>,<td>, and<th> - ✅ Apply CSS styling to make the table more attractive
- ✅ Highlight rows and add hover effects for better UX
- ✅ Present data in a clean, professional way
This small project is a step forward in improving my front-end development skills.
- HTML5
- CSS3
- 🔗 GitHub Repository: [https://github.com/ZohaibOpai/text.repo8]
- 🔗 Netlify Live Link: [https://curious-cupcake-38dcf8.netlify.app/]
- Add responsive design for mobile users
- Use JavaScript to make the table dynamic (sorting, filtering, searching)
- Add more student data
👤 Zohaib
- 📚 Matric Student | Hafiz-e-Quran
- 💻 Web Development Student at SMIT
- 🌍 From Pakistan
⭐ "Every project helps me learn and grow as a developer."