Effective Pricing Cards
This is an example of a bootstrap card view with pricing cards, 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, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The card title has the styles of line-height as 22px and font-size as 18px. The font-size of the price is set as 3rem, and the plan type is set as 14px. Two choose plan buttons are 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. The other button is given a gradient color based on #ff4d7e, which switches between #ff4d7e and #ff6a5b, in a hover event.