Close

User Profile with Sidebar

This is an example of a user timeline layout with the hide option, designed using JavaScript, HTML, CSS, and Bootstrap framework 4. The font style, user images, and icons have been imported to the code with 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 child elements of the sidebar, in an orderly manner. JavaScript methods have been used to implement the functionality of the 'Hide' icon and the tooltip messages. The body of the form is given a background color as #eee. The user title name is displayed with the styles of font color as #5a7391, font-size as 16px, and font-weight as 600. The user profile image is given a border-radius value of 50% to get the circle shape and also width and a height of 50%. The 'Follow' button is given a text-transform style as uppercase to automatically convert the text to uppercase. The View, Delete, and the Share buttons are given different background colors as #80d752, #39b3d7, and #d73814. Source: https://www.bootdey.com/snippets/view/User-wall-with-sidebar-show-hide#js

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

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.