30 projects-based tutorials to practice html and css skills

30 courses to learn HTML and CSS through projects
1. Dash Assembly

You will be building 3 projects in this course.

 

2. https://www.udemy.com/learn-html-css-by-building-3-real-projects/

3. https://www.udemy.com/basic-html-and-css-for-beginners/

https://www.skillshare.com/classes/Learn-HTML-CSS-by-Building-3-Projects-Launch-your-career/582773991

Responsive Landing Page Using HTML & CSS (A Little jQuery)

Product Landing Page | Build & Deploy | HTML & CSS

Pluralsight Login Page Clone – HTML & CSS

Fullscreen Video Background With HTML & CSS

Learn HTML and CSS by Examples -(Udemy)

Build a Responsive Grid CSS Website Layout From Scratch by Brad Traversy -(Youtube)

Pure CSS Hamburger Menu & Overlay

Follow along and create this acme website project

Traversy media

12. Follow along and create this acme website project

Traversy media

13. Mobile first responsive design contact form

Traversy media

14. Technical documentation page
You can try to replicate or use it for inspiration
https://swift.org/getting-started/

15. The Parallax Effect

Traversy media

16. CSS grid layout project by traversy media

17. Lander project

https://stacksocial.com/sales/html-css-for-beginners-build-3-projects-from-scratch

18. Project 1- MyRecipe Website

19. Project 2- MyCollege Website

20. Project 3- MyHotel Website

LEARN HTML & CSS BY CREATING WEBSITES

24. Project 1- MyRecipe Website

25. Project 2- MyCollege Website

26. Project 3- MyHotel Website