|
2 | 2 |
|
3 | 3 | 50+ mini web projects using HTML, CSS and JavaScript. |
4 | 4 |
|
5 | | -| # | Project | Live Demo | |
6 | | -| :-: | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | |
7 | | -| 01 | [Expanding Cards](https://github.com/solygambas/html-css-fifty-projects/tree/master/01-expanding%20cards) | [Live Demo](https://codepen.io/solygambas/pen/qBaMWjE) | |
8 | | -| 02 | [Progress Steps](https://github.com/solygambas/html-css-fifty-projects/tree/master/02-progress%20steps) | [Live Demo](https://codepen.io/solygambas/pen/VwKGzzg) | |
9 | | -| 03 | [Rotating Navigation Animation](https://github.com/solygambas/html-css-fifty-projects/tree/master/03-rotating%20navigation) | [Live Demo](https://codepen.io/solygambas/pen/jOMvZqY) | |
10 | | -| 04 | [Hidden Search Widget](https://github.com/solygambas/html-css-fifty-projects/tree/master/04-hidden%20search%20widget) | [Live Demo](https://codepen.io/solygambas/pen/mdrzdPB) | |
11 | | -| 05 | [Blurry Loading](https://github.com/solygambas/html-css-fifty-projects/tree/master/05-blurry%20loading) | [Live Demo](https://codepen.io/solygambas/pen/WNGaNgB) | |
| 5 | +| # | Project | Live Demo | |
| 6 | +| :-: | --------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | |
| 7 | +| 01 | [Expanding Cards](https://github.com/solygambas/html-css-fifty-projects/tree/master/01-expanding%20cards) | [Live Demo](https://codepen.io/solygambas/pen/qBaMWjE) | |
| 8 | +| 02 | [Progress Steps](https://github.com/solygambas/html-css-fifty-projects/tree/master/02-progress%20steps) | [Live Demo](https://codepen.io/solygambas/pen/VwKGzzg) | |
| 9 | +| 03 | [Rotating Navigation Animation](https://github.com/solygambas/html-css-fifty-projects/tree/master/03-rotating%20navigation) | [Live Demo](https://codepen.io/solygambas/pen/jOMvZqY) | |
| 10 | +| 04 | [Hidden Search Widget](https://github.com/solygambas/html-css-fifty-projects/tree/master/04-hidden%20search%20widget) | [Live Demo](https://codepen.io/solygambas/pen/mdrzdPB) | |
| 11 | +| 05 | [Blurry Loading](https://github.com/solygambas/html-css-fifty-projects/tree/master/05-blurry%20loading) | [Live Demo](https://codepen.io/solygambas/pen/WNGaNgB) | |
| 12 | +| 06 | [Scroll Animation](https://github.com/solygambas/html-css-fifty-projects/tree/master/06-scroll%20animation) | [Live Demo](https://codepen.io/solygambas/pen/JjRmoWL) | |
| 13 | +| 07 | [Split Landing Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/07-split%20landing%20page) | [Live Demo](https://codepen.io/solygambas/pen/KKgGdmY) | |
| 14 | +| 08 | [Form Wave](https://github.com/solygambas/html-css-fifty-projects/tree/master/08-form%20wave%20animation) | [Live Demo](https://codepen.io/solygambas/pen/Exgdegm) | |
| 15 | +| 09 | [Sound Board](https://github.com/solygambas/html-css-fifty-projects/tree/master/09-sound%20board) | [Live Demo](https://codepen.io/solygambas/pen/oNzaPQa) | |
| 16 | +| 10 | [Dad Jokes](https://github.com/solygambas/html-css-fifty-projects/tree/master/10-dad%20jokes) | [Live Demo](https://codepen.io/solygambas/pen/gOwBQZK) | |
| 17 | +| 11 | [Event Keycodes](https://github.com/solygambas/html-css-fifty-projects/tree/master/11-event%20KeyCodes) | [Live Demo](https://codepen.io/solygambas/pen/zYKmypd) | |
| 18 | +| 12 | [Faq Collapse](https://github.com/solygambas/html-css-fifty-projects/tree/master/12-FAQ%20collapse) | [Live Demo](https://codepen.io/solygambas/pen/ExgdqWm) | |
| 19 | +| 13 | [Random Choice Picker](https://github.com/solygambas/html-css-fifty-projects/tree/master/13-random%20choice%20picker) | [Live Demo](https://codepen.io/solygambas/pen/eYdQgqN) | |
| 20 | +| 14 | [Animated Navigation](https://github.com/solygambas/html-css-fifty-projects/tree/master/14-animated%20navigation) | [Live Demo](https://codepen.io/solygambas/pen/KKgrWGz) | |
| 21 | +| 15 | [Incrementing Counter](https://github.com/solygambas/html-css-fifty-projects/tree/master/15-incrementing%20counter) | [Live Demo](https://codepen.io/solygambas/pen/qBaQmeW) | |
| 22 | +| 16 | [Drink Water](https://github.com/solygambas/html-css-fifty-projects/tree/master/16-drink%20water) | [Live Demo](https://codepen.io/solygambas/details/yLaQoJy) | |
| 23 | +| 17 | [Movie App](https://github.com/solygambas/html-css-fifty-projects/tree/master/17-movie%20app) | [Live Demo](https://codepen.io/solygambas/pen/mdrabXd) | |
| 24 | +| 18 | [Background Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/18-background%20slider) | [Live Demo](https://codepen.io/solygambas/pen/OJRrVbJ) | |
| 25 | +| 19 | [Theme Clock](https://github.com/solygambas/html-css-fifty-projects/tree/master/19-theme%20clock) | [Live Demo](https://codepen.io/solygambas/pen/MWjZrZy) | |
12 | 26 |
|
13 | 27 | Based on [50 Projects In 50 Days - HTML, CSS & JavaScript](https://www.udemy.com/course/50-projects-50-days/) by Brad Traversy (2020). |
0 commit comments