User Profile Layout
This is an example of another user profile layout, designed using HTML, CSS, and Bootstrap framework 4. The images and Bootstrap styles are imported to the code with their URLs. The body of the form is given a background color of #eee, whereas the cover section is given a linear gradient background color mixed with #00b5ec. The profile pic is given height and a width of 120px. The profile name is displayed with the styles of font-weight as 500, and font color as #fff. The 'Edit Profile' tab is created as success type buttons. The toggle tabs of the menu bar are displayed using a font size of 12px, font-weight of 700, and font color of #929ba1, which gets changed to #242a30, in the active mode. Two table rows of the form are given border-top and bottom styles as 1px solid #b9c3ca. The form also consists of drop-down lists. The 'Update' button is created as a primary type button.