Profile Timeline Layout
This is an example of a stylish user profile timeline layout, designed using HTML, CSS, and Bootstrap framework 4. The font style and images are imported to the code with their URLs. The body of the form is given a background color as #dcdcdc. The concept of Lists has been used with UL and LI components to display the projects, followers, following navbar, in an orderly manner. The cover background is imported to the code as an image. The user image is given a border-radius value of 50% to get the circle shape whereas the user name is displayed with the styles of font color as #393939, font-size as 20px, and line-height as 30px. The navbar items are displayed with a style set of font color as #999, font-size as 16px, and text-transform style as uppercase to automatically convert the text to uppercase. The timeline consists of an input text field to add posts, and the activity feed to display others' posts. Media quarries have also been used to increase the responsiveness of the form.