Create Responsive Card Slider in HTML CSS & JavaScript | Card Slider in HTML CSS & JavaScript
In the video, I showed how to create a responsive card slider using HTML, CSS, and JavaScript. This slider allows users to navigate through the cards using slider buttons or pagination. To make it a modern, touch-friendly, and responsive slider, I used SwiperJS, the leading slider library.
🖼️ Get Images of this Card Slider
➤ www.codingnepalweb.com/custom...
🗂️ Get Source Code of this Card Slider
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work with a coffee
➤ buymeacoffee.com/codingnepal
🕔 Timestamps
0:00 Card Slider Demo
1:06 Starting with HTML & CSS
9:18 Getting started with Swiper
9:59 Adding Swiper Layout in HTML
10:41 Initializing Swiper in JavaScript
13:10 Applying Custom Styles
16:18 Card Slider Output
🎵 Music credit:
Ikson - We Are Free [Official]
• #83 We Are Free (Offic...
#html #css #javascript #slider
Пікірлер: 27
It just help me a lot!!
Please let me know if the audio is too loud, too soft, or just right.
@DEVO69
17 күн бұрын
Audio is good
@yubiroaster6285
17 күн бұрын
Sound quality and video quality both are good
Such a useful project 👏
@CodingNepal
24 күн бұрын
Glad you like this project.
thanks it helps me a lot
That is amazing sir ❤🙌
@CodingNepal
23 күн бұрын
Thanks a lot.. keep watching!
thanks 🙏
you are the best
@CodingNepal
24 күн бұрын
Thank you
Bhai one video on Create Responsive School Website (HTML CSS & JavaScript)
it is good
I don't know why people ask money for coffee rather than Chai😊😊😅
@abubakarkhawaja1653
2 күн бұрын
tu chai ke paise hi dede
Bro I have a project which I tried a lot to make but I couldn't. I am new to learning web development. I didn't get any help to make the project. Can you please make a tutorial of my projector which you will upload on youtube. Please help build the project. How can I contact you to share my project? Please reply to me.❤❤❤
Plz in vanilla js with plugin
@CodingNepal
24 күн бұрын
If you're talking about slider without external library. Here are the videos: kzread.info/dash/bejne/gqeCw9F9mN23nZM.html kzread.info/dash/bejne/aIV5msaRoZy5f6g.html
:))
Make Earning Website please🙏🙏🙏
@CodingNepal
24 күн бұрын
What type of earning website do you want?
@Shivam99832
24 күн бұрын
@CodingNepal A Earning website that can be registered and sing in in with daily login rewards, watch and earn, scratch card, and complete tasks
@Village_Vilogging
22 күн бұрын
@@CodingNepal e-commerce
am i the only one who sliding is not working
you are the best