Vertical Profile Header
This is an example of a vertical profile header, designed using HTML, CSS, and Bootstrap framework 4. The profile image is imported to the code with its URL. 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 child elements of the navbar, in an orderly manner. The upper section of the header is given a background color of #40E0D0, whereas the lower section of the header is given a background color as #20B2AA. The profile name is displayed using a font color of #fff, and a font-weight of 700. The navbar items take a box-shadow style of 0 -2px 0 #26B4FF inset, on hover and focus events. Media quarries have been used to increase the responsiveness of the form. The user description and other text lines are displayed using a muted text style.