Close

Profile Card

This is an example of another simple bootstrap user profile card, designed using HTML, CSS, and bootstrap framework 4. The profile image and fonts are is imported to the code with their URLs. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the details in an orderly manner. The body of the form is given a style set of the font as 300 13px/1.6 Roboto, Helvetica, Arial, color as #444, position as relative, background as #448AFF, height as 100vh, and text-align as center. The profile card is given a width of 300px, and a border-radius of 2px, a background color of rgba(255,255,255,1), and a transform effect of translateY(-50%). The profile name title is given the styles of font-weight as 200, font-size as 42px, and color as #444, whereas the job title has the styles of font-weight as 400, font-size as 14px, and color as #666. The profile content is given a font color of color: #888. The social media links take a box-shadow effect of 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24), in a hover event. Source: https://codepen.io/alishahab/pen/ZGozqW

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 *

Several Related Snippets

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