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

57
public/componets/footer/5_footer.html
View File

@@ -8,22 +8,23 @@
<title>footer 5</title>
</head>
<body>
<!--footer 5 start-->
<!--footer 5 start-->
<section class="section_divider">
<div>Footer 5</div>
</section>
<footer class="bg-gray-50">
<footer class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-16 mx-auto sm:px-6 lg:px-8">
<div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
<div>
<span class="block w-32 h-10 bg-gray-200 rounded-lg"></span>
<span class="inline-block w-32 p-4 bg-gray-400 dark:ring-2 dark:rign-sky-300 dark:bg-gray-700 rounded-lg text-center text-white"> Logo </span>
<p class="max-w-xs mt-4 text-sm text-gray-500">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, accusantium.
</p>
<div class="flex mt-8 space-x-6 text-gray-500">
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Facebook </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -31,7 +32,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Instagram </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -39,7 +40,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Twitter </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -47,7 +48,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> GitHub </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -55,7 +56,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Dribbble </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -67,54 +68,54 @@
<div class="grid grid-cols-1 gap-8 lg:col-span-2 sm:grid-cols-2 lg:grid-cols-4">
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Company
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> About </a>
<a class="hover:opacity-75" href=""> Meet the Team </a>
<a class="hover:opacity-75" href=""> History </a>
<a class="hover:opacity-75" href=""> Careers </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> About </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Meet the Team </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> History </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Careers </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Services
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75" href=""> Company Review </a>
<a class="hover:opacity-75" href=""> Accounts Review </a>
<a class="hover:opacity-75" href=""> HR Consulting </a>
<a class="hover:opacity-75" href=""> SEO Optimisation </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Company Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accounts Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> HR Consulting </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> SEO Optimisation </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Helpful Links
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Contact </a>
<a class="hover:opacity-75" href=""> FAQs </a>
<a class="hover:opacity-75" href=""> Live Chat </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Contact </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> FAQs </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Live Chat </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Legal
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Privacy Policy </a>
<a class="hover:opacity-75" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75" href=""> Returns Policy </a>
<a class="hover:opacity-75" href=""> Accessibility </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Privacy Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Returns Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accessibility </a>
</nav>
</div>
</div>