The footer in this design system includes an email, social icons, and copyright information.
Adjust the browser window size to view the expected responsive behaviour of the footer.
The footer must be included on all pages.
Make sure to include descriptive title attributes for each social link and use only the suggested colour palette to ensure appropriate contrast.
<footer>
<p>[email protected]</p>
<div id="social">
<a href="#" title="linkedin" target="_blank"><i class="fa-brands fa-linkedin-in fa-sm"></i></a>
<a href="#" title="dribbble" target="_blank"><i class="fa-brands fa-dribbble fa-sm"></i></a>
<a href="#" title="pinterest" target="_blank"><i class="fa-brands fa-pinterest fa-sm"></i></a>
</div>
<div id="copy">
Copyright © Prerna Awasthi 2023
</div>
</footer>