mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-24 04:37:01 +00:00
98 lines
3.9 KiB
HTML
98 lines
3.9 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">
|
|
<title>footer 9</title>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- footer 9 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 9</div>
|
|
</section>
|
|
<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">
|
|
<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>
|
|
|
|
|
|
<div class="grid grid-cols-1 gap-8 mt-8 sm:grid-cols-2 lg:grid-cols-4">
|
|
<div>
|
|
<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 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 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 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 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 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 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 dark:hover:text-sky-300" href=""> Privacy Policy </a>
|
|
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Terms & 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>
|
|
|
|
<div class="pt-8 mt-8 border-t border-gray-100 sm:items-center sm:justify-between sm:flex">
|
|
<p class="text-xs text-gray-500">
|
|
© 2022 Company Name
|
|
</p>
|
|
|
|
<strong class="inline-flex items-center dark:text-white p-2 space-x-2 text-sm font-medium border border-gray-200 rounded">
|
|
<span> Status: </span>
|
|
|
|
<span class="w-3 h-3 bg-green-600 rounded-full"></span>
|
|
|
|
<span class="font-medium text-green-600">
|
|
All systems operational
|
|
</span>
|
|
</strong>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- footer 9 end -->
|
|
|
|
|
|
|
|
</body>
|
|
</html> |