Close

Pricing Table Columns

This is an example of a pricing cards layout with hover effects, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The font style, icons, Bootstrap, and JavaScript packages have been imported to the code with their URLs. The background color of the form is set as linear-gradient(135deg, #B3C0DD 0%,#3f4c6b 100%). The form consists of three price cards. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the price card details, in an orderly manner. The title of each card is displayed with the styles of font-weight as bold, font-size as 32px, and text-transform style as uppercase, whereas the subtitle is displayed with a font-style as italic, and font-size as 16px. The price value is displayed with a font color as #0FB112. The background color of the 'Signup' button changes to #1d7019, in a hover event as well the appearance of the hidden icon. Source: https://bootsnipp.com/snippets/pA06D

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.