This repository serves as a central index of my HTML & CSS projects, organized by difficulty level.
It is intended for sharing, quick navigation, and as a pinned overview on my GitHub profile.
Each project includes:
- 🚀 A live website
- 📁 A dedicated GitHub repository
- Semantic HTML & modern CSS
- Responsive design (mobile-first & desktop-first)
- CSS Grid & Flexbox
- Accessibility (keyboard navigation, skip links, reduced motion)
- CSS custom properties (variables)
- Design systems (colors, typography, spacing)
- UI / UX fundamentals & visual hierarchy
- CSS animations & transitions
- Hover, focus & interaction states
- SCSS / Sass (where applicable)
- Cross-browser styling & normalization
- Git & GitHub workflow
- Clean, scalable CSS architecture
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
- 🚀 Live Demo
- 📁 GitHub Repo
A reusable starter template including:
-
CSS Reset & 'modern-normalize.css'
-
User-preferred dark/light mode
-
Reduced motion support
-
Font, color & spacing variables
-
Base styling (text, links, lists, buttons)
-
Accessible “Skip to main content” link
-
Responsive breakpoints & layout setup
A collection of reusable UI components and layout snippets:
- Navs & Menus
- Landing Pages
- Buttons & Hover Effects
- Loaders & Spinners
- Sliders & Galleries
- Footers
- Projects are ordered to reflect learning progression
- Focus is placed on real-world layouts, accessibility, and maintainable CSS
- This repository contains no source code by design — it acts as a project hub