Skip to content

Commit 375bc41

Browse files
solygambassolygambas
committedMay 1, 2022
fix links
1 parent 4c40462 commit 375bc41

File tree

1 file changed

+102
-102
lines changed

1 file changed

+102
-102
lines changed
 

Diff for: ‎README.md

+102-102
Original file line numberDiff line numberDiff line change
@@ -4,108 +4,108 @@
44

55
[See all projects on CodePen](https://codepen.io/collection/DKLgmm?grid_type=grid&sort_by=item_created_at)
66

7-
| # | Project | Live Demo |
8-
| :-: | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- |
9-
| 001 | [Expanding Cards](https://github.com/solygambas/html-css-fifty-projects/tree/master/001-expanding%20cards) | [Live Demo](https://codepen.io/solygambas/full/qBaMWjE) |
10-
| 002 | [Progress Steps](https://github.com/solygambas/html-css-fifty-projects/tree/master/002-progress%20steps) | [Live Demo](https://codepen.io/solygambas/full/VwKGzzg) |
11-
| 003 | [Rotating Navigation Animation](https://github.com/solygambas/html-css-fifty-projects/tree/master/003-rotating%20navigation) | [Live Demo](https://codepen.io/solygambas/full/jOMvZqY) |
12-
| 004 | [Hidden Search Widget](https://github.com/solygambas/html-css-fifty-projects/tree/master/004-hidden%20search%20widget) | [Live Demo](https://codepen.io/solygambas/full/mdrzdPB) |
13-
| 005 | [Blurry Loading](https://github.com/solygambas/html-css-fifty-projects/tree/master/005-blurry%20loading) | [Live Demo](https://codepen.io/solygambas/full/WNGaNgB) |
14-
| 006 | [Scroll Animation](https://github.com/solygambas/html-css-fifty-projects/tree/master/006-scroll%20animation) | [Live Demo](https://codepen.io/solygambas/full/JjRmoWL) |
15-
| 007 | [Split Landing Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/007-split%20landing%20page) | [Live Demo](https://codepen.io/solygambas/full/KKgGdmY) |
16-
| 008 | [Form Wave](https://github.com/solygambas/html-css-fifty-projects/tree/master/008-form%20wave%20animation) | [Live Demo](https://codepen.io/solygambas/full/Exgdegm) |
17-
| 009 | [Sound Board](https://github.com/solygambas/html-css-fifty-projects/tree/master/009-sound%20board) | [Live Demo](https://codepen.io/solygambas/full/oNzaPQa) |
18-
| 010 | [Dad Jokes](https://github.com/solygambas/html-css-fifty-projects/tree/master/010-dad%20jokes) | [Live Demo](https://codepen.io/solygambas/full/gOwBQZK) |
19-
| 011 | [Event Keycodes](https://github.com/solygambas/html-css-fifty-projects/tree/master/011-event%20KeyCodes) | [Live Demo](https://codepen.io/solygambas/full/zYKmypd) |
20-
| 012 | [FAQ Collapse](https://github.com/solygambas/html-css-fifty-projects/tree/master/012-FAQ%20collapse) | [Live Demo](https://codepen.io/solygambas/full/ExgdqWm) |
21-
| 013 | [Random Choice Picker](https://github.com/solygambas/html-css-fifty-projects/tree/master/013-random%20choice%20picker) | [Live Demo](https://codepen.io/solygambas/full/eYdQgqN) |
22-
| 014 | [Animated Navigation](https://github.com/solygambas/html-css-fifty-projects/tree/master/014-animated%20navigation) | [Live Demo](https://codepen.io/solygambas/full/KKgrWGz) |
23-
| 015 | [Incrementing Counter](https://github.com/solygambas/html-css-fifty-projects/tree/master/015-incrementing%20counter) | [Live Demo](https://codepen.io/solygambas/full/qBaQmeW) |
24-
| 016 | [Drink Water](https://github.com/solygambas/html-css-fifty-projects/tree/master/016-drink%20water) | [Live Demo](https://codepen.io/solygambas/full/yLaQoJy) |
25-
| 017 | [Movie App](https://github.com/solygambas/html-css-fifty-projects/tree/master/017-movie%20app) | [Live Demo](https://codepen.io/solygambas/full/mdrabXd) |
26-
| 018 | [Background Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/018-background%20slider) | [Live Demo](https://codepen.io/solygambas/full/OJRrVbJ) |
27-
| 019 | [Theme Clock](https://github.com/solygambas/html-css-fifty-projects/tree/master/019-theme%20clock) | [Live Demo](https://codepen.io/solygambas/full/MWjZrZy) |
28-
| 020 | [Button Ripple Effect](https://github.com/solygambas/html-css-fifty-projects/tree/master/020-button%20ripple%20effect) | [Live Demo](https://codepen.io/solygambas/full/oNzJdWw) |
29-
| 021 | [Drag N Drop](https://github.com/solygambas/html-css-fifty-projects/tree/master/021-drag%20n%20drop) | [Live Demo](https://codepen.io/solygambas/full/RwGEyme) |
30-
| 022 | [Drawing App](https://github.com/solygambas/html-css-fifty-projects/tree/master/022-drawing%20app) | [Live Demo](https://codepen.io/solygambas/full/wvzREMx) |
31-
| 023 | [Kinetic Loader](https://github.com/solygambas/html-css-fifty-projects/tree/master/023-kinetic%20loader) | [Live Demo](https://codepen.io/solygambas/full/JjRwVLW) |
32-
| 024 | [Content Placeholder](https://github.com/solygambas/html-css-fifty-projects/tree/master/024-content%20placeholder) | [Live Demo](https://codepen.io/solygambas/full/ExgGzaX) |
33-
| 025 | [Sticky Navbar](https://github.com/solygambas/html-css-fifty-projects/tree/master/025-sticky%20navigation) | [Live Demo](https://codepen.io/solygambas/full/VwKqJmw/) |
34-
| 026 | [Double Vertical Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/026-double%20vertical%20slider) | [Live Demo](https://codepen.io/solygambas/full/wvzNwqB) |
35-
| 027 | [Toast Notification](https://github.com/solygambas/html-css-fifty-projects/tree/master/027-toast%20notification) | [Live Demo](https://codepen.io/solygambas/full/YzGBNgW) |
36-
| 028 | [GitHub Profiles](https://github.com/solygambas/html-css-fifty-projects/tree/master/028-github%20profiles) | [Live Demo](https://codepen.io/solygambas/full/GRjzmVR) |
37-
| 029 | [Double Click Heart](https://github.com/solygambas/html-css-fifty-projects/tree/master/029-double%20click%20heart) | [Live Demo](https://codepen.io/solygambas/full/XWjOaOK) |
38-
| 030 | [Auto Text Effect](https://github.com/solygambas/html-css-fifty-projects/tree/master/030-auto%20text%20effect) | [Live Demo](https://codepen.io/solygambas/full/JjRxrbM) |
39-
| 031 | [Password Generator](https://github.com/solygambas/html-css-fifty-projects/tree/master/031-password%20generator) | [Live Demo](https://codepen.io/solygambas/full/rNMRvWb) |
40-
| 032 | [Good Cheap Fast](https://github.com/solygambas/html-css-fifty-projects/tree/master/032-good%20cheap%20fast) | [Live Demo](https://codepen.io/solygambas/full/QWKoxwP) |
41-
| 033 | [Notes App](https://github.com/solygambas/html-css-fifty-projects/tree/master/033-notes%20app) | [Live Demo](https://codepen.io/solygambas/full/qBavQog) |
42-
| 034 | [Animated Countdown](https://github.com/solygambas/html-css-fifty-projects/tree/master/034-animated%20countdown) | [Live Demo](https://codepen.io/solygambas/full/vYXPbYW) |
43-
| 035 | [Image Carousel](https://github.com/solygambas/html-css-fifty-projects/tree/master/035-image%20carousel) | [Live Demo](https://codepen.io/solygambas/full/zYKbQZK) |
44-
| 036 | [Hoverboard](https://github.com/solygambas/html-css-fifty-projects/tree/master/036-hoverboard) | [Live Demo](https://codepen.io/solygambas/full/OJRqYKK) |
45-
| 037 | [Pokedex](https://github.com/solygambas/html-css-fifty-projects/tree/master/037-pokedex) | [Live Demo](https://codepen.io/solygambas/full/gOwygyP) |
46-
| 038 | [Mobile Tab Navigation](https://github.com/solygambas/html-css-fifty-projects/tree/master/038-mobile%20tab%20navigation) | [Live Demo](https://codepen.io/solygambas/full/eYdoexM) |
47-
| 039 | [Password Strength Background](https://github.com/solygambas/html-css-fifty-projects/tree/master/039-password%20strength%20background) | [Live Demo](https://codepen.io/solygambas/full/YzGMYzz) |
48-
| 040 | [3D Background Boxes](https://github.com/solygambas/html-css-fifty-projects/tree/master/040-3d%20boxes%20background) | [Live Demo](https://codepen.io/solygambas/full/zYKXpBe) |
49-
| 041 | [Verify Account UI](https://github.com/solygambas/html-css-fifty-projects/tree/master/041-verify%20account%20UI) | [Live Demo](https://codepen.io/solygambas/full/KKgYZWR) |
50-
| 042 | [Live User Filter](https://github.com/solygambas/html-css-fifty-projects/tree/master/042-live%20user%20filter) | [Live Demo](https://codepen.io/solygambas/full/OJRGzjg) |
51-
| 043 | [Feedback UI Design](https://github.com/solygambas/html-css-fifty-projects/tree/master/043-feedback%20UI%20design) | [Live Demo](https://codepen.io/solygambas/full/PoGgEOm) |
52-
| 044 | [Custom Range Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/044-custom%20range%20slider) | [Live Demo](https://codepen.io/solygambas/full/WNGBrjZ) |
53-
| 045 | [Netflix Mobile Navigation](https://github.com/solygambas/html-css-fifty-projects/tree/master/045-netflix%20mobile%20navigation) | [Live Demo](https://codepen.io/solygambas/full/NWRVxgv) |
54-
| 046 | [Quiz App](https://github.com/solygambas/html-css-fifty-projects/tree/master/046-quiz%20app) | [Live Demo](https://codepen.io/solygambas/full/PoGvZEW) |
55-
| 047 | [Testimonial Box Switcher](https://github.com/solygambas/html-css-fifty-projects/tree/master/047-testimonial%20box%20switcher) | [Live Demo](https://codepen.io/solygambas/full/ExgzPRz) |
56-
| 048 | [Random Image Feed](https://github.com/solygambas/html-css-fifty-projects/tree/master/048-random%20image%20generator) | [Live Demo](https://codepen.io/solygambas/full/eYdaJQx) |
57-
| 049 | [Todo List](https://github.com/solygambas/html-css-fifty-projects/tree/master/049-todo%20list) | [Live Demo](https://codepen.io/solygambas/full/eYdaJoo) |
58-
| 050 | [Insect Catch Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/050-insect%20catch%20game) | [Live Demo](https://codepen.io/solygambas/full/oNzRbKx) |
59-
| 051 | [Video Background](https://github.com/solygambas/html-css-fifty-projects/tree/master/051-video%20background) | [Live Demo](https://codepen.io/solygambas/full/oNYNLwL) |
60-
| 052 | [Portfolio with CSS Grid](https://github.com/solygambas/html-css-fifty-projects/tree/master/052-portfolio%20grid) | [Live Demo](https://codepen.io/solygambas/full/MWbKzzO) |
61-
| 053 | [Touch Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/053-touch%20slider) | [Live Demo](https://codepen.io/solygambas/full/QWGEyLK) |
62-
| 054 | [CSS Loaders](https://github.com/solygambas/html-css-fifty-projects/tree/master/054-css%20loaders) | [Live Demo](https://codepen.io/solygambas/full/QWGdgaZ) |
63-
| 055 | [Glass Dashboard](https://github.com/solygambas/html-css-fifty-projects/tree/master/055-glass%20dashboard) | [Live Demo](https://codepen.io/solygambas/full/oNYpQMo) |
64-
| 056 | [Image Comparison Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/056-image%20comparison%20slider) | [Live Demo](https://codepen.io/solygambas/full/RwoMLYW) |
65-
| 057 | [Parallax Background with SVG](https://github.com/solygambas/html-css-fifty-projects/tree/master/057-parallax%20background%20svg) | [Live Demo](https://codepen.io/solygambas/full/vYyjjbz) |
66-
| 058 | [3D Product Card](https://github.com/solygambas/html-css-fifty-projects/tree/master/058-3D%20product%20card) | [Live Demo](https://codepen.io/solygambas/full/wvoXWPq) |
67-
| 059 | [Form Validator](https://github.com/solygambas/html-css-fifty-projects/tree/master/059-form%20validator) | [Live Demo](https://codepen.io/solygambas/full/MWbPJjb) |
68-
| 060 | [Movie Seat Booking](https://github.com/solygambas/html-css-fifty-projects/tree/master/060-movie%20seat%20booking) | [Live Demo](https://codepen.io/solygambas/full/xxRQEOy) |
69-
| 061 | [Custom Video Player](https://github.com/solygambas/html-css-fifty-projects/tree/master/061-custom%20video%20player) | [Live Demo](https://codepen.io/solygambas/full/mdOQadY) |
70-
| 062 | [Exchange Rate Calculator](https://github.com/solygambas/html-css-fifty-projects/tree/master/062-exchange%20rate%20calculator) | [Live Demo](https://codepen.io/solygambas/full/abBPJBG) |
71-
| 063 | [DOM Array Methods](https://github.com/solygambas/html-css-fifty-projects/tree/master/063-DOM%20array%20methods) | [Live Demo](https://codepen.io/solygambas/full/NWbeXYR) |
72-
| 064 | [Menu Slider & Modal](https://github.com/solygambas/html-css-fifty-projects/tree/master/064-menu%20slider%20modal) | [Live Demo](https://codepen.io/solygambas/full/MWbLeKd) |
73-
| 065 | [Hangman Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/065-hangman%20game) | [Live Demo](https://codepen.io/solygambas/full/MWbLEYr) |
74-
| 066 | [Meal Finder](https://github.com/solygambas/html-css-fifty-projects/tree/master/066-meal%20finder) | [Live Demo](https://codepen.io/solygambas/full/dyOagYE) |
75-
| 067 | [Expense Tracker](https://github.com/solygambas/html-css-fifty-projects/tree/master/067-expense%20tracker) | [Live Demo](https://codepen.io/solygambas/full/OJbqyro) |
76-
| 068 | [Music Player](https://github.com/solygambas/html-css-fifty-projects/tree/master/068-music%20player) | [Live Demo](https://codepen.io/solygambas/full/LYbaZNG) |
77-
| 069 | [Infinite Scroll Posts](https://github.com/solygambas/html-css-fifty-projects/tree/master/069-infinite%20scroll%20posts) | [Live Demo](https://codepen.io/solygambas/full/qBqvyEB) |
78-
| 070 | [Typing Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/070-typing%20game) | [Live Demo](https://codepen.io/solygambas/full/wvoOQvq) |
79-
| 071 | [Speech Text Reader](https://github.com/solygambas/html-css-fifty-projects/tree/master/071-speech%20text%20reader) | [Live Demo](https://codepen.io/solygambas/full/QWGPLVM) |
80-
| 072 | [Memory Cards](https://github.com/solygambas/html-css-fifty-projects/tree/master/072-memory%20cards) | [Live Demo](https://codepen.io/solygambas/full/oNYOqjv) |
81-
| 073 | [Lyrics Search App](https://github.com/solygambas/html-css-fifty-projects/tree/master/073-lyrics%20search%20app) | [Live Demo](https://codepen.io/solygambas/full/ExNzPKV) |
82-
| 074 | [Relaxer App](https://github.com/solygambas/html-css-fifty-projects/tree/master/074-relaxer%20app) | [Live Demo](https://codepen.io/solygambas/full/wvobMzE) |
83-
| 075 | [Breakout Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/075-breakout%20game) | [Live Demo](https://codepen.io/solygambas/full/oNYrNKj) |
84-
| 076 | [New Year Countdown](https://github.com/solygambas/html-css-fifty-projects/tree/master/076-new%20year%20countdown) | [Live Demo](https://codepen.io/solygambas/full/rNWEaBb) |
85-
| 077 | [Sortable List](https://github.com/solygambas/html-css-fifty-projects/tree/master/077-sortable%20list) | [Live Demo](https://codepen.io/solygambas/full/qBqzEdO) |
86-
| 078 | [Speak Number Guessing Game](https://github.com/solygambas/html-css-fifty-projects/tree/master/078-speak%20number%20guessing%20game) | [Live Demo](https://codepen.io/solygambas/full/jOVjEre) |
87-
| 079 | [Creative Agency Website](https://github.com/solygambas/html-css-fifty-projects/tree/master/079-creative%20agency%20website) | [Live Demo](https://codepen.io/solygambas/full/LYbKoRj) |
88-
| 080 | [Health Dashboard](https://github.com/solygambas/html-css-fifty-projects/tree/master/080-health%20dashboard) | [Live Demo](https://codepen.io/solygambas/full/XWNvEKz) |
89-
| 081 | [Animated SVG](https://github.com/solygambas/html-css-fifty-projects/tree/master/081-animated%20SVG) | [Live Demo](https://codepen.io/solygambas/full/vYyoVWR) |
90-
| 082 | [Parallax Landing Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/082-parallax%20landing%20page) | [Live Demo](https://codepen.io/solygambas/full/ExZxxRo) |
91-
| 083 | [Full-Screen Image Slider](https://github.com/solygambas/html-css-fifty-projects/tree/master/083-full%20screen%20image%20slider) | [Live Demo](https://codepen.io/solygambas/full/JjEoEdb) |
92-
| 084 | [Fluid Image Lightbox](https://github.com/solygambas/html-css-fifty-projects/tree/master/084-fluid%20image%20lightbox) | [Live Demo](https://codepen.io/solygambas/full/MWJKpwg) |
93-
| 085 | [Sneaker Shop](https://github.com/solygambas/html-css-fifty-projects/tree/master/085-sneaker%20shop) | [Live Demo](https://codepen.io/solygambas/full/KKazqNZ) |
94-
| 086 | [Coming Soon Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/086-coming%20soon%20page) | [Live Demo](https://codepen.io/solygambas/full/bGgwNaM) |
95-
| 087 | [Sliding Sign In & Sign Up Form](https://github.com/solygambas/html-css-fifty-projects/tree/master/087-sliding%20signin%20signup%20form) | [Live Demo](https://codepen.io/solygambas/full/bGgwoGm) |
96-
| 088 | [Promo Code](https://github.com/solygambas/html-css-fifty-projects/tree/master/088-promo%20code) | [Live Demo](https://codepen.io/solygambas/full/wvggBXe) |
97-
| 089 | [One Color UI](https://github.com/solygambas/html-css-fifty-projects/tree/master/089-one%20color%20UI) | [Live Demo](https://codepen.io/solygambas/full/NWdpPqx) |
98-
| 090 | [Tooltip](https://github.com/solygambas/html-css-fifty-projects/tree/master/090-tooltip) | [Live Demo](https://codepen.io/solygambas/full/YzNgzMb) |
99-
| 091 | [Chat Interface](https://github.com/solygambas/html-css-fifty-projects/tree/master/091-chat%20interface) | [Live Demo](https://codepen.io/solygambas/full/MWJxaOJ) |
100-
| 092 | [Music Streaming Service](https://github.com/solygambas/html-css-fifty-projects/tree/master/092-music%20streaming%20service) | [Live Demo](https://codepen.io/solygambas/full/qBRvLmg) |
101-
| 093 | [Creative Portfolio](https://github.com/solygambas/html-css-fifty-projects/tree/master/093-creative%20portfolio) | [Live Demo](https://codepen.io/solygambas/full/zYNbgxR) |
102-
| 094 | [Laptop UI](https://github.com/solygambas/html-css-fifty-projects/tree/master/094-laptop%20UI) | [Live Demo](https://codepen.io/solygambas/full/eYgoxMo) |
103-
| 095 | [Headphones Product Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/095-headphones%20product%20page) | [Live Demo](https://codepen.io/solygambas/full/KKaLmEr) |
104-
| 096 | [Cloud Hosting Service](https://github.com/solygambas/html-css-fifty-projects/tree/master/096-cloud%20hosting%20service) | [Live Demo](https://codepen.io/solygambas/full/oNBrXYr) |
105-
| 097 | [Terminal Style Landing Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/097-terminal%20style%20landing%20page) | [Live Demo](https://codepen.io/solygambas/full/BaWvXLG) |
106-
| 098 | [Magazine Layout](https://github.com/solygambas/html-css-fifty-projects/tree/master/098-magazine%20layout) | [Live Demo](https://codepen.io/solygambas/full/OJpGMyj) |
107-
| 099 | [Parallax Website](https://github.com/solygambas/html-css-fifty-projects/tree/master/099-parallax%20website) | [Live Demo](https://codepen.io/solygambas/full/poeBdPr) |
108-
| 100 | [Hulu Webpage Clone](https://github.com/solygambas/html-css-fifty-projects/tree/master/100-hulu%20webpage%20clone) | [Live Demo](https://codepen.io/solygambas/full/rNmmqBy) |
7+
| # | Project | Live Demo |
8+
| :-: | ---------------------------------------------------------------------- | -------------------------------------------------------- |
9+
| 001 | [Expanding Cards](001-expanding%20cards) | [Live Demo](https://codepen.io/solygambas/full/qBaMWjE) |
10+
| 002 | [Progress Steps](002-progress%20steps) | [Live Demo](https://codepen.io/solygambas/full/VwKGzzg) |
11+
| 003 | [Rotating Navigation Animation](003-rotating%20navigation) | [Live Demo](https://codepen.io/solygambas/full/jOMvZqY) |
12+
| 004 | [Hidden Search Widget](004-hidden%20search%20widget) | [Live Demo](https://codepen.io/solygambas/full/mdrzdPB) |
13+
| 005 | [Blurry Loading](005-blurry%20loading) | [Live Demo](https://codepen.io/solygambas/full/WNGaNgB) |
14+
| 006 | [Scroll Animation](006-scroll%20animation) | [Live Demo](https://codepen.io/solygambas/full/JjRmoWL) |
15+
| 007 | [Split Landing Page](007-split%20landing%20page) | [Live Demo](https://codepen.io/solygambas/full/KKgGdmY) |
16+
| 008 | [Form Wave](008-form%20wave%20animation) | [Live Demo](https://codepen.io/solygambas/full/Exgdegm) |
17+
| 009 | [Sound Board](009-sound%20board) | [Live Demo](https://codepen.io/solygambas/full/oNzaPQa) |
18+
| 010 | [Dad Jokes](010-dad%20jokes) | [Live Demo](https://codepen.io/solygambas/full/gOwBQZK) |
19+
| 011 | [Event Keycodes](011-event%20KeyCodes) | [Live Demo](https://codepen.io/solygambas/full/zYKmypd) |
20+
| 012 | [FAQ Collapse](012-FAQ%20collapse) | [Live Demo](https://codepen.io/solygambas/full/ExgdqWm) |
21+
| 013 | [Random Choice Picker](013-random%20choice%20picker) | [Live Demo](https://codepen.io/solygambas/full/eYdQgqN) |
22+
| 014 | [Animated Navigation](014-animated%20navigation) | [Live Demo](https://codepen.io/solygambas/full/KKgrWGz) |
23+
| 015 | [Incrementing Counter](015-incrementing%20counter) | [Live Demo](https://codepen.io/solygambas/full/qBaQmeW) |
24+
| 016 | [Drink Water](016-drink%20water) | [Live Demo](https://codepen.io/solygambas/full/yLaQoJy) |
25+
| 017 | [Movie App](017-movie%20app) | [Live Demo](https://codepen.io/solygambas/full/mdrabXd) |
26+
| 018 | [Background Slider](018-background%20slider) | [Live Demo](https://codepen.io/solygambas/full/OJRrVbJ) |
27+
| 019 | [Theme Clock](019-theme%20clock) | [Live Demo](https://codepen.io/solygambas/full/MWjZrZy) |
28+
| 020 | [Button Ripple Effect](020-button%20ripple%20effect) | [Live Demo](https://codepen.io/solygambas/full/oNzJdWw) |
29+
| 021 | [Drag N Drop](021-drag%20n%20drop) | [Live Demo](https://codepen.io/solygambas/full/RwGEyme) |
30+
| 022 | [Drawing App](022-drawing%20app) | [Live Demo](https://codepen.io/solygambas/full/wvzREMx) |
31+
| 023 | [Kinetic Loader](023-kinetic%20loader) | [Live Demo](https://codepen.io/solygambas/full/JjRwVLW) |
32+
| 024 | [Content Placeholder](024-content%20placeholder) | [Live Demo](https://codepen.io/solygambas/full/ExgGzaX) |
33+
| 025 | [Sticky Navbar](025-sticky%20navigation) | [Live Demo](https://codepen.io/solygambas/full/VwKqJmw/) |
34+
| 026 | [Double Vertical Slider](026-double%20vertical%20slider) | [Live Demo](https://codepen.io/solygambas/full/wvzNwqB) |
35+
| 027 | [Toast Notification](027-toast%20notification) | [Live Demo](https://codepen.io/solygambas/full/YzGBNgW) |
36+
| 028 | [GitHub Profiles](028-github%20profiles) | [Live Demo](https://codepen.io/solygambas/full/GRjzmVR) |
37+
| 029 | [Double Click Heart](029-double%20click%20heart) | [Live Demo](https://codepen.io/solygambas/full/XWjOaOK) |
38+
| 030 | [Auto Text Effect](030-auto%20text%20effect) | [Live Demo](https://codepen.io/solygambas/full/JjRxrbM) |
39+
| 031 | [Password Generator](031-password%20generator) | [Live Demo](https://codepen.io/solygambas/full/rNMRvWb) |
40+
| 032 | [Good Cheap Fast](032-good%20cheap%20fast) | [Live Demo](https://codepen.io/solygambas/full/QWKoxwP) |
41+
| 033 | [Notes App](033-notes%20app) | [Live Demo](https://codepen.io/solygambas/full/qBavQog) |
42+
| 034 | [Animated Countdown](034-animated%20countdown) | [Live Demo](https://codepen.io/solygambas/full/vYXPbYW) |
43+
| 035 | [Image Carousel](035-image%20carousel) | [Live Demo](https://codepen.io/solygambas/full/zYKbQZK) |
44+
| 036 | [Hoverboard](036-hoverboard) | [Live Demo](https://codepen.io/solygambas/full/OJRqYKK) |
45+
| 037 | [Pokedex](037-pokedex) | [Live Demo](https://codepen.io/solygambas/full/gOwygyP) |
46+
| 038 | [Mobile Tab Navigation](038-mobile%20tab%20navigation) | [Live Demo](https://codepen.io/solygambas/full/eYdoexM) |
47+
| 039 | [Password Strength Background](039-password%20strength%20background) | [Live Demo](https://codepen.io/solygambas/full/YzGMYzz) |
48+
| 040 | [3D Background Boxes](040-3d%20boxes%20background) | [Live Demo](https://codepen.io/solygambas/full/zYKXpBe) |
49+
| 041 | [Verify Account UI](041-verify%20account%20UI) | [Live Demo](https://codepen.io/solygambas/full/KKgYZWR) |
50+
| 042 | [Live User Filter](042-live%20user%20filter) | [Live Demo](https://codepen.io/solygambas/full/OJRGzjg) |
51+
| 043 | [Feedback UI Design](043-feedback%20UI%20design) | [Live Demo](https://codepen.io/solygambas/full/PoGgEOm) |
52+
| 044 | [Custom Range Slider](044-custom%20range%20slider) | [Live Demo](https://codepen.io/solygambas/full/WNGBrjZ) |
53+
| 045 | [Netflix Mobile Navigation](045-netflix%20mobile%20navigation) | [Live Demo](https://codepen.io/solygambas/full/NWRVxgv) |
54+
| 046 | [Quiz App](046-quiz%20app) | [Live Demo](https://codepen.io/solygambas/full/PoGvZEW) |
55+
| 047 | [Testimonial Box Switcher](047-testimonial%20box%20switcher) | [Live Demo](https://codepen.io/solygambas/full/ExgzPRz) |
56+
| 048 | [Random Image Feed](048-random%20image%20generator) | [Live Demo](https://codepen.io/solygambas/full/eYdaJQx) |
57+
| 049 | [Todo List](049-todo%20list) | [Live Demo](https://codepen.io/solygambas/full/eYdaJoo) |
58+
| 050 | [Insect Catch Game](050-insect%20catch%20game) | [Live Demo](https://codepen.io/solygambas/full/oNzRbKx) |
59+
| 051 | [Video Background](051-video%20background) | [Live Demo](https://codepen.io/solygambas/full/oNYNLwL) |
60+
| 052 | [Portfolio with CSS Grid](052-portfolio%20grid) | [Live Demo](https://codepen.io/solygambas/full/MWbKzzO) |
61+
| 053 | [Touch Slider](053-touch%20slider) | [Live Demo](https://codepen.io/solygambas/full/QWGEyLK) |
62+
| 054 | [CSS Loaders](054-css%20loaders) | [Live Demo](https://codepen.io/solygambas/full/QWGdgaZ) |
63+
| 055 | [Glass Dashboard](055-glass%20dashboard) | [Live Demo](https://codepen.io/solygambas/full/oNYpQMo) |
64+
| 056 | [Image Comparison Slider](056-image%20comparison%20slider) | [Live Demo](https://codepen.io/solygambas/full/RwoMLYW) |
65+
| 057 | [Parallax Background with SVG](057-parallax%20background%20svg) | [Live Demo](https://codepen.io/solygambas/full/vYyjjbz) |
66+
| 058 | [3D Product Card](058-3D%20product%20card) | [Live Demo](https://codepen.io/solygambas/full/wvoXWPq) |
67+
| 059 | [Form Validator](059-form%20validator) | [Live Demo](https://codepen.io/solygambas/full/MWbPJjb) |
68+
| 060 | [Movie Seat Booking](060-movie%20seat%20booking) | [Live Demo](https://codepen.io/solygambas/full/xxRQEOy) |
69+
| 061 | [Custom Video Player](061-custom%20video%20player) | [Live Demo](https://codepen.io/solygambas/full/mdOQadY) |
70+
| 062 | [Exchange Rate Calculator](062-exchange%20rate%20calculator) | [Live Demo](https://codepen.io/solygambas/full/abBPJBG) |
71+
| 063 | [DOM Array Methods](063-DOM%20array%20methods) | [Live Demo](https://codepen.io/solygambas/full/NWbeXYR) |
72+
| 064 | [Menu Slider & Modal](064-menu%20slider%20modal) | [Live Demo](https://codepen.io/solygambas/full/MWbLeKd) |
73+
| 065 | [Hangman Game](065-hangman%20game) | [Live Demo](https://codepen.io/solygambas/full/MWbLEYr) |
74+
| 066 | [Meal Finder](066-meal%20finder) | [Live Demo](https://codepen.io/solygambas/full/dyOagYE) |
75+
| 067 | [Expense Tracker](067-expense%20tracker) | [Live Demo](https://codepen.io/solygambas/full/OJbqyro) |
76+
| 068 | [Music Player](068-music%20player) | [Live Demo](https://codepen.io/solygambas/full/LYbaZNG) |
77+
| 069 | [Infinite Scroll Posts](069-infinite%20scroll%20posts) | [Live Demo](https://codepen.io/solygambas/full/qBqvyEB) |
78+
| 070 | [Typing Game](070-typing%20game) | [Live Demo](https://codepen.io/solygambas/full/wvoOQvq) |
79+
| 071 | [Speech Text Reader](071-speech%20text%20reader) | [Live Demo](https://codepen.io/solygambas/full/QWGPLVM) |
80+
| 072 | [Memory Cards](072-memory%20cards) | [Live Demo](https://codepen.io/solygambas/full/oNYOqjv) |
81+
| 073 | [Lyrics Search App](073-lyrics%20search%20app) | [Live Demo](https://codepen.io/solygambas/full/ExNzPKV) |
82+
| 074 | [Relaxer App](074-relaxer%20app) | [Live Demo](https://codepen.io/solygambas/full/wvobMzE) |
83+
| 075 | [Breakout Game](075-breakout%20game) | [Live Demo](https://codepen.io/solygambas/full/oNYrNKj) |
84+
| 076 | [New Year Countdown](076-new%20year%20countdown) | [Live Demo](https://codepen.io/solygambas/full/rNWEaBb) |
85+
| 077 | [Sortable List](077-sortable%20list) | [Live Demo](https://codepen.io/solygambas/full/qBqzEdO) |
86+
| 078 | [Speak Number Guessing Game](078-speak%20number%20guessing%20game) | [Live Demo](https://codepen.io/solygambas/full/jOVjEre) |
87+
| 079 | [Creative Agency Website](079-creative%20agency%20website) | [Live Demo](https://codepen.io/solygambas/full/LYbKoRj) |
88+
| 080 | [Health Dashboard](080-health%20dashboard) | [Live Demo](https://codepen.io/solygambas/full/XWNvEKz) |
89+
| 081 | [Animated SVG](081-animated%20SVG) | [Live Demo](https://codepen.io/solygambas/full/vYyoVWR) |
90+
| 082 | [Parallax Landing Page](082-parallax%20landing%20page) | [Live Demo](https://codepen.io/solygambas/full/ExZxxRo) |
91+
| 083 | [Full-Screen Image Slider](083-full%20screen%20image%20slider) | [Live Demo](https://codepen.io/solygambas/full/JjEoEdb) |
92+
| 084 | [Fluid Image Lightbox](084-fluid%20image%20lightbox) | [Live Demo](https://codepen.io/solygambas/full/MWJKpwg) |
93+
| 085 | [Sneaker Shop](085-sneaker%20shop) | [Live Demo](https://codepen.io/solygambas/full/KKazqNZ) |
94+
| 086 | [Coming Soon Page](086-coming%20soon%20page) | [Live Demo](https://codepen.io/solygambas/full/bGgwNaM) |
95+
| 087 | [Sliding Sign In & Sign Up Form](087-sliding%20signin%20signup%20form) | [Live Demo](https://codepen.io/solygambas/full/bGgwoGm) |
96+
| 088 | [Promo Code](088-promo%20code) | [Live Demo](https://codepen.io/solygambas/full/wvggBXe) |
97+
| 089 | [One Color UI](089-one%20color%20UI) | [Live Demo](https://codepen.io/solygambas/full/NWdpPqx) |
98+
| 090 | [Tooltip](090-tooltip) | [Live Demo](https://codepen.io/solygambas/full/YzNgzMb) |
99+
| 091 | [Chat Interface](091-chat%20interface) | [Live Demo](https://codepen.io/solygambas/full/MWJxaOJ) |
100+
| 092 | [Music Streaming Service](092-music%20streaming%20service) | [Live Demo](https://codepen.io/solygambas/full/qBRvLmg) |
101+
| 093 | [Creative Portfolio](093-creative%20portfolio) | [Live Demo](https://codepen.io/solygambas/full/zYNbgxR) |
102+
| 094 | [Laptop UI](094-laptop%20UI) | [Live Demo](https://codepen.io/solygambas/full/eYgoxMo) |
103+
| 095 | [Headphones Product Page](095-headphones%20product%20page) | [Live Demo](https://codepen.io/solygambas/full/KKaLmEr) |
104+
| 096 | [Cloud Hosting Service](096-cloud%20hosting%20service) | [Live Demo](https://codepen.io/solygambas/full/oNBrXYr) |
105+
| 097 | [Terminal Style Landing Page](097-terminal%20style%20landing%20page) | [Live Demo](https://codepen.io/solygambas/full/BaWvXLG) |
106+
| 098 | [Magazine Layout](098-magazine%20layout) | [Live Demo](https://codepen.io/solygambas/full/OJpGMyj) |
107+
| 099 | [Parallax Website](099-parallax%20website) | [Live Demo](https://codepen.io/solygambas/full/poeBdPr) |
108+
| 100 | [Hulu Webpage Clone](100-hulu%20webpage%20clone) | [Live Demo](https://codepen.io/solygambas/full/rNmmqBy) |
109109

110110
This repository is mostly based on 2 courses by Brad Traversy (2020):
111111

0 commit comments

Comments
 (0)
Please sign in to comment.