Close

User profile with a follow button

This is another example of a simple user profile with a follow button, designed using CSS, HTML, and Bootstrap framework 4. The profile image is imported to the code with its URL. The profile card is given a style set of position as relative, display as flex to automatically rearrange the content according to the container, flex-direction as column, word-wrap as break-word to allow long words to be able to break and wrap onto the next line, background-color as #fff, background-clip as border-box, and a border value as 1px solid #d2d2dc. The number of followers, posts, and likes are displayed using a font-size of .9375rem. The follow button is given the styles of font-size: 0.875rem, line-height as 1, font-weight as 400, padding as .7rem 1.5rem, and border-radius as 0.1275rem. It is also given a border-color as #3da5f4, and a background-color as #3da5f4. Source: https://bbbootstrap.com/snippets/user-profile-font-awesome-icons-43178317

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.