Simple profile UI
This is an example of a simple bootstrap user profile interface, designed using HTML, and CSS. The images and fonts are imported to the code with their 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 details in an orderly manner. The body of the form is given the styles of background as #f8f5f0, and font-family as "Open sans", sans-serif. The card is given the styles of background as #fff, border-radius as 0.3rem, box-shadow as 0 1px 1px rgba(0, 0, 0, 0.2), border as .1em solid rgba(0, 0, 0, 0.2), and margin-bottom as 1em. The page button has the styles of font-size as 13px, font-weight as bold, cursor as pointer to get the hand cursor effect, width as 7em, background as #3498db, border as 1px solid #2487c9,and border-radius as 0 .6em .6em 0. The list items are given the font color, which changes to #3498db and takes a border-bottom style of 2em solid #3498db.