Close

Bootstrap 4 Footer and Sub Navigation

This is an example of a bootstrap footer template with hover animations and sub-navigation, designed using HTML, CSS, and Bootstrap framework 4. 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 details in an orderly manner. The footer is given a font color as white. The list items are given a font color of #bfffff, which changes to white, in a hover event. The background color of the footer bottom is set to #3d6277 color with padding of 2em. The footer step is given a background color as #2d4958. The sub-navigation section has the styles of color as white, and font-weight as bold. The sub-navigation items have the styles of padding as 1rem 1rem, color as white, and font-weight as bold, which take the styles of border-top as 5px solid orange, background as white, and color as black when they're active. Source: https://codepen.io/gcharles/pen/oxpwyL

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.