Close

Footer UI: Dark Theme

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 footer section has the styles of background-color as #3c3d41, padding as 60px 40px, font color as rgba(255,255,255,1.00), margin-bottom as 20px, border-bottom-right-radius as 6px, border-top-left-radius as 0px, and border-bottom-left-radius as 6px. The content section has the styles of font-size as 12px, and font-color as rgba(255,255,255,0.70), whereas the Menu list items are given the styles of color as rgba(255,255,255,1.00), font-weight as bold, and text-transform as uppercase to convert the text to uppercase. The list items take the color of rgba(255,255,255,0.80), in a hover event. Source: https://codepen.io/nonelittlesong/pen/dLQVeJ

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.