This is an example of a simple feature layout with bootstrap grid, designed using HTML, CSS, and Bootstrap framework 4. The images and 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, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The background color of the form is set as #f4f8fa, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The card is also given a shadow styles of 0px 0px 30px rgba(115, 128, 157, 0.1). 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.

This is an example of a 4-column bootstrap service card layout, 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, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The background color of the form is set as #f4f8fa, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The card is also given a shadow styles of 0px 0px 30px rgba(115, 128, 157, 0.1). The card title is given a text color of #3e4555, where it changes to #316ce8, in a hover event. The View Details button has 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 #1dc8cc, in a hover event.

This is an example of a 2-column bootstrap service card layout, 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, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The background color of the form is set as #cfecfe. The round icon is given a style set of font-size as 45px, width as 80px, color as #316ce8, line-height as 80px, and margin as 20px 0 30px. The View Details text is also given a text color of #316ce8. An overall padding style with a value of 40px has been assigned to the card.

This is an example of a multiple-use 3-column bootstrap cards section with hover effects, designed using CSS, HTML, and bootstrap 4 framework. 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 header is given a text color of #3e4555, which changes to #316ce8 in a hover event. The background color of the form is set as #f4f8fa, whereas the subtitle is given the styles of color as #8d97ad, and line-height as 24px. The card is also given a shadow styles of 0px 0px 30px rgba (115, 128, 157, 0.1). The size of the text icon is set to 45px, and the color is set to a linear gradient, based on #2cdd9b and #1dc8cc. The view details button is also given the same linear gradient color, which changes to another gradient color based on #1dc8cc and #2cdd9b, in a hover event.

This is an example of a colorful 3-column bootstrap cards layout with hover effects, designed using CSS, HTML, and bootstrap 4 framework. 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 subtitle is given the styles of color as #8d97ad, and line-height as 24px. The first column is given a linear gradient color based on #ff4d7e and #ff6a5b, whereas the second one and third one are given the colors #188ef4, #316ce8 and #2cdd9b, #1dc8cc, respectively. In a hover event, the card takes a zoom-in effect with a transformation of transform: scale (1.1), and a transition of transition: 0.2s ease-in. The Learn more text is also given the color #ffffff, which changes its color to #263238, in a hover event. The view details button takes a background color of #2cdd9b, in a hover event.

This is an example of a blog type bootstrap service card layout, designed using CSS, HTML, and bootstrap 4 framework. The images and fonts are imported to the code 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 Learn more text is given a color of #3e4555, which changes to #316ce8, in a hover event. The subtitle is given the styles of color as #8d97ad, and line-height as 24px. The View Details button is given a background color of #188ef4 and also the linear gradient color of that, for the browsers that support linear gradient colors. It changes its color to #316ce8, in a hover event. The padding style of the button is set to 15px 45px, and the font-size is set to 16px.