Close

Bootstrap Price Table

This is an example of a pricing table layout, designed using HTML, CSS, and Bootstrap framework 4. Bootstrap styles and CSS styles are imported to the code with their URLs. The fonts, CSS, and Bootstrap styles are imported to the code with their URLs. 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 details in an orderly manner. The form is given a style set of padding as 20px 0px, position as relative, z-index as 10, background as #e6f8f9, and overflow as hidden. The pricing box is given the styles of padding as 40px, background as #fff, transition as all 0.2s ease, and position as relative, which takes the effect of box-shadow as 0 10px 30px 5px rgba(17,21,23,.1), in a hover event. The title of the price card is given a font-size of 30px, and a font-weight of 700, whereas the subtitle is given the styles of font-size as 18px, margin-top as 5px, font-family as 'Cardo', serif, and font-weight as 700. Source: https://www.tolmatol.com/price-table-3/

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.