Close

Multiple Use 3-column Cards

This is an example of a multiple-use 3-column bootstrap cards section with hover effects, designed using CSS, HTML, and bootstrap 4 framework. The fonts are imported to the code with its URL. 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 card header is given a text color of #3e4555, which changes to #316ce8 in a hover event. The background color of the form is set as #f4f8fa, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The card is also given a shadow styles of 0px 0px 30px rgba (115, 128, 157, 0.1). The size of the text icon is set to 45px, and the color is set to a linear gradient, based on #2cdd9b and #1dc8cc. The view details button is also given the same linear gradient color, which changes to another gradient color based on #1dc8cc and #2cdd9b, in a hover event.

Post Comment or Questions

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

Your email address will not be published.

Several Related Snippets

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