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.

Several Related Snippets

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