Profile with Overview and Edit
This is another example of a user profile layout with timeline and overview tabs, designed using CSS, HTML, and Bootstrap framework 4. 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 information, in an orderly manner. This form allows the users to switch between the overview and edit sections of the form, with toggle tabs. The font style and images are imported to the code with their URLs. The panel heading is given a text-transform style as uppercase to automatically convert the text to uppercase. It is also given a font-family style as Arial, Helvetica, Sans-Serif. The bullet points of the bullet list are indicated with four different background colors as #d64b4b, #4dd79c, #0090d9, and #E2A917. The bullet list heading is displayed with the styles of font-weight as 700, font-size as 14px, font-size as 1.4rem, line-height as 1.4, and font color as #171717.