Basic Footer Layout
This is an example of a footer layout, designed using HTML, CSS, and Bootstrap framework 4. The icons are imported to the code with their URL. 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 footer items in an orderly manner. The form is given a background color of #ffffff, and font color of #4b4c4d. The social media icons set is given the styles of font-size as 24px, width and height as 40px, line-height as 40px, display as inline-block, text-align as center, border-radius as 50% to get the circle shape, border as 1px solid #ccc, margin as 0 8px, and opacity as 0.75. The social media icons take the opacity value of 0.9, in a hover event. The footer items are given the styles of text-align as center, font-size as 18px, opacity as 0.8, and line-height as 1.6. The footer items take the opacity value of 1, in a hover event.