<footer class="py-6" id="footer">
<div class="container">
<div class="row justify-between">
<div class="col md:w-9/12">
<p>© 2024 Acme Company. All rights reserved.</p>
</div>
<div class="col md:w-3/12 flex md:justify-end">
<a class="text-dark" href="#" title="facebook">
<i class="fab fa-facebook-square text-3xl pr-2"></i>
</a>
<a class="text-dark" href="#" title="twitter">
<i class="fab fa-twitter-square text-3xl pr-2"></i>
</a>
<a class="text-dark" href="#" title="Instagram">
<i class="fab fa-instagram text-3xl pr-2"></i>
</a>
</div>
</div>
</div>
</footer>
<footer class=" py-12" id="footer">
<div class="container">
<div class="row">
<div class="col text-center">
<a class="block h5 mb-6 font-semibold text-dark" href="#">Acme Company</a>
<div class="flex flex-col md:flex-row justify-center mx-auto mb-6 gap-y-3">
<a class="px-4 no-underline text-dark" href="#">Sign Up</a>
<a class="px-4 no-underline text-dark" href="#">Terms</a>
<a class="px-4 no-underline text-dark" href="#">Privacy</a>
<a class="px-4 no-underline text-dark" href="#">Contact Us</a>
<a class="px-4 no-underline text-dark" href="#">Docs</a>
</div>
<div class="text-center text-dark text-sm mb-6">
<p class="mb-0">© 2024 Acme Company.</p>
<p>All rights reserved</p>
</div>
<div class="flex flex-col md:flex-row justify-center mx-auto mb-6 gap-y-3">
<a class="text-dark mx-2" href="#" title="facebook">
<i class="fab fa-facebook-square text-3xl"></i>
</a>
<a class="text-dark mx-2" href="#" title="twitter">
<i class="fab fa-twitter-square text-3xl"></i>
</a>
<a class="text-dark mx-2" href="#" title="instagram">
<i class="fab fa-instagram text-3xl"></i>
</a>
</div>
</div>
</div>
</footer>
<footer class="py-12" id="footer">
<div class="container">
<div class="row mb-12">
<div class="col md:w-3/12 md:text-left text-center">
<p class="mb-3 h4">
<a class="mb-6 font-semibold" href="#">Acme Company</a>
</p>
<div>
<p class="">We help you build amazing landing pages that convert.</p>
</div>
</div>
<div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2">
<p class="font-semibold mb-3">Product</p>
<a class="block" href="#">Sign Up</a>
<a class="block" href="#">Pricing</a>
<a class="block" href="#">F.A.Q.</a>
</div>
<div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2">
<p class="font-semibold mb-3">Company</p>
<a class="block" href="#">Terms</a>
<a class="block" href="#">Privacy</a>
<a class="block" href="#">Contact Us</a>
</div>
<div class="col md:w-3/12 text-center md:mb-0 flex flex-col gap-y-2">
<p class="font-semibold mb-3">Connect With Us</p>
<a class="block" href="#" title="facebook">
<i class="fab fa-facebook-square text-3xl pr-2"></i>
</a>
<a class="block" href="#" title="twitter">
<i class="fab fa-twitter-square text-3xl pr-2"></i>
</a>
<a class="block" href="#" title="Instagram">
<i class="fab fa-instagram text-3xl pr-2"></i>
</a>
</div>
</div>
<div class="row">
<div class="col text-center w-full">
<p class="text-sm">© 2024 Acme Company. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<footer class="bg-dark text-white py-6" id="footer">
<div class="container">
<div class="row justify-between">
<div class="col md:w-9/12">
<p>© 2024 Acme Company. All rights reserved.</p>
</div>
<div class="col md:w-3/12 flex md:justify-end">
<a class="text-white" href="#" title="facebook">
<i class="fab fa-facebook-square text-3xl pr-2"></i>
</a>
<a class="text-white" href="#" title="twitter">
<i class="fab fa-twitter-square text-3xl pr-2"></i>
</a>
<a class="text-white" href="#" title="Instagram">
<i class="fab fa-instagram text-3xl pr-2"></i>
</a>
</div>
</div>
</div>
</footer>
<footer class="bg-dark py-12" id="footer">
<div class="container">
<div class="row">
<div class="col text-center">
<a class="block h5 mb-6 font-semibold text-white" href="#">Acme Company</a>
<div class="flex flex-col md:flex-row justify-center mx-auto mb-6 gap-y-3">
<a class="px-4 no-underline text-white" href="#">Sign Up</a>
<a class="px-4 no-underline text-white" href="#">Terms</a>
<a class="px-4 no-underline text-white" href="#">Privacy</a>
<a class="px-4 no-underline text-white" href="#">Contact Us</a>
<a class="px-4 no-underline text-white" href="#">Docs</a>
</div>
<div class="text-center text-white text-sm mb-6">
<p class="mb-0">© 2024 Acme Company.</p>
<p>All rights reserved</p>
</div>
<div class="flex flex-col md:flex-row justify-center mx-auto mb-6 gap-y-3">
<a class="text-white mx-2" href="#" title="facebook">
<i class="fab fa-facebook-square text-3xl"></i>
</a>
<a class="text-white mx-2" href="#" title="twitter">
<i class="fab fa-twitter-square text-3xl"></i>
</a>
<a class="text-white mx-2" href="#" title="instagram">
<i class="fab fa-instagram text-3xl"></i>
</a>
</div>
</div>
</div>
</footer>
<footer class="bg-dark py-12" id="footer">
<div class="container">
<div class="row mb-12">
<div class="col md:w-3/12 md:text-left text-center">
<p class="mb-3 h4">
<a class="mb-6 font-semibold text-white" href="#">Acme Company</a>
</p>
<div>
<p class="text-light">We help you build amazing landing pages that convert.</p>
</div>
</div>
<div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2">
<p class="text-light font-semibold mb-3">Product</p>
<a class="block text-white" href="#">Sign Up</a>
<a class="block text-white" href="#">Pricing</a>
<a class="block text-white" href="#">F.A.Q.</a>
</div>
<div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2">
<p class="text-light font-semibold mb-3">Company</p>
<a class="block text-white" href="#">Terms</a>
<a class="block text-white" href="#">Privacy</a>
<a class="block text-white" href="#">Contact Us</a>
</div>
<div class="col md:w-3/12 text-center md:mb-0 flex flex-col gap-y-2">
<p class="text-light font-semibold mb-3">Connect With Us</p>
<a class="block text-white" href="#" title="facebook">
<i class="fab fa-facebook-square text-3xl pr-2"></i>
</a>
<a class="block text-white" href="#" title="twitter">
<i class="fab fa-twitter-square text-3xl pr-2"></i>
</a>
<a class="block text-white" href="#" title="Instagram">
<i class="fab fa-instagram text-3xl pr-2"></i>
</a>
</div>
</div>
<div class="row text-white">
<div class="col text-center w-full">
<p class="text-sm">© 2024 Acme Company. All rights reserved.</p>
</div>
</div>
</div>
</footer>