Close

Admin Dashboard

This is an example of a bootstrap support admin dashboard interface with hover effects, designed using HTML, CSS, and bootstrap framework 4. The icons, images, and fonts are imported to the code with their URLs. The body of the form is given a style set of background as #dfe4e6, and font-family as 'Roboto Condensed', sans-serif. The logo is given the styles of background color as #45a7b9, font color as #fff, and font-size as 14px. The top menu is given a background color as #374249. The top menu items are given a font-size of 14px, and a background color of #727b7f, which changes to #fff, in a hover event. The New Ticket icon is given the styles of font-size as 12px, border-radius as 50px to get the round shape, text-transform style as uppercase to automatically convert the text to uppercase and background color as #ec7b65, which changes to #f7826c in a hover event. The vertical menu items are given a font color as #aab3b5, which changes to #727c80 in a hover event. The message options links are also given a border of solid 2px #dfe4e6, which changes to solid 2px #32b287, in a hover event. Source: https://codepen.io/milanwake/pen/mdyQeMP

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.