Close

Bootstrap footer design

This is another 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. The footer is given a style set of padding as 60px 0, width as 100%, background as #3B008D, and color as #fff. The column title has the styles of color as #fff, font-size as 24px, font-weight as 600, margin-top as 5px, margin-bottom as 20px, and border-bottom as 1px solid #4e4e4e. The list items are given the styles of padding as 10px 0, border-bottom as 1px solid #404040, color as #fff, and transition as color 0.5s ease-in-out. The social media icons are given the styles of width and height as 40px, font-size as 16px, border as 1px solid #404040, border-radius as 50px to get the circle shape font color as #fff, line-height as 1, and transition as background 0.3s ease-in-out. Both list items and social media items take the background color of #ff304d, in a hover event. Source: https://codepen.io/hasib_technobari/pen/QmNxwy

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.