Close

Mobile Responsive Footer

This is an example of a mobile responsive bootstrap footer template with hover animations, 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 font-family as Arial, Helvetica, Sans-serif, and background-color as #070617. The footer section is given a background color of #070617. The footer column headers are given the styles of font-family as inherit, font-size as 12px, line-height as 17px, padding as 20px 0px 5px 0px, color as rgba(255,255,255,0.2), font-weight as normal, text-transform as uppercase to convert the text to uppercase automatically, and letter-spacing as 0.250em. The column list items have the styles of color as #999999, font-size as 14px, cursor as pointer to get the hand cursor effect, and transition as .2s, which changes its color to #ffffff, in a hover event. Source: https://codepen.io/jakeduncan/pen/rJZJMM

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.