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. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

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