footer 30 complete 85%

2022-02-16 12:25:09 +06:00
parent 055d0ef833
commit 4ca522fae1
31 changed files with 4860 additions and 750 deletions
--- a/public/componets/footer/9_footer.html
+++ b/public/componets/footer/9_footer.html
@@ -0,0 +1,96 @@
+<!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 &amp; 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>