HTML-CSS

🌐 HTML‑CSS Small Projects

A collection of 37+ mini UI projects using only HTML and CSS.

Profile cards, forms, animations, menus, footers, and more!


📄 Description

A curated collection of creative, small-scale UI components built entirely with HTML and CSS. Perfect for learning layouts, animations, responsive design, and modern UI patterns.


🚀 Live Demo

🔗 Project Live Previews (Open in New Tab)

  1. Project‑01 (Profile Card UI)
  2. Project‑02 (Flipping Card UI)
  3. Project‑03 (Credit Card UI)
  4. Project‑04 (Side Bar Menu)
  5. Project‑05 (Login Form)
  6. Project‑06 (Simple Website)
  7. Project‑07 (Contact Us Form)
  8. Project‑08 (Search Bar)
  9. Project‑09 (Login Form 2nd)
  10. Project‑10 (Vertical Tab)
  11. Project‑11 (Portfolio)
  12. Project‑12 (Animated Login Form)
  13. Project‑13 (Footer Design)
  14. Project‑14 (Glass Morphism)
  15. Project‑15 (Animated Sidebar Menu)
  16. Project‑16 (3D Flip Card)
  17. Project‑17 (Animated Nav Bar)
  18. Project‑18 (Login Form 3rd)
  19. Project‑19 (Loading Animation)
  20. Project‑20 (Z-Index Transition)
  21. Project‑21 (Animated Skills Bar)
  22. Project‑22 (Responsive Contact Us Form)
  23. Project‑23 (Popup Modal Box)
  24. Project‑24 (Neumorphism Navigation Bar)
  25. Project‑25 (Neumorphism Side Bar)
  26. Project‑26 (Responsive Footer)
  27. Project‑27 (Flip Card Animation)
  28. Project‑28 (Button Hover Animation)
  29. Project‑29 (Text Gradient Effect)
  30. Project‑30 (Profile Cards Responsive)
  31. Project‑31 (Four Circle Animation)
  32. Project‑32 (Profile Card Hover)
  33. Project‑33 (Custom Radio Buttons)
  34. Project‑34 (Animated Share Button)
  35. Project‑35 (Subscribe Button)
  36. Project‑36 (Product Card with Image)
  37. Project‑37 (Tooltip Hover Animation)

📚 Table of Contents


✨ Features


🛠️ Tech Stack


📦 Usage

To clone and explore the project locally:

```bash git clone https://github.com/MD-Sabbir-Hossain-Alif/HTML-CSS.git cd HTML-CSS

Open any project folder and launch the HTML file in a browser