Our Services Layout
This is another example of an Our Services card layout, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs. The form consists of six columns. The background color of the form is set as #fff. The card title is given the styles of text-transform as uppercase to automatically convert the text to uppercase, font-weight as 700, and margin-bottom as 15px. The Read more button is given a font-size as 14px, whereas the content section is given the styles of opacity as 0, visibility as hidden to display only in a hover event, and transition as all .5s ease-out. In a hover event, the content takes the styles of opacity value as 1, and visibility value as visible. In a hover event, the overlay card gets placed over the image card with a linear gradient background color of linear-gradient(to right,rgba(62,214,115,.5),rgba(157,218,62,.5))!important.