This is another example of a bootstrap card view with pricing cards and buttons, designed using HTML, and CSS. Bootstrap fonts and styles are imported to the form with their URLs. The web form is given the styles of font-family as "Montserrat", sans-serif, background color of #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555 and a font-weight of 500. The title of the card is given a font-size of 18px. The background color of the form is set to #f4f8fa, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The font-size of the subtitle of the card is set to 13px, while the font-size for the list is set to 14px. The choose plan buttons are given the color #ff4d7e and also the linear gradient color of that, for the browsers that support linear gradient colors. In a hover event, the color of the button switch between #ff4d7e and #ff6a5b.

This is an example of a bootstrap pricing plan widget with toggle buttons, designed using HTML, JavaScript, and CSS. JavaScript functions have been used to implement the toggle feature. 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 web form is given the styles of font-family as "Montserrat", sans-serif, background color of #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555 and a font-weight of 500. The titles inside the cards are given the styles of line-height as 22px, and font-size as 18px. The background color of the form is set to #f4f8fa and the styles for the subtitle is set to color: #8d97ad, and line-height: 24px. The buy basic buttons are given the color #2cdd9b and also the linear gradient color of that, for the browsers that support linear gradient colors. In a hover event, the color of the button switch between #2cdd9b and #1dc8cc.

This is an example of a bootstrap card view with pricing cards, designed using HTML, and CSS. 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 web form is given the styles of font-family as "Montserrat", sans-serif, background color of #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555 and a font-weight of 500. The background color of the form is set to #f4f8fa, whereas the plan type has the styles of line-height as 22px, and font-size as18px and the subtitle has the styles of color as #8d97ad and line-height as 24px. The font-size for the price box is set to 16px. The choose plan button is given the color #188ef4 and also the linear gradient color of that, for the browsers that support linear gradient colors. In a hover event, the color of the button switch between #188ef4 and #316ce8.