Message Inbox and Chat Layout
This is another example of a message inbox and chat layout, designed using CSS, HTML, and Bootstrap framework 4. The font style is imported to the code with its URL. 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 tab list in the lobby section, in an orderly manner. The tabs take the font color of #00a9b4, and background color as #f2f4f7. The form is given a background color of #f5f5f5. The chat room is divided into three sections and given different styles. The table head of the left and right sections is given the styles of background color as #2980b9, font color as #FFFFFF, and min-height as 70px. The table head of the middle section is displayed with the styles of background color as #3498db, font color as #FFFFFF, and min-height as 70px. The buttons have been created as danger, warning, and success button types.