Close

User profile with social media links

This is another example of a user profile with social media links and hover effects, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The font styles and images are imported to the code with their URLs. The JavaScript functions have been used to display and hide the hidden section of the form, on a clicked event. The form is given the styles of height as 650px, width as 100, and a linear gradient background. The profile container has the styles of width as 350px, height as 450px, background-color as white, border-radius as 8px, position as relative, and box-shadow as 0 0 25px black. The profile container is split into two cards, out of which the first one is given the styles of width as 350px, height as 300px, and background-color as #FF9299. The cursor style for the dropdown icons is given as pointer. The name is displayed using a font-size of 20px, and a font-family as 'Rubik', sans-serif. The follow button is given a font color as #FF9299, and background color as white, which changes to cadetblue, in a hover event. The social media icons also change their background colors accordingly, in a hover event. Source: https://bbbootstrap.com/snippets/profile-of-user-social-media-links-93047561

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.