Mirrors/tailShape
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

30 footer ready

Browse Source
This commit is contained in:
merajjahir
2022-02-16 15:08:55 +06:00
parent 249f78837e
commit 617a8d63e8
32 changed files with 3013 additions and 2086 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/componets/footer/1_footer.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" class="">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,7 +9,7 @@
</head>
<body>
<div class="flex items-end w-full min-h-screen bg-white">
<!-- <div class="flex items-end w-full min-h-screen bg-white">
<footer class="w-full text-gray-700 bg-gray-100 body-font">
<div
@@ -125,7 +125,43 @@
</div>
</footer>
</div>
</div> -->
<!--footer 1 start-->
<section class="section_divider" id="1_footer">
<div> Footer 1</div>
</section>
<hr>
<footer class="p-4 dark:bg-gray-800">
<div class="flex flex-col lg:flex-row items-center">
<div class="w-full dark:text-gray-300 lg:w-auto lg:mr-auto text-center lg:text-left">© 2019 Dunder Mifflin</div>
<div class="flex justify-center items-center mt-4 lg:mt-0"><img class="w-6 h-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/message.svg" alt=""><img class="w-6 h-6 mx-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/share.svg" alt=""><img class="w-6 h-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/star.svg" alt=""></div>
</div>
</footer>
<hr>
<footer class="flex flex-wrap items-center justify-between p-4 dark:bg-gray-800">
<div class="w-full dark:text-gray-300 lg:w-auto lg:mr-6 mb-4 lg:mb-0 text-center">© 2019 Dunder Mifflin</div>
<div class="flex flex-col lg:flex-row items-center w-full lg:w-auto">
<div class="mx-auto lg:mx-0 lg:ml-auto ">
<a class="inline-block mt-0 text-blue-900 hover:text-blue-700 dark:text-sky-400 dark:hover:text-sky-800 " href="#">Products</a>
<a class="inline-block mt-0 ml-8 text-blue-900 hover:text-blue-700 dark:text-sky-400 dark:hover:text-sky-800 " href="#">Team</a>
<a class="inline-block mt-0 ml-8 text-blue-900 hover:text-blue-700 dark:text-sky-400 dark:hover:text-sky-800 " href="#">Customers</a>
</div>
<div class="flex justify-center mt-4 lg:mt-0 lg:ml-8"><img class="w-6 h-6 mr-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/message.svg" alt=""><img class="w-6 h-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/share.svg" alt=""></div>
</div>
</footer>
<hr>
<footer class="p-4 dark:bg-gray-800">
<div class="flex flex-col lg:flex-row items-center">
<div class="w-full dark:text-gray-300 lg:w-auto lg:mr-auto text-center lg:text-left">© <a href="https://appseed.us">AppSeed </a><span>(MIT License) - </span><a href="#">Tailwind CSS Components</a></div>
<div class="flex justify-center items-center mt-4 lg:mt-0"><img class="w-6 h-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/message.svg" alt=""><img class="w-6 h-6 mx-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/share.svg" alt=""><img class="w-6 h-6" src="https://tailwind-css-components.appseed.us/placeholders/icons/star.svg" alt=""></div>
</div>
</footer>
<!--footer 1 end-->
</body>
</html>