Close

Pricing Table Layout

This is an example of a pricing table, designed using HTML, CSS, and Bootstrap framework 4. The Bootstrap styles, CSS styles, and Font styles are imported to the code with their URLs. The form is given the styles of background-color as #eee, and font-family as 'Montserrat', sans-serif. The table heading is given a font color of #3b99e0, whereas the content section is given the styles of text-align as center, max-width as 420px, margin as auto, and opacity as 0.7. The pricing card has the styles of background-color as #ffffff, box-shadow as 0px 2px 10px rgba(0, 0, 0, 0.075), border-top as 2px solid #5ea4f3, and padding as 30px. The banner in the middle price card is given a style set of width as 160px, height as 32px, font-size as 12px, text-align as center, color as #fff, font-weight as bold, box-shadow as 0px 2px 3px rgba(136, 136, 136, 0.25), background as #4dbe3b, transform as rotate(45deg) to rotate the banner, and padding-top as 7px. The price label is given the styles of margin as 15px 0, font-size as 45px, text-align as center, and font color as #2288f9. Source: https://epicbootstrap.com/snippets/pricing-table

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 *

Several Related Snippets

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