Close

Responsive, Multi-Level, Sticky Footer with Flexbox

This is an example of a bootstrap footer template with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The icons are imported to the code with their URLs. 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. Media queries have been used to increase the responsiveness of the form. The body of the form is given the styles of box-sizing as border-box, and font-family as "Lato", sans-serif. The footer is divided into three sections as Footer main, Footer social, and Footer legal and given styles. The background color of the main section is set as #555, with the font color set as #eee. The title of the list items has the styles of color as #fff, font-family as "Merriweather", serif, font-size as 1.375rem, and padding-bottom as 0.625rem. The list items take an underline effect in a hover event. The Footer legal section is given a background color of #333, and padding as 0.9375rem 1.875rem. Source: https://codepen.io/Caseguy/pen/gObBmGd

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.