Close

Admin Dashboard

This is an example of a bootstrap admin dashboard interface with hover effects, designed using HTML, CSS, and bootstrap framework 4. The icons, and fonts are imported to the form with their URLs. The body of the form is given the styles of background as #222428, and font-family as 'Open Sans', sans-serif. The header title is given a font-weight of 300. The main container has the styles of background as #eaedf2, width as 1500px, height as 600px, margin as 50px auto, and border-radius as 4px 2px 2px 4px. The sidebar is given a background color of #33353c, whereas the sidebar items are given a color as #76838c, which changes to #fff, in a hover event or active event. The light menu items are given the color of #85899b, which changes to #333, in a hover event. The search button has the styles of background as #5e9cf7, color as #fff, and border-radius as 2px 0 0 0. The navigation bar is given a font-size as 13px, font-weight as 600, and color as #757c8f, which takes the effects of background color as #eaedf2, box-shadow as 0 2px hsla(0,0%,100%,.5) inset, and transform as perspective(5px) rotateX(2deg), in a hover event. Source: https://codepen.io/anon/pen/bXbLzO

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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

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