Close

Bootstrap Footer AV Test

This is another example of a mobile responsive 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 is divided into five sections as Footer top, Footer left, Footer right, Footer middle, and Footer bottom. The footer right section has the styles of font-family as Montserrat, font-size as 16px, and color as rgba(0, 0, 0, 0.5). The list items have the styles of color as rgba(0, 0, 0, 0.5), line-height as 1.6, and font-weight as 500, whereas the contact numbers are given the styles of font-size as 22px, and color as rgba(0, 0, 0, 1). The list items take the color of rgba(54, 204, 142, 1), in a hover event. The email signup button is given the styles of font-family as Montserrat, font-size as 16px, height as 50px, width as 30%, background-color as #36cc8e, font color as #fff, border-radius as 50px to get the circle shape and text-transform style as uppercase to convert the text to uppercase. Source: https://codepen.io/Tony_Codes/pen/pVJqqY

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 *