Footer With Hover Effects
This is an example of a simple footer with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The font, CSS and Bootstrap styles 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 child elements of the footer, in an orderly manner. The background color of the form is set as #fff, whereas the footer logo is given the styles of font-size as 1.8em, font-weight as 600, color as #333, margin-bottom as 22px, and display as block. The footer is given the styles of background as linear-gradient(to right,#fff 0,#535df1 50%,#fff 100%), height as 5px, width as 100%, and position as absolute. The child elements of the footer have the styles of font color as #6d6e71, font-size as 15px, and line-height as 30px. In a hover event, the child elements take the styles of font color as #27aae1, with a transition value of all 1s.