Close

Responsive & clean footer design

This is an example of a 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 colors are predefined as $primary-light-blue as #8DB9ED, and $primary-line-color as #ccc. The body of the form is given a style set of the font as 11px "Open Sans", sans-serif, display as flex, flex-flow as column nowrap, and justify-content as space-between. The content of the form is given a text color of #8DB9ED, which changes to #ccc, in a hover event. The footer header title is given the styles of padding as 10px 0 5px 0, color as #fff, and font as 2.3vw "Oswald", sans-serif, whereas the list items have a font-style of font: 1.3em "Open Sans", sans-serif. Source: https://codepen.io/mofny/pen/RWBeLJ

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.