Back to HTML and CSS
Introduction to Web: Learning Path
In this introduction to web development with HTML and CSS for beginners, you will learn how to structure and style webpages with images, lists, fonts, quotes, links, and animation.
6 projects
Flip Treat Webcards
![Flip treat webcards](https://assets.codeclubau.org/assets/flip-treat-webcards.png)
Create a flip card with a treat from around the world. The card flips over when you hover over or tap it.
![Flip treat webcards](https://assets.codeclubau.org/assets/flip-treat-webcards.png)
Mood Board
![Mood board](https://assets.codeclubau.org/assets/mood-board.png)
Create a mood board webpage for a real or imaginary project. A mood board is a collage that arranges images, fonts, colours and other design elements.
![Mood board](https://assets.codeclubau.org/assets/mood-board.png)
Build a Webpage
![Build a webpage](https://assets.codeclubau.org/assets/build-a-webpage.png)
Create a webpage about something you want to share. It is best to have completed all projects in the Introduction to Web learning path before starting this project.
![Build a webpage](https://assets.codeclubau.org/assets/build-a-webpage.png)