Responsive Navigation Menu Bar
This is an example of a simple navigation menu bar with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The background image is imported to the form 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 child elements of the navigation bar, in an orderly manner. The form is given a font family style as Montserrat, whereas the navigation section is given the styles of background as #D50000, height, and width as 80px and 100%, respectively. The child elements of the navbar are given the styles of font color as white, font-size as 17px, padding as 7px 13px, border-radius as 3px, and text-transform as uppercase to automatically convert the text to uppercase. In the active mode and hover event, the nav bar items take the background color of #FF1744. Media quarries have been used to increase the responsiveness of the form.