96 lines
3.5 KiB
HTML
96 lines
3.5 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">
|
|
<div class="max-w-screen-xl px-4 py-16 mx-auto sm:px-6 lg:px-8">
|
|
<span class="block w-32 h-10 bg-gray-200 rounded-lg"></span>
|
|
|
|
<div class="grid grid-cols-1 gap-8 mt-8 sm:grid-cols-2 lg:grid-cols-4">
|
|
<div>
|
|
<p class="font-medium">
|
|
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>
|
|
</nav>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="font-medium">
|
|
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>
|
|
</nav>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="font-medium">
|
|
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>
|
|
</nav>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="font-medium">
|
|
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 & Conditions </a>
|
|
<a class="hover:opacity-75" href=""> Returns Policy </a>
|
|
<a class="hover:opacity-75" 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 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> |