Close

All in One Navbar

This is an example of a stylish navbar, designed using Html, CSS, and Bootstrap framework 4. The navbar consists of navigation items, a search bar, and a dropdown list. The font, bootstrap, and CSS styles are imported to the code with their URLs, whereas media quarries have been used to increase the responsiveness of the form. The body of the form is given the styles of background color as #eeeeee, and font-family style as 'Varela Round', sans-serif. The navbar is given the styles of font color as #fff, background color as #926dde, and box-shadow as 0 0 4px rgba(0,0,0,.1). The user image is given a width and a height of 36px with the border-radius set as 50% to get the circle shape. The Brand logo is displayed with a font color of #efe5ff, and a font-size of 24px. In a hover event, the brand logo and navbar items change their font color to #fff and take a text-shadow style of 0 0 4px rgba(255,255,255,0.3). Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=beautiful-navbar-with-menu-icons

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 *