Close

Profile Concept

This is an example of a simple bootstrap user profile interface, designed using HTML, and CSS. The images and fonts are imported to the code with their URLs, whereas media queries have been used to increase the responsiveness of the form. The colors are predefined as variables and set as $rust: #CA8D6E, $lunar: #383745, $deep: #22202B, $white: #EEEEEE, $mud: #7D6962, and $transblack: rgba(0, 0, 0, 0.3). The body of the form is given the styles of font-family as 'Karla', font- size as 1rem, font-weight as 300, color as $white, line-height as 2em, and background as $white. The profile section is given a background color of linear-gradient (120deg, $lunar 50%, $deep 50%). The profile image is given a border-radius as 50% to get the circular shape. The bio links take the color of $rust, in a hover event. The “Send” button is given a background color as $rust, and font color as $white, and a cursor style as pointer to get the hand cursor effect, which takes an animation of swell 500ms ease-in-out, in a hover event. Source: https://codepen.io/anon/pen/NmGOrP

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.