Bootstrap Modern Features Block
This is an example of a bootstrap feature block with images, designed using HTML, CSS, and Bootstrap framework 4. The fonts are imported to the code with its URL. 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 card titles are given the styles of line-height as 22px, and font-size as 18px, and the background color of the form is set as #f4f8fa. The card titles are also given a text color of #3e4555, which changes to #316ce8, in a hover event. The text icons are given a style set of width as 80px, line-height as 80px, and font-size as 2rem, whereas the font color of the icons is set to #2cdd9b. The View Details button is given a background color of #2cdd9b and also the linear gradient color of that, for the browsers that support linear gradient colors. It changes its color to linear-gradient #1dc8cc, in a hover event.