A footer is a section at the bottom of a webpage that usually contains links, contact information, social media icons, and copyright details.
<footer class="footer section-black">
<div class="footer--cntr container">
<div class="footer--cntr-row">
<p class="footer--top-links small-text-2">
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
</p>
<div class="footer--logos-parent">
<a class="logo" href="#"><img src="./assets/component-images/240*80px.svg" alt="Eruditus" /></a>
<a class="logo" href="#"><img src="./assets/component-images/240*80px.svg" alt="Eruditus" /></a>
</div>
<p class="m-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</p>
<p class="reg-no">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<p class="policy m-b-12">
<a href="#">Lorem Ipsum</a> | <a href="#">Lorem Ipsum</a> |
<a href="#">Lorem Ipsum</a> | <a href="#">Lorem Ipsum </a> |
<a href="#">Lorem Ipsum</a>
</p>
<p className="copyright m-b-12">© 2023. Lorem Ipsum is simply dummy text</p>
<p class="socials version-first">
<a href="#"><img src="./assets/images/linkedin36.svg" alt="linkedin"/></a>
<a href="#"><img src="./assets/images/facebook36.svg" alt="facebook"/></a>
<a href="#"><img src="./assets/images/instagram36.svg" alt="instagram"/></a>
<a href="#"><img src="./assets/images/twitter36.svg" alt="twitter"/></a>
<a href="#"><img src="./assets/images/youtube36.svg" alt="youtube"/></a>
</p>
</div>
</div>
</footer><footer class="footer section-gray">
<div class="footer--cntr container">
<div class="footer--cntr-row">
<p class="footer--top-links small-text-2">
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
</p>
<div class="footer--logos-parent">
<a class="logo" href="#"><img src="./assets/component-images/240*80px.svg" alt="Eruditus" /></a>
<a class="logo" href="#"><img src="./assets/component-images/240*80px.svg" alt="Eruditus" /></a>
</div>
<p class="m-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</p>
<p class="reg-no">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<p class="policy m-b-12">
<a href="#">Lorem Ipsum</a> | <a href="#">Lorem Ipsum</a> |
<a href="#">Lorem Ipsum</a> | <a href="#">Lorem Ipsum </a> |
<a href="#">Lorem Ipsum</a>
</p>
<p className="copyright m-b-12">© 2023. Lorem Ipsum is simply dummy text</p>
<p class="socials version-first">
<a href="#"><img src="./assets/images/linkedin36.svg" alt="linkedin"/></a>
<a href="#"><img src="./assets/images/facebook36.svg" alt="facebook"/></a>
<a href="#"><img src="./assets/images/instagram36.svg" alt="instagram"/></a>
<a href="#"><img src="./assets/images/twitter36.svg" alt="twitter"/></a>
<a href="#"><img src="./assets/images/youtube36.svg" alt="youtube"/></a>
</p>
</div>
</div>
</footer><footer class="footer section-dark-gray">
<div class="footer--cntr container">
<div class="footer--cntr-row">
<p class="footer--top-links small-text-2">
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
<a href="#">Loren Ipsum</a>
</p>
<div class="footer--logos-parent">
<a class="logo" href="#"><img src="./assets/component-images/240*80px.svg" alt="Eruditus" /></a>
<a class="logo" href="#"><img src="./assets/component-images/240*80px.svg" alt="Eruditus" /></a>
</div>
<p class="m-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</p>
<p class="reg-no">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<p class="policy m-b-12">
<a href="#">Lorem Ipsum</a> | <a href="#">Lorem Ipsum</a> |
<a href="#">Lorem Ipsum</a> | <a href="#">Lorem Ipsum </a> |
<a href="#">Lorem Ipsum</a>
</p>
<p className="copyright m-b-12">© 2023. Lorem Ipsum is simply dummy text</p>
<p class="socials version-first">
<a href="#"><img src="./assets/images/linkedin36.svg" alt="linkedin"/></a>
<a href="#"><img src="./assets/images/facebook36.svg" alt="facebook"/></a>
<a href="#"><img src="./assets/images/instagram36.svg" alt="instagram"/></a>
<a href="#"><img src="./assets/images/twitter36.svg" alt="twitter"/></a>
<a href="#"><img src="./assets/images/youtube36.svg" alt="youtube"/></a>
</p>
</div>
</div>
</footer>