This is another example of a bootstrap testimonials web form with a carousel feature, designed using HTML, CSS, JavaScript, and bootstrap framework 4. JavaScript functions have been used to implement the carousel effect. Bootstrap styles, fonts, icons, and images are imported to the code with their URLs. The web form is given the styles of font-family as "Montserrat", sans-serif, background color of #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555 and a font-weight of 500. The background color of the form is set as #f4f8fa. The testimonial text has the styles of line-height: 30px, and font-size: 18px, whereas the client title is given the font-size 13px. The owl dots have been used to control carousel function, and given the color #188ef4 to be activated in a hover event. A divider has been used to divide content between the page description and the testimonials, with the styles of height as 2px, and width as 40px.
This is an example of a full-width bootstrap testimonials web form with a carousel feature, designed using HTML, CSS, JavaScript, and bootstrap framework 4. JavaScript functions have been used to implement the carousel effect. Bootstrap styles, fonts, icons, and images are imported to the code with their URLs. The web form is given the styles of font-family as "Montserrat", sans-serif, background color of #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555 and a font-weight of 500, whereas the subtitle is given the styles of color: #8d97ad, and line-height: 24px. Media queries have been used to make the form responsive. The testimonial text has the styles of line-height: 40px, and font-size: 24px, whereas the testimonial container is given the styles of max-width: 800px, width: 100%, and padding: 60px. The background of the form is set to a linear gradient color and basic color of #2cdd9b, for the browsers that do not support linear gradient colors.