Pricing Table with Details
This is another example of a detailed pricing table, designed using CSS, HTML, and Bootstrap framework 4. The body of the form is given the styles of font-size as 1rem, font-weight as 400, line-height as 1.5, color as #1a202c, text-align as left, and background-color as #e2e8f0. 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 pricing details in an orderly manner. The price card is given a border style of 0 solid rgba(0,0,0,.125), and a word-wrap style as break-word to break the long lines and wrap onto the next line. The card header is given the styles of background-color as #fff, and border-bottom as 0 solid rgba(0,0,0,.125), whereas the card footer is given the styles of background-color as #fff, and border-top as 0 solid rgba(0,0,0,.125). The four cards are also given four types of 'Subscribe' buttons which are secondary, success, primary, and danger.