User Profile with Tabs
This is an example of a user profile with tabs, designed using CSS, HTML, and Bootstrap framework 4. 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 tab items, in an orderly manner. The font style and images are imported to the code with their URLs. The profile labels are displayed with a font color of #667E99. The form consists of four tabs, which opens four different forms. The first tab displays the profile information, the seconds one displays the activity feed, the third one displays the friends' section, and the fourth one displays the images. The user name is displayed with the styles of font color as #336199, background-color as #EDF3F4, and border-top as 1px solid #F7FBFF. The profile picture is given the styles of border as 1px solid #CCC, background-color as #FFF, and box-shadow as 1px 1px 1px rgba(0, 0, 0, .15).