Close

Our Services Layout

This is an example of an Our Services layout with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The font style is imported to the code with its URL. The layout consists of three columns. The font style for the web page is given as 'Poppins', sans-serif. The form is given a linear gradient background color of (#6A1B9A, #9C27B0 50%, #fff 50%, #fff). The display style for the services cards is given as flex. The service cards are given the styles of width as 280px, background as #fff, padding as 60px 40px 60px, and box-shadow as 0px 15px 45px rgba(0,0,0,.1). The card number has the styles of font-size as 4em, font-weight as 800, z-index as 1, opacity as 0.2, and transition s 0.5s, which takes the styles of opacity as 1, color as #fff, and transform as translateY(-50px), in a hover event. The image card takes the styles of transform as scaleY(1), transform-origin as bottom, and transition as transform 0.5s, in a hover event to turn the background of the card to #ff226d. Source: https://www.tolmatol.com/our-services-2/

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.