User Profile Layout
This is an example of a stylish user profile layout, designed using CSS, HTML, and Bootstrap framework 4. The font style and images are imported to the code with their URLs. 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 icons in an orderly manner. The body of the form is given a style set of font color as #797979, background color as #f1f2f7, font-family as 'Open Sans', sans-serif, and font-size as 13px. The profile header panel is given a background color of #fbc02d. The user image is given a border-radius style as 50% to get the circle shape. The user name is displayed with a font-size of 22px, and a font-weight of 300. The profile tabs take a border-left effect of 5px solid #fbc02d, in a hover event. The users are given the ability to edit the numbers in the input numbers fields.