Testimonial template with hover effects
This is an example of a testimonials template with hover effects, designed using HTML, CSS, and Bootstrap framework 4. CSS styles and images are imported to the code with the URLs. The body of the form is given a background color of #E9EAEA. The header of the form is given a font color as chocolate, and a text-align style as center. Media quarries have been used to increase the responsiveness of the form. The testimonial cards have the styles of width as 24%, height as 550px, border-radius as 10px, background-color as white, display as inline-block, margin-left as 15px, box-shadow as 5px 5px 5px gray, top as 40px, and left as 11%. In a hover event, the testimonial cards take the background color of cadetblue. The profile images are given a border-radius value as 50% to get the circle shape. The profile names are given a font-size as 20px, font-weight as bold, and font color as darkblue. The location is displayed in the font color of darkorange, whereas the content is given a font-size as 18px, and font color as darkslategrey.