Close

Admin Dashboard

This is an example of a bootstrap support admin panel 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 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 background color of #727b7f, that 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, margin-left as 50px, padding as 10px 20px, text-transform style as uppercase to automatically convert the text to uppercase and a background color as #ec7b65, which changes to #f7826c in a hover event. The column heading has the styles of color as #aab4b5, font-size as 12px, font-weight as 700, and letter-spacing as 2px. 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/s8990/pen/MWYXQqZ

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.