Close

Image with overlaying testimonial

This is another template of a web form with image cards with overlying text, designed using HTML, CSS, and JavaScript. The fonts and images are imported to the form with their URLs. JavaScript functions have been used to implement the mouse hover effects. The image card is given the styles of font-family as 'Lato', Arial, sans-serif, position as relative, display as inline-block, margin as 10px, min-width as 250px, max-width as310px, width as 100%, background-color as #000000, color as #ffffff, text-align as center, font-size as 16px, and box-shadow as 0 0 5px rgba(0, 0, 0, 0.15). The opacity for the image is set as 0.7 and it is given the styles vertical-align as top and max-width: 100%. The quote inside the image is given a font size of 1.2em, and a font-style of Italic. The title inside has the styles of font-family as 'Oswald', text-transform as uppercase to automatically transform the text to uppercase, font-size as 20px, font-weight as 400, line-height as 24px, and margin as 3px 0 whereas the subtitle is given the styles font-weight as 400, text-transform as uppercase, color as #bbb, and letter-spacing as 1px.

Post Comment or Questions

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

Your email address will not be published.