Close

Profile Card

This is an example of a simple bootstrap profile card layout, designed using HTML, CSS, and bootstrap framework 4. The images, icons, and fonts are 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 profile card is designed using the CSS grid. The body of the form is given a style set of font-family as "Lato", sans-serif, font-size as 16px, and line-height as 1.7. The container is given the styles of background as lightcoral, width as 20rem, margin as 2em 0, padding as 2em 1em, border-radius as 50px. The title is given the styles of font-size as 4rem, font-weight as 300. The hobby section is given a text-transform style as capitalize to convert the first letter of each word to capital. The comment button takes the effects of border as 1px solid #fff, background as transparent, and color as #fff, in a hover event. Source: https://codepen.io/zidniryi/pen/RwNBxZE

Post Comment or Questions

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

Your email address will not be published.

Several Related Snippets

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