This is an example of another testimonial web form with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The profile images are imported to the code with their URLs and with a width and height given as 40, in HTML. Media quarries have been used to increase the responsiveness of the form. The body of the form is given the styles of min-height as 100vh, background-color as #eee, background-size as cover, font-family as 'Cormorant', serif, color as RGB(112, 123, 240), and a linear gradient background as (140deg, #fff, 50%, #74a0ff). The font color of the testimonial card is set as RGB(146, 154, 236), whereas the border value is defined as 1px solid. The font-size of the card content is given as 17px and the font-weight as bold. The testimonial card takes a transform effect of scale to 0.9 and changes its size to create the hover effect. Source: https://bbbootstrap.com/snippets/testimonial-hover-animation-and-social-media-icons-36925129

This is an example of a user testimonials form with image and background animation, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs. The form is given opening animations while media quarries have been used to increase the responsiveness of the form. The body of the form is given the styles of background-color as black, animation-duration as 1s, animation-fill-mode as forwards, animation-delay as 2s, and font-family as 'Abel', sans-serif. When the form is opened, the background color of the form changes to #29b6f6. The image is given the styles of width and height as 10vw, border as 2px solid blue, transform as rotateY(180deg), animation-duration as 1s, animation-fill-mode as forwards, and animation-delay as 1s. The image takes a transform effect of rotateY(360deg) to create the rotate animation. The author of the quote is given a font style of font-family as 'Dancing Script', cursive. The width and font-size of the text also change from o to 45vw, and 1.2vw, respectively, to create the animation. Source: https://bbbootstrap.com/snippets/animated-users-testimonial-34216508

This is another example of testimonials for with auto carousel feature, designed using HTML, CSS, and Bootstrap framework 4. The testimonial images are imported to the code with their URLs. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the carousel indicators in an orderly manner. The body of the form is given the styles of color as #000, height as 100%, and background as linear-gradient(#01579B, #03A9F4). The testimonial cards are given the styles of color as #fff, background-color as #536DFE, position as relative, margin-left as 70px, border-radius as 10px, and min-height as 312px. The width and height for the indicators are set as 10px, and the cursor style is set as pointer to get the hand cursor effect. The profile card is given a background color of #FFD54F, and font color as #000, whereas the profile pic is given height and a width of 120px. Source: https://bbbootstrap.com/snippets/auto-carousel-testimonial-profile-left-edge-37357943

This is another example of a testimonials form with an auto carousel option, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code using their URLs and the media quarries have been used to increase the responsiveness of the form. The body of the form is given the styles of min-height as 100vh, display as flex, align-items as center, background-color as RGB(233, 150, 150), and font-family as 'Open Sans'. The testimonial caption is given a style set of padding as 5rem 8rem, font color as rgba(78, 77, 77, 0.856), text-align as center to place the text in the center, font-size as 1.2rem, font-style as italic, font-weight as bold, and line-height as 2rem. The profile image is given a border-radius of 5rem. The image caption is given a font-size as 0.6rem. The autoplay for the carousel is turned on by default. Source: https://bbbootstrap.com/snippets/bootstrap-testimonials-auto-carousel-slider-image-and-content-11109914

This is an example of a testimonial web form with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The profile images are imported to the code with their URLs and given width and height as 40, in HTML. Media quarries are used to increase the responsiveness of the form. The body of the form is given the styles of min-height as 100vh, background-color as #eee, background-size as cover, font-family as 'Cormorant', serif, color as RGB(112, 123, 240), and a linear gradient background as linear-gradient(140deg, #fff, 50%, #74a0ff). The font-size of the card content is defined as 17px and the font-weight as bold. The font color of the testimonial card is set as RGB(146, 154, 236), and a border value is also given as 1px solid. In a hover event, the testimonial card changes its scale to 0.9 and take a transform effect to imply the hover effect. Source: https://bbbootstrap.com/snippets/testimonial-hover-animation-and-social-media-icons-36925129

This is an example of a testimonial carousel slider, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The testimonial images are imported to the code with their URLs. Media quarries have been used to increase the responsiveness of the form, whereas JavaScript functions are used to implement the carousel slider functions. The number of cards per slide is defined as 4 in JavaScript functions. The body of the form is given a background color of #4A148C. The testimonial card is given the styles of position as relative, display as flex, width as 600px, flex-direction as column, background-color as #fff, background-clip as border-box, border as 1px solid #d2d2dc, border-radius as 11px, and box-shadow as 0px 0px 5px 0px RGB(161, 163, 164). The card title has the styles of font-size as 19px, and font-weight as 200. The card content section has the styles of font-size as 0.875rem, margin-bottom as .5rem, and line-height as 1.5rem. Source: https://bbbootstrap.com/snippets/testimonial-carousel-slider-autoplay-24183189