Close

Profile card with caption

This is an example of another profile card with caption and hover effects, designed using CSS, Html, and Bootstrap framework 4. The profile image and font style is imported to the form with their URLs. The body of the form is given a background color of #212121. The profile card is given a style set of background-color as #ffffff, height as 300px, width as 500px, transition-duration as 2s, and border-radius as 5px. The profile image is given a border style of 8px solid white, border-radius of 240px, and a transition duration value of 1.5s. In a hover event, the profile image takes a margin-left style of 200px, to create the hover effect. The profile name is displayed using a font-family style of 'Roboto', sans-serif, and a font-weight of 200, whereas the profile designation is displayed using the style set of font-family as 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, background-color as black, font color as white, font-size as 25px, height as 50px, and width as 400px. Source: https://mdbootstrap.com/snippets/jquery/charkiewicz/925996#js-tab-view

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.