Files
tailShape/public/componets/footer/34_footer.html
2022-02-16 16:13:54 +06:00

90 lines
5.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../../dist/tailshape.css">
<link rel="stylesheet" href="https://demos.creative-tim.com/notus-js/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css">
<title>Footer 34</title>
</head>
<body>
<!-- footer 34 start -->
<section class="section_divider" id="footer_34">
<div>Footer 34</div>
</section>
<footer class="relative bg-cyan-100 dark:bg-teal-900 pt-8 pb-6 ">
<div class="container mx-auto px-4">
<div class="flex flex-wrap text-left lg:text-left">
<div class="w-full lg:w-6/12 px-4">
<h4 class="text-3xl fonat-semibold text-black dark:text-gray-300 ">Let's keep in touch!</h4>
<h5 class="text-lg mt-0 mb-2 text-black dark:text-gray-300">
Find us on any of these platforms, we respond 1-2 business days.
</h5>
<div class="mt-6 lg:mb-0 mb-6">
<button class="bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
<i class="fab fa-twitter"></i></button><button class="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
<i class="fab fa-facebook-square"></i></button><button class="bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
<i class="fab fa-dribbble"></i></button><button class="bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
<i class="fab fa-github"></i>
</button>
</div>
</div>
<div class="w-full lg:w-6/12 px-4">
<div class="flex flex-wrap items-top mb-6">
<div class="w-full lg:w-4/12 px-4 ml-auto">
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2 dark:text-cyan-300">Useful Links</span>
<ul class="list-unstyled">
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://www.creative-tim.com/presentation?ref=njs-profile">About Us</a>
</li>
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://blog.creative-tim.com?ref=njs-profile">Blog</a>
</li>
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://www.github.com/creativetimofficial?ref=njs-profile">Github</a>
</li>
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://www.creative-tim.com/bootstrap-themes/free?ref=njs-profile">Free Products</a>
</li>
</ul>
</div>
<div class="w-full lg:w-4/12 px-4">
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2 dark:text-cyan-300">Other Resources</span>
<ul class="list-unstyled">
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://github.com/creativetimofficial/notus-js/blob/main/LICENSE.md?ref=njs-profile">MIT License</a>
</li>
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://creative-tim.com/terms?ref=njs-profile">Terms &amp; Conditions</a>
</li>
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://creative-tim.com/privacy?ref=njs-profile">Privacy Policy</a>
</li>
<li>
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://creative-tim.com/contact-us?ref=njs-profile">Contact Us</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<hr class="my-6 border-blueGray-300">
<div class="flex flex-wrap items-center md:justify-between justify-center">
<div class="w-full md:w-4/12 px-4 mx-auto text-center">
<div class="text-sm text-blueGray-500 font-semibold py-1">
Copyright © <span id="get-current-year">2021</span><a href="#" class="text-gray-500 hover:text-gray-800" target="_blank"> by
<a href="https://www.creative-tim.com?ref=njs-profile" class="text-blueGray-500 hover:text-gray-800">Company</a>.
</div>
</div>
</div>
</div>
</footer>
<!-- footer 34 end -->
</body>
</html>