This is an example of another social network user profile, designed using HTML, CSS, and Bootstrap framework 4. The user images are imported to the code with their URLs. The form is given a background color of #f5f5f5. The user profile card is given a background color of #F7F7FA. 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 information in an orderly manner. The profile card details and the input text area is given an opacity value of 05. Which turns to 1, in a hover event. The media quarries have been used to increase the responsiveness of the form. The profile picture image is given a width and a height of144px. And a border style of 5px solid #FFFFFF and a border-radius style as 50% to get the circle shape.
Source: https://www.bootdey.com/snippets/view/bs4-profile-card#css
This is an example of a social network profile with panels, designed using CSS, HTML, and Bootstrap framework 4. The font style and user image are imported to the code with their URLs. The body of the form is given a background color of #e9ebee. 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 profile tabs and dropdown items in an orderly manner. The profile picture is given a background color as #00b5ec. The profile tabs are displayed with the styles of font-family as 'FontAwesome', font-size as 14px, text-transform as uppercase to automatically convert the text to uppercase, and cursor style as pointer to get the hand cursor effect on hover. The profile tabs are given their own separate forms, which open up upon clicking on the tabs. The profile tabs take the font color of #6e8cd7, in a hover event.
Source: https://www.bootdey.com/snippets/view/Social-network-profile-with-panels#css