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

[@CodingNepal]

Please let me know if the audio is too loud, too soft, or just right.

[@DEVO69]

Audio is good

[@yubiroaster6285]

Sound quality and video quality both are good

[@Prerna-qc9qg]

It just help me a lot!!

[@tamizhseetha5290]

thanks it helps me a lot

[@yubiroaster6285]

Such a useful project 👏

[@CodingNepal]

Glad you like this project.

[@marpusik1277]

thanks 🙏

[@muhammad_zohaib936]

That is amazing sir ❤🙌

[@CodingNepal]

Thanks a lot.. keep watching!

[@sylvesterkuimba6543]

you are the best

[@CodingNepal]

Thank you

[@rmusic6080]

it is good

[@siddgupta222]

Bhai one video on Create Responsive School Website (HTML CSS & JavaScript)

[@marvel4834]

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.❤❤❤

[@Fnydo]

Plz in vanilla js with plugin

[@CodingNepal]

If you're talking about slider without external library. Here are the videos:
ruclips.net/video/PsNaoDhzQm0/видео.html
ruclips.net/video/6QE8dXq9SOE/видео.html

[@afzalmia428]

I don't know why people ask money for coffee rather than Chai😊😊😅

[@abubakarkhawaja1653]

tu chai ke paise hi dede

[@Shivam99832]

Make Earning Website please🙏🙏🙏

[@CodingNepal]

What type of earning website do you want?

[@Shivam99832]

@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]

​@@CodingNepal e-commerce

[@ClubMedia]

:))

[@albelafirst1663]

am i the only one who sliding is not working

[@CodingNepal]

Can you tell me where you got stuck so that I can help you?

[@albelafirst1663]

@@CodingNepal The initializing swiper in java script is not working with me the slide doesn't move at all despite all the things seems to be perfctly done is there any or something or i am doing wrong

[@田守翔-t2u]

you are the best