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.