Social Network Profile With Panels
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.