Email Inbox List with Compose
This is an example of a stylish email inbox list with a compose section, designed using CSS, HTML, and Bootstrap framework 4. The font style and user images 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 information in an orderly manner. The body of the form is given a background color of #eee. The user email is displayed with a font-size of 12px, and font color of #87e2e7. The 'Compose' button is given a background color of #9b59b6 which gets changed to #8e44ad, on hover. It is given the option to redirect to a new form to compose a new message, upon clicking on the button. The font family style for the labels and title is set as 'Open Sans', sans-serif. The cursor style for the table rows is set as pointer to get the hand cursor effect on hover.