JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<div class="col-contact">
  <h3>Social Media</h3>
  <div class="social">
    <a href="https://www.facebook.com/datalocker"><i class="fa fa-facebook"></i></a>
    <a href="https://twitter.com/datalocker"><i class="fa fa-twitter"></i></a>
    <a href="https://www.linkedin.com/company/202353"><i class="fa fa-linkedin"></i></a>
    <a href="https://www.youtube.com/DataLocker"><i class="fa fa-youtube"></i></a>
  </div>
  <a class="fa" href="https://datalocker.com/careers/">Careers</a>
</div>
<div class="col-link">
	<h3>Legal Info</h3>
	<ul>
		<li><a class="fa" href="https://datalocker.com/warranty/">Product Warranty</a></li>
		<li><a class="fa" href="https://datalocker.com/about-us/fcc-declaration-of-conformance/">FCC Declaration of Conformance</a></li>
		<li><a class="fa" href="https://datalocker.com/about-us/datalocker-section-508-compliance-statement/">DataLocker Section 508 Compliance Statement</a></li>
		<li><a class="fa" href="https://datalocker.com/export-compliance-control/">Export Compliance Control</a></li>
	</ul>
</div>