Close

Price Plan Layout

This is another example of a price plan layout, designed using CSS, HTML, and Bootstrap framework 4. The images and font styles are imported to the code with their URLs. The form consists of four different price cards. The card icon is given a style set of display as inline-block, font-size as 35px, width and height as 100px, font color as #ffffff, line-height as 76px, border as 12px solid #ffffff, border-radius as 50% to get the circle shape, box-shadow as 0 0 3px #cccccc, and transition as all .3s, The profile icons are given different background colors as #67a8e4, #f06292, and #009688. The price card title displayed with a font-size of 15px, and a text-transform style as uppercase to automatically convert the text to uppercase. The price cared details are displayed using a muted text. Four types of 'Signup' buttons are also given to the four cards as primary, dark, pink, and teal. Source: https://www.bootdey.com/snippets/view/bs4-beta-pricing#css

Post Comment or Questions

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

Your email address will not be published.

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.