@@ -4,21 +4,21 @@ This repository contains a collection of 15 card designs and effects built with
4
4
5
5
| # | Project | Live Demo |
6
6
| :-: | ----------------------------------------------- | --------- |
7
- | 01 | [ Expanding Cards] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/01-Expanding-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /01-Expanding-Cards/ ) |
8
- | 02 | [ 3D Card with Hover] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/02-3d-Card-With-Hover ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /02-3d-Card-With-Hover/ ) |
9
- | 03 | [ Creative Cards] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/03-Creative-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /03-Creative-Cards/ ) |
10
- | 04 | [ Expanding Cards] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/04-Expanding-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /04-Expanding-Cards/ ) |
11
- | 05 | [ 3D Product Card] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/05-3D-Product-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /05-3D-Product-Card/ ) |
12
- | 06 | [ Memory Cards] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/06-Memory-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /06-Memory-Cards/ ) |
13
- | 07 | [ Card Hover Effect V1] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/07-Card-Hover-Effect-V1 ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /07-Card-Hover-Effect-V1/ ) |
14
- | 08 | [ Card Hover Effect V2] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/08-Card-Hover-Effect-V2 ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /08-Card-Hover-Effect-V2/ ) |
15
- | 09 | [ Card Hover Effect V3] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/09-Card-Hover-Effect-V3 ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /09-Card-Hover-Effect-V3/ ) |
16
- | 10 | [ I Love You Card] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/10-I-Love-You-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /10-I-Love-You-Card/ ) |
17
- | 11 | [ Item Card Hover Effect] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/11-Item-Card-Hover-Effect ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /11-Item-Card-Hover-Effect/ ) |
18
- | 12 | [ Product Card Info] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/12-Product-Card-Info ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /12-Product-Card-Info/ ) |
19
- | 13 | [ Sliding Product Card] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/13-Sliding-Product-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /13-Sliding-Product-Card/ ) |
20
- | 14 | [ Sneakers Product Card] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/14-Sneakers-Product-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /14-Sneakers-Product-Card/ ) |
21
- | 15 | [ Text Card Hover Effect] ( https://github.com/he-is-talha/html-css-javascript-cards /tree/main/15-Text-Card-Hover-Effect ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-cards /15-Text-Card-Hover-Effect/ ) |
7
+ | 01 | [ Expanding Cards] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/01-Expanding-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /01-Expanding-Cards/ ) |
8
+ | 02 | [ 3D Card with Hover] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/02-3d-Card-With-Hover ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /02-3d-Card-With-Hover/ ) |
9
+ | 03 | [ Creative Cards] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/03-Creative-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /03-Creative-Cards/ ) |
10
+ | 04 | [ Expanding Cards] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/04-Expanding-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /04-Expanding-Cards/ ) |
11
+ | 05 | [ 3D Product Card] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/05-3D-Product-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /05-3D-Product-Card/ ) |
12
+ | 06 | [ Memory Cards] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/06-Memory-Cards ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /06-Memory-Cards/ ) |
13
+ | 07 | [ Card Hover Effect V1] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/07-Card-Hover-Effect-V1 ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /07-Card-Hover-Effect-V1/ ) |
14
+ | 08 | [ Card Hover Effect V2] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/08-Card-Hover-Effect-V2 ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /08-Card-Hover-Effect-V2/ ) |
15
+ | 09 | [ Card Hover Effect V3] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/09-Card-Hover-Effect-V3 ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /09-Card-Hover-Effect-V3/ ) |
16
+ | 10 | [ I Love You Card] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/10-I-Love-You-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /10-I-Love-You-Card/ ) |
17
+ | 11 | [ Item Card Hover Effect] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/11-Item-Card-Hover-Effect ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /11-Item-Card-Hover-Effect/ ) |
18
+ | 12 | [ Product Card Info] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/12-Product-Card-Info ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /12-Product-Card-Info/ ) |
19
+ | 13 | [ Sliding Product Card] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/13-Sliding-Product-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /13-Sliding-Product-Card/ ) |
20
+ | 14 | [ Sneakers Product Card] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/14-Sneakers-Product-Card ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /14-Sneakers-Product-Card/ ) |
21
+ | 15 | [ Text Card Hover Effect] ( https://github.com/he-is-talha/html-css-javascript-card /tree/main/15-Text-Card-Hover-Effect ) | [ Live Demo] ( https://he-is-talha.github.io/html-css-javascript-card /15-Text-Card-Hover-Effect/ ) |
22
22
23
23
## License
24
24
0 commit comments