Close

User Profile Layout

This is an example of a bootstrap user profile card layout with hover effects, designed using HTML, CSS, JavaScript and bootstrap framework 4. The images and fonts are imported to the code with their URLs. JavaScript functions have been used to implement the active status of the buttons. The body of the form is given a font style as normal 14px/20px 'Open Sans', sans-serif, and color as color: #333. The footer section is given a color as #B7B7B7, font-size as 14px, font-weight as 600 and a text-transform style as uppercase to automatically convert the text to uppercase. The right menu takes color #222, in a hover event. The header of the bubble has the styles of font-size as 14px, font-weight as 600, line-height as 16px, and text-transform as uppercase, whereas the bubble subtitle has the styles of color as #888, font-size as 12px, and font-style as italic. Source: https://codepen.io/lakshithav24/pen/NWPaoVb

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

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.