Close

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. Source: https://www.bootdey.com/snippets/view/bs4-vertical-profile-header#css

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.