Close

User Profile Layout

This is an example of a simple bootstrap user profile card, designed using HTML, and CSS. The images are imported to the code with their URLs. The body of the form is given the styles of background as #e6e6e6, font-family as 'Montserrat', cursive, font-weight as 400, and color as rgba(0,0,0,0.8). The profile image is given the styles of width as 45%, height as 75%, border-radius as 1em, background-color as crimson, and box-shadow as 1px 24px 55px -19px rgba(220,20,60,1. The profile image is given a filter of grayscale (100%) contrast (120%), with the opacity set as 0.3. Profile title is given a font color as #333, font-weight as 700, font-size as 4.5em, line-height as 1em, and letter-spacing as -0.02em. The subtitle is given the color crimson, and letter-spacing as 0.2em, with the text-transform style set as uppercase to automatically convert the text to uppercase. The website link changes its color to crimson, in a hover event. Source: https://codepen.io/milanwake/pen/dyPyjpm

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.