Close

Testimonials Slider

This is an example of a testimonials slider layout, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The images, Bootstrap and CSS styles are imported to the code with their URLs. JavaScript functions have been used to implement the carousel feature in the slider. Testimonial card is given the styles of background-color as #ffffff, padding as 40px, border-radius as 10px, border as 1px solid #ebebeb, and position as relative. The user image has the styles of width and height as 60px, and border-radius as 100% to get the circle shape. The user name section has the styles of font-size as 20px, and color as #222222, whereas the designation title is given the styles of display as block, font-size as 12px, letter-spacing as 2px, color as #38c3c7, text-transform as uppercase to automatically convert the text to uppercase, and line-height as 18px. The content section is given a font-size of 20px, and a font style as Italic. The slider buttons are given a background color of #c3edee which changes to #38c3c7, when in the active mode. Source: https://www.tolmatol.com/testimonials-slider/

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.