How to Make Responsive Testimonial / Card Slider in HTML CSS & JavaScript | SwiperJs

How to Make Responsive Testimonial / Card Slider in HTML CSS & JavaScript | SwiperJs

In this video tutorial, I have made a Testimonials with a sliding feature. When you click on the nav button, its slid3es right or left and I have also added pagination. To make this Testimonial I have used HTML CSS and Swiper Js.

Hope you'll enjoy this video 💖

✅ Clean code
✅ Easy to understand & learn.


🔶🔸LIKE 🔸🔶
🔶🔸 SHARE 🔸🔶
🔶🔸SUBSCRIBE 🔸🔶

🔴 Code is free to use but pls don't try to copy my content or upload.

🔴 It take so much time an effort to create one video.

{ HAPPY CODING 😎👍⭐}

var swiper = new Swiper(".content", {
slidesPerView: 3,
spaceBetween: 25,
loop: true,
centerSlide: 'true',
fade: 'true',
grabCursor: 'true',
pagination: {
el: ".swiper-pagination",
clickable: true,
dynamicBullets: true,
},
navigation:{
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},

breakpoints:{
0: {
slidesPerView: 1,
},
520: {
slidesPerView: 2,
},
950: {
slidesPerView: 3,
},
},
})

🔶🔸 Tag's 🔸🔶

#coding #html #html5 #https #css3 #css #cssanimation #teacher #teaching #learning #javascript #react #reactjs #webdevelopment #website #nodejs #node #expressjs #express #mongodb #bootstrap #bootstraptutorial #tailwindcss #tailwind #java #javaprogramming #python #pythonprogramming #pythonprogramming #htmltutorial #csstutorialscool #javascripttutorial #students #student #tutorial #guide #study #webdesign #meditation #meditationmusic #real #magic #codinglover #coaching #webdeveloper #animation #simple #cool