Responsive Card Slider Using HTML CSS & JavaScript | Swiper Js

Responsive card slider, Card slider html css, Responsive card slider html css, Card slider html css javascript, Responsive card slider html css javascript, Card slider css

🔔 Subscribe Now!
https://www.youtube.com/@Bedimcode

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
❤ Support my work
https://www.buymeacoffee.com/bedimcode

🔗 Source code
https://github.com/bedimcode/responsive-card-slider

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
👨‍💻 Develop the project from scratch
https://github.com/bedimcode/responsive-card-slider/tree/start-project

👆 Download (files + images)
– Click on the GitHub link
– Click the green button (code)
– Click Download ZIP

🔗 Resources
CDN Icons: https://cdnjs.com/libraries/remixicon
Fonts: https://fonts.google.com/
Icons: https://remixicon.com/
Swiper: https://swiperjs.com/
Original Images: https://www.figma.com/community/file/1256931441731857513/116-3D-Animoji-avatars

⌚ Timestamps
0:00 Intro Responsive Card Slider
1:47 Project Setup
3:00 Variables & Reset CSS
3:15 Card HTML
6:02 Card CSS
11:20 Card Swiper Js
19:02 Breakpoints
22:10 Final Project

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
☕️ Support me
https://www.buymeacoffee.com/bedimcode
https://ko-fi.com/bedimcode

👍 Thanks for watching!
Support me with a like + A Subscription! ❤

#cardslider #bedimcode