mirror of
https://github.com/istiyakaminsanto/tailShape.git
synced 2025-12-18 03:37:01 +00:00
4136 lines
323 KiB
HTML
4136 lines
323 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<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">
|
|
<link rel="stylesheet" href="https://demos.creative-tim.com/notus-js/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css">
|
|
|
|
<title>Footer</title>
|
|
</head>
|
|
<body>
|
|
<button id="dark_mood_toogler" class="dark_mode_button_custom_style">
|
|
d
|
|
</button>
|
|
|
|
<!--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-->
|
|
|
|
|
|
<!--footer 2 start-->
|
|
<section class="section_divider">
|
|
<div> Footer 2</div>
|
|
</section>
|
|
|
|
|
|
<section class="flex items-end w-full bg-white dark:bg-gray-800">
|
|
|
|
<footer class="w-full text-gray-700 bg-gray-100 dark:bg-gray-800 body-font">
|
|
<div
|
|
class="container flex flex-col flex-wrap px-5 py-24 mx-auto md:items-center lg:items-start md:flex-row md:flex-no-wrap">
|
|
<div class="flex-shrink-0 w-64 mx-auto text-center md:mx-0 md:text-left">
|
|
<a class="flex items-center justify-center font-medium text-gray-900 title-font md:justify-start">
|
|
<svg class="w-auto h-5 text-gray-900 dark:text-sky-300 fill-current" viewBox="0 0 202 69"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M57.44.672s6.656 1.872 6.656 5.72c0 0-1.56 2.6-3.744 6.552 8.424 1.248 16.744 1.248 23.816-1.976-1.352 7.904-12.688 8.008-26.208 6.136-7.696 13.624-19.656 36.192-19.656 42.848 0 .416.208.624.52.624 4.576 0 17.888-14.352 21.112-18.824 1.144-1.456 4.264.728 3.12 2.392C56.608 53.088 42.152 69 36.432 69c-4.472 0-8.216-5.928-8.216-10.4 0-6.552 11.752-28.08 20.28-42.952-9.984-1.664-20.176-3.64-27.976-3.848-13.936 0-16.64 3.536-17.576 6.032-.104.312-.52.52-.832.312-3.744-7.072-1.456-14.56 14.144-14.56 9.36 0 22.048 4.576 34.944 7.592C54.736 5.04 57.44.672 57.44.672zm46.124 41.08c1.144-1.456 4.264.728 3.016 2.392C100.236 53.088 85.78 69 80.06 69c-4.576 0-8.32-5.928-8.32-10.4v-.208C67.58 64.32 63.524 69 61.34 69c-4.472 0-8.944-4.992-8.944-11.856 0-10.608 15.704-33.072 24.96-33.072 4.992 0 7.384 2.392 8.528 4.576l2.6-4.576s6.656 1.976 6.656 5.824c0 0-13.312 24.336-13.312 30.056 0 .208 0 .624.52.624 4.472 0 17.888-14.352 21.216-18.824zm-40.56 18.72c2.184 0 11.752-13.312 17.368-22.048l4.16-7.488c-8.008-7.904-27.248 29.536-21.528 29.536zm57.564-38.168c-2.184 0-4.992-2.808-4.992-4.784 0-2.912 5.824-14.872 7.28-14.872 2.6 0 6.136 2.808 6.136 6.344 0 2.08-7.176 12.064-8.424 13.312zm-17.68 46.592c-4.472 0-8.216-5.928-8.216-10.4 0-6.656 16.744-34.528 16.744-34.528s6.552 1.976 6.552 5.824c0 0-13.312 24.336-13.312 30.056 0 .208.104.624.624.624 4.472 0 17.888-14.352 21.112-18.824 1.144-1.456 4.264.728 3.12 2.392-6.448 8.944-20.904 24.856-26.624 24.856zM147.244.672s6.656 1.872 6.656 5.72c0 0-25.792 43.784-25.792 53.56 0 .416.208.624.52.624 4.576 0 17.888-14.352 21.112-18.824 1.144-1.456 4.264.728 3.12 2.392C146.412 53.088 131.956 69 126.236 69c-4.472 0-8.216-5.928-8.216-10.4 0-10.4 29.224-57.928 29.224-57.928zM169.7 60.16c3.848-2.392 7.904-6.864 10.816-10.92 6.656-9.464 11.544-20.696 10.504-27.352-.312-3.432-.104-4.056 3.12-2.704 5.2 2.392 11.336 8.632 2.184 22.88-5.2 8.008-12.48 15.288-19.344 19.76-2.704 1.768-6.344 3.328-9.984 4.16-.52.416-1.04.728-1.456.936-1.872 1.352-4.264 2.08-7.592 2.08-14.664 0-16.848-12.272-16.848-16.016 0-2.392 3.224-4.68 4.784-3.744.208.104.312.416.312.624 0 2.808 1.872 13.104 9.984 13.104 7.904 0 3.432-18.304 2.288-27.144-1.456 2.288-3.432 4.992-5.616 8.32-2.6 3.744-5.72 1.456-4.784 0 5.824-8.424 9.152-13.832 11.856-18.616 1.248-2.08 3.328-3.328 6.448-3.328 2.704 0 5.824 3.016 6.864 4.784.312.52 0 1.04-.52 1.144a5.44 5.44 0 00-4.368 5.408c0 6.968 2.6 17.16 1.664 24.856l-.312 1.768z"
|
|
fill-rule="nonzero" /></svg>
|
|
</a>
|
|
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">Design, Code and Ship!</p>
|
|
<div class="mt-4">
|
|
<span class="inline-flex justify-center mt-2 sm:ml-auto sm:mt-0 sm:justify-start">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-700 dark:text-gray-300 dark:hover:text-sky-300">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500 cursor-pointer hover:text-gray-700 dark:text-gray-300 dark:hover:text-sky-300">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path
|
|
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500 cursor-pointer hover:text-gray-700 dark:text-gray-300 dark:hover:text-sky-300">
|
|
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
|
|
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500 cursor-pointer hover:text-gray-700 dark:text-gray-300 dark:hover:text-sky-300">
|
|
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round"
|
|
stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path stroke="none"
|
|
d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z">
|
|
</path>
|
|
<circle cx="4" cy="4" r="2" stroke="none"></circle>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap flex-grow mt-10 -mb-10 text-center md:pl-20 md:mt-0 md:text-left">
|
|
<div class="w-full px-4 lg:w-1/4 md:w-1/2">
|
|
<h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 uppercase title-font dark:text-sky-300">About</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Company</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Careers</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Blog</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="w-full px-4 lg:w-1/4 md:w-1/2">
|
|
<h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 dark:text-sky-300 uppercase title-font">Support</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Contact Support</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Help Resources</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Release Updates</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="w-full px-4 lg:w-1/4 md:w-1/2">
|
|
<h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 uppercase title-font dark:text-sky-300">Platform
|
|
</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Terms & Privacy</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Pricing</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">FAQ</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="w-full px-4 lg:w-1/4 md:w-1/2">
|
|
<h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 uppercase title-font dark:text-sky-300">Contact</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Send a Message</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Request a Quote</a>
|
|
</li>
|
|
<li class="mt-3">
|
|
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">+123-456-7890</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-gray-300 dark:bg-gray-700">
|
|
<div class="container px-5 py-4 mx-auto">
|
|
<p class="text-sm text-gray-700 dark:text-white capitalize xl:text-center">© 2020 All rights reserved </p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
</section>
|
|
<!--footer 2 end-->
|
|
|
|
<!--footer 3 start -->
|
|
<section class="section_divider">
|
|
<div> Footer 3</div>
|
|
</section>
|
|
|
|
|
|
<footer class="bg-gray-900">
|
|
<div class="max-w-screen-xl px-4 py-16 mx-auto sm:px-6 lg:px-8">
|
|
<div class="lg:flex lg:gap-8">
|
|
<div>
|
|
<span class="block w-32 h-10 bg-gray-700 rounded-lg"></span>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 gap-8 mt-8 lg:mt-0 lg:grid-cols-5 lg:gap-y-16">
|
|
<div class="col-span-2">
|
|
<div>
|
|
<h2 class="text-2xl font-bold text-white">
|
|
Get the latest news!
|
|
</h2>
|
|
|
|
<p class="mt-6 text-gray-400">
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Esse non cupiditate quae nam molestias.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-2 lg:col-span-3 lg:flex lg:items-end">
|
|
<form class="w-full text-white">
|
|
<label for="email" class="sr-only"> Email </label>
|
|
|
|
<div class="p-2 border sm:flex sm:items-center border-white/10">
|
|
<input class="w-full h-12 p-3 text-sm font-medium tracking-widest placeholder-gray-400 uppercase bg-transparent border-none" type="email" id="email" placeholder="Enter your email">
|
|
|
|
<button class="w-full h-12 px-6 py-3 mt-1 text-sm font-bold tracking-wide uppercase bg-red-700 sm:ml-4 sm:flex-shrink-0 sm:w-auto sm:mt-0" type="submit">
|
|
Sign Up
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-span-2 pt-6 border-t sm:col-span-1 border-white/10">
|
|
<p class="font-bold text-white"> Services </p>
|
|
|
|
<nav class="flex flex-col mt-6 space-y-4 text-sm text-gray-300">
|
|
<a class="inline-block" href=""> 1on1 Coaching </a>
|
|
<a class="inline-block" href=""> Company Review </a>
|
|
<a class="inline-block" href=""> Accounts Review </a>
|
|
<a class="inline-block" href=""> HR Consulting </a>
|
|
<a class="inline-block" href=""> SEO Optimisation </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="col-span-2 pt-6 border-t sm:col-span-1 border-white/10">
|
|
<p class="font-bold text-white"> Company </p>
|
|
|
|
<nav class="flex flex-col mt-6 space-y-4 text-sm text-gray-300">
|
|
<a class="inline-block" href=""> About </a>
|
|
<a class="inline-block" href=""> Meet the Team </a>
|
|
<a class="inline-block" href=""> History </a>
|
|
<a class="inline-block" href=""> Careers </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="col-span-2 pt-6 border-t sm:col-span-1 border-white/10">
|
|
<p class="font-bold text-white"> Helpful Links </p>
|
|
|
|
<nav class="flex flex-col mt-6 space-y-4 text-sm text-gray-300">
|
|
<a class="inline-block" href=""> Contact </a>
|
|
<a class="inline-block" href=""> FAQs </a>
|
|
<a class="inline-block" href=""> Live Chat </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="col-span-2 pt-6 border-t sm:col-span-1 border-white/10">
|
|
<p class="font-bold text-white"> Legal </p>
|
|
|
|
<nav class="flex flex-col mt-6 space-y-4 text-sm text-gray-300">
|
|
<a class="inline-block" href=""> Accessibility </a>
|
|
<a class="inline-block" href=""> Returns Policy </a>
|
|
<a class="inline-block" href=""> Refund Policy </a>
|
|
<a class="inline-block" href=""> Hiring Statistics </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="col-span-2 pt-6 border-t sm:col-span-1 border-white/10">
|
|
<p class="font-bold text-white"> Downloads </p>
|
|
|
|
<nav class="flex flex-col mt-6 space-y-4 text-sm text-gray-300">
|
|
<a class="inline-block" href=""> Marketing Calendar </a>
|
|
<a class="inline-block" href=""> SEO Infographics </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="flex col-span-2 space-x-4 text-gray-500 lg:col-span-5">
|
|
<a class="hover:opacity-75" 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">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="hover:opacity-75" 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">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="hover:opacity-75" 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">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="hover:opacity-75" 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">
|
|
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="hover:opacity-75" 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">
|
|
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-8 mt-12 border-t border-white/10">
|
|
<div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
|
|
<p class="text-xs text-center text-gray-400 lg:text-left">
|
|
Copyright © 2022. Company Name. All rights reserved.
|
|
</p>
|
|
|
|
<nav class="flex justify-center space-x-4 text-xs text-gray-400 lg:justify-end">
|
|
<a href=""> Terms & Conditions </a>
|
|
<a href=""> Privacy Policy </a>
|
|
<a href=""> Cookies </a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!--footer 3 end -->
|
|
|
|
<!--footer 4 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 4</div>
|
|
</section>
|
|
<footer class="bg-gray-50 dark:bg-gray-800">
|
|
<div class="max-w-screen-xl px-4 py-16 mx-auto space-y-12 sm:px-6 lg:px-8">
|
|
<div class="sm:items-center sm:justify-between sm:flex">
|
|
<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="flex mt-8 space-x-6 text-gray-500 sm:mt-0">
|
|
<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">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 gap-8 pt-12 border-t border-gray-100 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>
|
|
|
|
<p class="text-xs text-gray-500">
|
|
© 2022 Company Name
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--footer 4 end -->
|
|
|
|
<!--footer 5 start-->
|
|
<section class="section_divider">
|
|
<div>Footer 5</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">
|
|
<div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
|
|
<div>
|
|
<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 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">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<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 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>
|
|
|
|
<p class="mt-8 text-xs text-gray-500">
|
|
© 2022 Company Name
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--footer 5 end-->
|
|
|
|
<!--footer 6 start-->
|
|
<section class="section_divider">
|
|
<div>Footer 6</div>
|
|
</section>
|
|
|
|
<footer class="bg-gray-50 dark:bg-gray-800">
|
|
<div class="max-w-screen-xl px-4 py-16 mx-auto space-y-12 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 lg:grid-cols-3">
|
|
<div class="lg:order-last">
|
|
<p class="font-medium dark:text-gray-300 dark:hover:text-sky-300">
|
|
Newsletter
|
|
</p>
|
|
|
|
<form class="max-w-sm mt-4">
|
|
<div class="relative">
|
|
<label class="sr-only" for="email"> Email </label>
|
|
|
|
<input class="w-full py-4 pl-3 pr-16 text-sm border-2 border-gray-200 rounded-lg" id="email" type="email" placeholder="Enter your email address">
|
|
|
|
<button class="absolute p-2 text-white -translate-y-1/2 bg-blue-600 rounded-full hover:bg-blue-700 active:bg-blue-500 top-1/2 right-4" type="button">
|
|
<svg class="w-4 h-4 rotate-45 translate-x-[1px] -translate-y-[1px]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="flex mt-8 space-x-6 text-gray-500">
|
|
<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">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<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">
|
|
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<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 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>
|
|
|
|
<p class="mt-8 text-xs text-gray-500">
|
|
© 2022 Company Name
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
<!--footer 6 end-->
|
|
|
|
<!--footer 7 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 7 </div>
|
|
</section>
|
|
<footer class="text-white bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 darK:bg-gradient-to-r dark:from-emerald-800 dark:to-cyan-800 ">
|
|
<div class="max-w-screen-xl px-4 pt-32 pb-12 mx-auto sm:px-6 lg:px-8">
|
|
<div class="max-w-3xl mx-auto text-center">
|
|
<p class="text-4xl font-extrabold sm:text-6xl">
|
|
Customise Your Product
|
|
</p>
|
|
|
|
<a class="inline-block px-12 py-3 mt-8 text-sm font-medium border rounded-full border-white/25 hover:bg-white hover:text-red-500" href="">
|
|
Get Started
|
|
</a>
|
|
</div>
|
|
|
|
<div class="pt-12 mt-32 border-t border-white/25 sm:items-center sm:justify-between sm:flex">
|
|
<nav class="flex justify-center space-x-4 text-sm font-medium sm:justify-start">
|
|
<a href="" class="hover:opacity-75"> FAQs </a>
|
|
<a href="" class="hover:opacity-75"> Contact </a>
|
|
<a href="" class="hover:opacity-75"> Returns Policy </a>
|
|
</nav>
|
|
|
|
<div class="flex justify-center mt-6 space-x-6 sm:justify-end sm:mt-0">
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Facebook </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Instagram </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Twitter </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!--footer 7 end -->
|
|
|
|
<!--footer 8 start-->
|
|
<section class="section_divider">
|
|
<div>Footer 8</div>
|
|
</section>
|
|
<footer class="text-white bg-gray-900 lg:grid lg:grid-cols-5">
|
|
<aside class="hidden lg:relative lg:col-span-2 lg:block">
|
|
<img class="absolute inset-0 object-cover w-full h-full" src="https://images.unsplash.com/photo-1624456735729-03594a40c5fb" alt="Comic Graphic">
|
|
</aside>
|
|
|
|
<div class="px-4 py-16 sm:px-6 lg:px-8 lg:col-span-3">
|
|
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2">
|
|
<div>
|
|
<p class="font-medium">
|
|
<span class="text-xs tracking-widest uppercase">
|
|
Call
|
|
</span>
|
|
|
|
<a class="block text-2xl sm:text-3xl hover:opacity-75" href="">
|
|
0123456789
|
|
</a>
|
|
</p>
|
|
|
|
<ul class="mt-8 space-y-2 text-sm">
|
|
<li>Monday to Friday: 10am - 5pm</li>
|
|
<li>Weekend: 10am - 3pm</li>
|
|
</ul>
|
|
|
|
<div class="flex mt-16 space-x-3">
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Facebook </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Instagram </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Twitter </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> GitHub </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="p-2 border rounded-full border-white/25 hover:opacity-75" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Dribbble </span>
|
|
|
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
|
|
<div>
|
|
<p class="font-medium">
|
|
Support
|
|
</p>
|
|
|
|
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-300">
|
|
<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" href=""> Forums </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="font-medium">Products</p>
|
|
|
|
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-300">
|
|
<a class="hover:opacity-75" href=""> 1to1 Coaching </a>
|
|
<a class="hover:opacity-75" href=""> Lesson Plans </a>
|
|
<a class="hover:opacity-75" href=""> Meal Plans </a>
|
|
<a class="hover:opacity-75" href=""> Gym Sessions </a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-12 mt-12 border-t border-gray-800">
|
|
<div class="text-sm text-gray-300 sm:items-center sm:justify-between sm:flex">
|
|
<div class="flex space-x-3">
|
|
<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>
|
|
</div>
|
|
|
|
<p class="mt-4 sm:mt-0">
|
|
© 2022 Company Name.
|
|
</p>
|
|
</div>
|
|
|
|
<p class="mt-8 text-xs text-gray-500">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus mollitia quia quod repellendus. Porro harum,
|
|
odio dolore perspiciatis praesentium provident esse consequatur quibusdam aperiam, cupiditate omnis modi in
|
|
quasi? In, maxime odio vel repellat sed earum? Debitis quaerat facilis animi. Odio natus nostrum laboriosam
|
|
impedit magnam praesentium asperiores consectetur ipsum.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!--footer 8 end-->
|
|
|
|
<!-- 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 -->
|
|
|
|
<!-- footer 10 start -->
|
|
|
|
<section class="section_divider">
|
|
<div>Footer 10</div>
|
|
</section>
|
|
|
|
<footer class="text-center dark:bg-emerald-900">
|
|
<div class="max-w-screen-xl px-4 py-12 mx-auto sm:px-6 lg:px-8">
|
|
<div class="max-w-3xl mx-auto space-y-6">
|
|
<div class="flex justify-center space-x-6">
|
|
<a class="text-blue-500 hover:text-opacity-75 dark:ring-green-300 dark:ring-2 dark:rounded-2xl" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Twitter </span>
|
|
|
|
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="text-gray-900 hover:text-opacity-75 dark:ring-2 dark:ring-green-300 dark:rounded-2xl" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> GitHub </span>
|
|
|
|
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
|
|
<a class="text-pink-600 hover:text-opacity-75 dark:ring-2 dark:ring-green-300 dark:rounded-2xl" href="" target="_blank" rel="noreferrer">
|
|
<span class="sr-only"> Dribbble </span>
|
|
|
|
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<nav class="grid grid-cols-2 gap-4 p-6 dark:ring-2 dark:ring-green-300 text-sm font-medium bg-gray-100 rounded-lg sm:grid-cols-3 lg:grid-cols-6">
|
|
<a class="hover:opacity-75" href=""> Uses </a>
|
|
<a class="hover:opacity-75" href=""> Snippets </a>
|
|
<a class="hover:opacity-75" href=""> Bookmarks </a>
|
|
<a class="hover:opacity-75" href=""> Courses </a>
|
|
<a class="hover:opacity-75" href=""> Downloads </a>
|
|
<a class="hover:opacity-75" href=""> Projects </a>
|
|
</nav>
|
|
|
|
<p class="max-w-lg mx-auto text-xs text-gray-500 dark:text-white">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere, illo. Laborum ratione corrupti quasi ullam?
|
|
Voluptatum iusto at aperiam voluptas.
|
|
</p>
|
|
|
|
<p class="text-xs font-medium">
|
|
© 2022 Company
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- footer 10 end -->
|
|
|
|
<!-- footer 11 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 11</div>
|
|
</section>
|
|
|
|
<footer class="bg-gray-900">
|
|
<div class="grid max-w-screen-xl grid-cols-1 mx-auto lg:grid-cols-2">
|
|
<div class="px-4 py-16 border-b border-gray-800 md:border-b-0 md:border-l lg:pl-12 lg:order-last">
|
|
<div class="block lg:hidden">
|
|
<span class="inline-block w-32 h-10 bg-gray-700 rounded-lg"> </span>
|
|
|
|
</div>
|
|
|
|
<div class="mt-12 space-y-4 lg:mt-0">
|
|
<span class="block w-10 h-1 bg-indigo-500 rounded"></span>
|
|
|
|
<div>
|
|
<h5 class="text-2xl font-medium text-white">
|
|
Request a Demo
|
|
</h5>
|
|
|
|
<p class="max-w-xs mt-1 text-xs text-gray-500">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro voluptatum debitis quia pariatur iusto in nisi expedita placeat vero magni.
|
|
</p>
|
|
</div>
|
|
|
|
<form>
|
|
<div class="relative max-w-lg">
|
|
<label class="sr-only" for="email"> Email </label>
|
|
|
|
<input class="w-full py-4 pl-3 pr-16 text-sm bg-gray-800 border-none rounded-lg" id="email" type="email" placeholder="Enter your email">
|
|
|
|
<button class="absolute p-3 text-white -translate-y-1/2 bg-blue-600 rounded-md top-1/2 right-1.5" type="button">
|
|
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-4 py-16 lg:pr-12">
|
|
<div class="hidden lg:block">
|
|
<span class="inline-block w-32 p-4 bg-gray-700 rounded-lg text-center text-white"> Logo </span>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-3 gap-8 lg:mt-12">
|
|
<div>
|
|
<p class="font-bold text-white">
|
|
Helpful
|
|
</p>
|
|
|
|
<nav class="flex flex-col mt-2 space-y-1 text-xs text-gray-400">
|
|
<a class="hover:opacity-75" href=""> Contact </a>
|
|
<a class="hover:opacity-75" href=""> Live Chat </a>
|
|
<a class="hover:opacity-75" href=""> Resources </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="font-bold text-white">
|
|
Solutions
|
|
</p>
|
|
|
|
<nav class="flex flex-col mt-2 space-y-1 text-xs text-gray-400">
|
|
<a class="hover:opacity-75" href=""> Instant Checkout </a>
|
|
<a class="hover:opacity-75" href=""> Product Upsells </a>
|
|
<a class="hover:opacity-75" href=""> Slideout Cart </a>
|
|
<a class="hover:opacity-75" href=""> User Dashboards </a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="font-bold text-white">
|
|
About
|
|
</p>
|
|
|
|
<nav class="flex flex-col mt-2 space-y-1 text-xs text-gray-400">
|
|
<a class="hover:opacity-75" href=""> About Us </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>
|
|
|
|
<div class="flex mt-12 space-x-6 text-xs text-white">
|
|
<p> © 2022 Company Name </p>
|
|
<a class="underline hover:opacity-75" href=""> Privacy Policy </a>
|
|
<a class="underline hover:opacity-75" href=""> Terms & Conditions </a>
|
|
<a class="underline hover:opacity-75" href=""> Cookies </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- footer 11 end -->
|
|
|
|
<!-- footer 12 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 12</div>
|
|
</section>
|
|
<div class="bg-gray-900">
|
|
<div class="px-4 pt-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
|
|
<div class="grid row-gap-10 mb-8 lg:grid-cols-6">
|
|
<div class="grid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4">
|
|
<div>
|
|
<p class="font-medium tracking-wide text-gray-300">Category</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">News</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">World</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Games</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">References</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-medium tracking-wide text-gray-300">Apples</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Web</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">eCommerce</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Business</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Entertainment</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Portfolio</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-medium tracking-wide text-gray-300">Cherry</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Media</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Brochure</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Nonprofit</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Educational</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Projects</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-medium tracking-wide text-gray-300">Business</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Infopreneur</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Personal</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Wiki</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-200">Forum</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="md:max-w-md lg:col-span-2">
|
|
<span class="text-base font-medium tracking-wide text-gray-300">Subscribe for updates</span>
|
|
<form class="flex flex-col mt-4 md:flex-row">
|
|
<input
|
|
placeholder="Email"
|
|
required=""
|
|
type="text"
|
|
class="flex-grow w-full h-12 px-4 mb-3 transition duration-200 bg-white border border-gray-300 rounded shadow-sm appearance-none md:mr-2 md:mb-0 focus:border-deep-purple-accent-400 focus:outline-none focus:shadow-outline"
|
|
/>
|
|
<button
|
|
type="submit"
|
|
class="inline-flex items-center justify-center h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-deep-purple-accent-400 hover:bg-deep-purple-accent-700 focus:shadow-outline focus:outline-none"
|
|
>
|
|
Subscribe
|
|
</button>
|
|
</form>
|
|
<p class="mt-4 text-sm text-gray-500">
|
|
Bacon ipsum dolor amet short ribs pig sausage prosciuto chicken spare ribs salami.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col justify-between pt-5 pb-10 border-t border-gray-800 sm:flex-row">
|
|
<p class="text-sm text-gray-500">
|
|
© Copyright 2020 Lorem Inc. All rights reserved.
|
|
</p>
|
|
<div class="flex items-center mt-4 space-x-4 sm:mt-0">
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-teal-accent-400">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M24,4.6c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-1,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6 c-2.7,0-4.9,2.2-4.9,4.9c0,0.4,0,0.8,0.1,1.1C7.7,8.1,4.1,6.1,1.7,3.1C1.2,3.9,1,4.7,1,5.6c0,1.7,0.9,3.2,2.2,4.1 C2.4,9.7,1.6,9.5,1,9.1c0,0,0,0,0,0.1c0,2.4,1.7,4.4,3.9,4.8c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1c0.6,2,2.4,3.4,4.6,3.4 c-1.7,1.3-3.8,2.1-6.1,2.1c-0.4,0-0.8,0-1.2-0.1c2.2,1.4,4.8,2.2,7.5,2.2c9.1,0,14-7.5,14-14c0-0.2,0-0.4,0-0.6 C22.5,6.4,23.3,5.5,24,4.6z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-teal-accent-400">
|
|
<svg viewBox="0 0 30 30" fill="currentColor" class="h-6">
|
|
<circle cx="15" cy="15" r="4"></circle>
|
|
<path
|
|
d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-teal-accent-400">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--footer 12 end-->
|
|
|
|
<!-- footer 13 start -->
|
|
|
|
<section class="section_divider">
|
|
<div>Footer 13</div>
|
|
</section>
|
|
|
|
<section class="dark:bg-gray-800">
|
|
<footer class="px-4 pt-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 ">
|
|
<div class="grid gap-10 row-gap-6 mb-8 sm:grid-cols-2 lg:grid-cols-4">
|
|
<div class="sm:col-span-2">
|
|
<a href="/" aria-label="Go home" title="Company" class="inline-flex items-center">
|
|
<svg class="w-8 text-purple-400" viewBox="0 0 24 24" stroke-linejoin="round" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" stroke="currentColor" fill="none">
|
|
<rect x="3" y="1" width="7" height="12"></rect>
|
|
<rect x="3" y="17" width="7" height="6"></rect>
|
|
<rect x="14" y="1" width="7" height="6"></rect>
|
|
<rect x="14" y="11" width="7" height="12"></rect>
|
|
</svg>
|
|
<span class="ml-2 text-xl font-bold tracking-wide text-gray-800 dark:text-gray-300 uppercase">Company</span>
|
|
</a>
|
|
<div class="mt-6 lg:max-w-sm">
|
|
<p class="text-sm text-gray-500 ">
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
|
|
</p>
|
|
<p class="mt-4 text-sm text-gray-500 ">
|
|
Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="space-y-2 text-sm">
|
|
<p class="text-base font-bold tracking-wide text-gray-900 dark:text-purple-400">Contacts</p>
|
|
<div class="flex">
|
|
<p class="mr-1 text-gray-800 dark:text-gray-400">Phone:</p>
|
|
<a href="tel:850-123-5021" aria-label="Our phone" title="Our phone" class="transition-colors duration-300 text-gray-300 hover:text-purple-400">850-123-5021</a>
|
|
</div>
|
|
<div class="flex">
|
|
<p class="mr-1 text-gray-800 dark:text-gray-400">Email:</p>
|
|
<a href="mailto:info@lorem.mail" aria-label="Our email" title="Our email" class="transition-colors duration-300 text-gray-300 hover:text-purple-400">info@lorem.mail</a>
|
|
</div>
|
|
<div class="flex">
|
|
<p class="mr-1 text-gray-800 dark:text-gray-400">Address:</p>
|
|
<a href="https://www.google.com/maps" target="_blank" rel="noopener noreferrer" aria-label="Our address" title="Our address" class="transition-colors duration-400 text-gray-300 hover:text-purple-300">
|
|
312 Lovely Street, NY
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<span class="text-base font-bold tracking-wide text-gray-900 dark:text-purple-400">Social</span>
|
|
<div class="flex items-center mt-1 space-x-3">
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M24,4.6c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-1,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6 c-2.7,0-4.9,2.2-4.9,4.9c0,0.4,0,0.8,0.1,1.1C7.7,8.1,4.1,6.1,1.7,3.1C1.2,3.9,1,4.7,1,5.6c0,1.7,0.9,3.2,2.2,4.1 C2.4,9.7,1.6,9.5,1,9.1c0,0,0,0,0,0.1c0,2.4,1.7,4.4,3.9,4.8c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1c0.6,2,2.4,3.4,4.6,3.4 c-1.7,1.3-3.8,2.1-6.1,2.1c-0.4,0-0.8,0-1.2-0.1c2.2,1.4,4.8,2.2,7.5,2.2c9.1,0,14-7.5,14-14c0-0.2,0-0.4,0-0.6 C22.5,6.4,23.3,5.5,24,4.6z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">
|
|
<svg viewBox="0 0 30 30" fill="currentColor" class="h-6">
|
|
<circle cx="15" cy="15" r="4"></circle>
|
|
<path
|
|
d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<p class="mt-4 text-sm text-gray-500">
|
|
Bacon ipsum dolor amet short ribs pig sausage prosciutto chicken spare ribs salami.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col-reverse justify-between pt-5 pb-10 border-t lg:flex-row">
|
|
<p class="text-sm text-gray-600">
|
|
© Copyright 2020 Lorem Inc. All rights reserved.
|
|
</p>
|
|
<ul class="flex flex-col mb-3 space-y-2 lg:mb-0 sm:space-y-0 sm:space-x-5 sm:flex-row">
|
|
<li>
|
|
<a href="/" class="text-sm text-gray-600 transition-colors duration-300 hover:text-purple-400">F.A.Q</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-sm text-gray-600 transition-colors duration-300 hover:text-purple-400">Privacy Policy</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-sm text-gray-600 transition-colors duration-300 hover:text-purple-400">Terms & Conditions</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
<!-- footer 13 end -->
|
|
|
|
<!--footer 14 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 14</div>
|
|
</section>
|
|
<section class="dark:bg-gray-800">
|
|
<footer class="px-4 pt-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
|
|
|
|
<div class="grid gap-16 row-gap-10 mb-8 lg:grid-cols-6">
|
|
<div class="md:max-w-md lg:col-span-2">
|
|
<a href="/" aria-label="Go home" title="Company" class="inline-flex items-center">
|
|
<svg class="w-8 text-purple-400" viewBox="0 0 24 24" stroke-linejoin="round" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" stroke="currentColor" fill="none">
|
|
<rect x="3" y="1" width="7" height="12"></rect>
|
|
<rect x="3" y="17" width="7" height="6"></rect>
|
|
<rect x="14" y="1" width="7" height="6"></rect>
|
|
<rect x="14" y="11" width="7" height="12"></rect>
|
|
</svg>
|
|
<span class="ml-2 text-xl font-bold tracking-wide dark:text-white text-gray-800 uppercase">Company</span>
|
|
</a>
|
|
<div class="mt-4 lg:max-w-sm">
|
|
<p class="text-sm text-gray-500">
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
|
|
</p>
|
|
<p class="mt-4 text-sm text-gray-500">
|
|
Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4">
|
|
<div>
|
|
<p class="font-semibold tracking-wide dark:text-purple-400 text-gray-800">Category</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-600 transition-colors duration-300 hover:text-purple-400">News</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-600 transition-colors duration-300 hover:text-purple-400">World</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-600 transition-colors duration-300 hover:text-purple-400">Games</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-600 transition-colors duration-300 hover:text-purple-400">References</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold tracking-wide dark:text-purple-400 text-gray-800">Business</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Web</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">eCommerce</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Business</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Entertainment</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Portfolio</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold tracking-wide dark:text-purple-400 text-gray-800">Apples</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Media</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Brochure</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Nonprofit</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Educational</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Projects</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold tracking-wide dark:text-purple-400 text-gray-800">Cherry</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Infopreneur</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Personal</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Wiki</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="text-gray-500 transition-colors duration-300 hover:text-purple-400">Forum</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col justify-between pt-5 pb-10 border-t sm:flex-row">
|
|
<p class="text-sm text-gray-500">
|
|
© Copyright 2020 Lorem Inc. All rights reserved.
|
|
</p>
|
|
<div class="flex items-center mt-4 space-x-4 sm:mt-0">
|
|
<a href="/" class="dark:text-purple-300 transition-colors duration-300 dark:hover:text-purple-500">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M24,4.6c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-1,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6 c-2.7,0-4.9,2.2-4.9,4.9c0,0.4,0,0.8,0.1,1.1C7.7,8.1,4.1,6.1,1.7,3.1C1.2,3.9,1,4.7,1,5.6c0,1.7,0.9,3.2,2.2,4.1 C2.4,9.7,1.6,9.5,1,9.1c0,0,0,0,0,0.1c0,2.4,1.7,4.4,3.9,4.8c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1c0.6,2,2.4,3.4,4.6,3.4 c-1.7,1.3-3.8,2.1-6.1,2.1c-0.4,0-0.8,0-1.2-0.1c2.2,1.4,4.8,2.2,7.5,2.2c9.1,0,14-7.5,14-14c0-0.2,0-0.4,0-0.6 C22.5,6.4,23.3,5.5,24,4.6z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="dark:text-purple-300 transition-colors duration-300 dark:hover:text-purple-500">
|
|
<svg viewBox="0 0 30 30" fill="currentColor" class="h-6">
|
|
<circle cx="15" cy="15" r="4"></circle>
|
|
<path
|
|
d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="dark:text-purple-300 transition-colors duration-300 dark:hover:text-purple-500">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
</section>
|
|
|
|
<!--footer 14 end-->
|
|
|
|
<!-- footer 15 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 15</div>
|
|
</section>
|
|
<section class="relative mt-16 bg-deep-purple-accent-400">
|
|
<svg class="absolute top-0 w-full h-6 -mt-5 sm:-mt-10 sm:h-16 dark:text-purple-800 text-purple-700 " preserveAspectRatio="none" viewBox="0 0 1440 54">
|
|
<path fill="currentColor" d="M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z"></path>
|
|
</svg>
|
|
<div class="bg-purple-700 dark:bg-purple-800 pt-12 mx-auto sm:max-w-full md:max-w-full lg:max-w-full md:px-24 lg:px-8">
|
|
<div class="grid gap-16 row-gap-10 mb-8 lg:grid-cols-6">
|
|
<div class="md:max-w-md lg:col-span-2">
|
|
<a href="/" aria-label="Go home" title="Company" class="inline-flex items-center">
|
|
<svg class="w-8 text-teal-400" viewBox="0 0 24 24" stroke-linejoin="round" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" stroke="currentColor" fill="none">
|
|
<rect x="3" y="1" width="7" height="12"></rect>
|
|
<rect x="3" y="17" width="7" height="6"></rect>
|
|
<rect x="14" y="1" width="7" height="6"></rect>
|
|
<rect x="14" y="11" width="7" height="12"></rect>
|
|
</svg>
|
|
<span class="ml-2 text-xl font-bold tracking-wide text-gray-100 uppercase">Company</span>
|
|
</a>
|
|
<div class="mt-4 lg:max-w-sm">
|
|
<p class="text-sm text-purple-50">
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
|
|
</p>
|
|
<p class="mt-4 text-sm text-purple-50">
|
|
Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-5 row-gap-8 lg:col-span-4 md:grid-cols-4">
|
|
<div>
|
|
<p class="font-semibold tracking-wide text-teal-300">
|
|
Category
|
|
</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">News</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">World</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Games</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">References</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold tracking-wide text-teal-300">Cherry</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Web</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">eCommerce</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Business</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Entertainment</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Portfolio</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold tracking-wide text-teal-300">Apples</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Media</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Brochure</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Nonprofit</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Educational</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Projects</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold tracking-wide text-teal-300">
|
|
Business
|
|
</p>
|
|
<ul class="mt-2 space-y-2">
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Infopreneur</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Personal</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Wiki</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" class="transition-colors duration-300 text-purple-50 hover:text-teal-400">Forum</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col justify-between pt-5 pb-10 border-t border-deep-purple-accent-200 sm:flex-row">
|
|
<p class="text-sm text-gray-100">
|
|
© Copyright 2020 Lorem Inc. All rights reserved.
|
|
</p>
|
|
<div class="flex items-center mt-4 space-x-4 sm:mt-0">
|
|
<a href="/" class="transition-colors duration-300 text-purple-100 hover:text-teal-accent-400">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M24,4.6c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-1,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6 c-2.7,0-4.9,2.2-4.9,4.9c0,0.4,0,0.8,0.1,1.1C7.7,8.1,4.1,6.1,1.7,3.1C1.2,3.9,1,4.7,1,5.6c0,1.7,0.9,3.2,2.2,4.1 C2.4,9.7,1.6,9.5,1,9.1c0,0,0,0,0,0.1c0,2.4,1.7,4.4,3.9,4.8c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1c0.6,2,2.4,3.4,4.6,3.4 c-1.7,1.3-3.8,2.1-6.1,2.1c-0.4,0-0.8,0-1.2-0.1c2.2,1.4,4.8,2.2,7.5,2.2c9.1,0,14-7.5,14-14c0-0.2,0-0.4,0-0.6 C22.5,6.4,23.3,5.5,24,4.6z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="transition-colors duration-300 text-purple-100 hover:text-teal-accent-400">
|
|
<svg viewBox="0 0 30 30" fill="currentColor" class="h-6">
|
|
<circle cx="15" cy="15" r="4"></circle>
|
|
<path
|
|
d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a href="/" class="transition-colors duration-300 text-purple-100 hover:text-teal-accent-400">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="h-5">
|
|
<path
|
|
d="M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- footer 15 end -->
|
|
|
|
<!-- footer 16 start -->
|
|
|
|
<section class="section_divider">
|
|
<div>Footer 16</div>
|
|
</section>
|
|
<section class="flex items-end w-full bg-white dark:bg-gray-800">
|
|
<footer class="w-full text-gray-700 bg-gray-100 dark:bg-gray-600 body-font">
|
|
<div
|
|
class="container flex flex-col flex-wrap px-5 py-10 mx-auto md:items-center lg:items-start md:flex-row md:flex-no-wrap">
|
|
<div class="flex-shrink-0 w-64 mx-auto text-center md:mx-0 md:text-left">
|
|
<a class="flex items-center justify-center font-medium text-gray-900 title-font md:justify-start">
|
|
<svg class="w-auto h-5 text-gray-900 dark:fill-white fill-black" viewBox="0 0 202 69"
|
|
xmlns="http://www.w3.org/2000/svg " >
|
|
<path
|
|
d="M57.44.672s6.656 1.872 6.656 5.72c0 0-1.56 2.6-3.744 6.552 8.424 1.248 16.744 1.248 23.816-1.976-1.352 7.904-12.688 8.008-26.208 6.136-7.696 13.624-19.656 36.192-19.656 42.848 0 .416.208.624.52.624 4.576 0 17.888-14.352 21.112-18.824 1.144-1.456 4.264.728 3.12 2.392C56.608 53.088 42.152 69 36.432 69c-4.472 0-8.216-5.928-8.216-10.4 0-6.552 11.752-28.08 20.28-42.952-9.984-1.664-20.176-3.64-27.976-3.848-13.936 0-16.64 3.536-17.576 6.032-.104.312-.52.52-.832.312-3.744-7.072-1.456-14.56 14.144-14.56 9.36 0 22.048 4.576 34.944 7.592C54.736 5.04 57.44.672 57.44.672zm46.124 41.08c1.144-1.456 4.264.728 3.016 2.392C100.236 53.088 85.78 69 80.06 69c-4.576 0-8.32-5.928-8.32-10.4v-.208C67.58 64.32 63.524 69 61.34 69c-4.472 0-8.944-4.992-8.944-11.856 0-10.608 15.704-33.072 24.96-33.072 4.992 0 7.384 2.392 8.528 4.576l2.6-4.576s6.656 1.976 6.656 5.824c0 0-13.312 24.336-13.312 30.056 0 .208 0 .624.52.624 4.472 0 17.888-14.352 21.216-18.824zm-40.56 18.72c2.184 0 11.752-13.312 17.368-22.048l4.16-7.488c-8.008-7.904-27.248 29.536-21.528 29.536zm57.564-38.168c-2.184 0-4.992-2.808-4.992-4.784 0-2.912 5.824-14.872 7.28-14.872 2.6 0 6.136 2.808 6.136 6.344 0 2.08-7.176 12.064-8.424 13.312zm-17.68 46.592c-4.472 0-8.216-5.928-8.216-10.4 0-6.656 16.744-34.528 16.744-34.528s6.552 1.976 6.552 5.824c0 0-13.312 24.336-13.312 30.056 0 .208.104.624.624.624 4.472 0 17.888-14.352 21.112-18.824 1.144-1.456 4.264.728 3.12 2.392-6.448 8.944-20.904 24.856-26.624 24.856zM147.244.672s6.656 1.872 6.656 5.72c0 0-25.792 43.784-25.792 53.56 0 .416.208.624.52.624 4.576 0 17.888-14.352 21.112-18.824 1.144-1.456 4.264.728 3.12 2.392C146.412 53.088 131.956 69 126.236 69c-4.472 0-8.216-5.928-8.216-10.4 0-10.4 29.224-57.928 29.224-57.928zM169.7 60.16c3.848-2.392 7.904-6.864 10.816-10.92 6.656-9.464 11.544-20.696 10.504-27.352-.312-3.432-.104-4.056 3.12-2.704 5.2 2.392 11.336 8.632 2.184 22.88-5.2 8.008-12.48 15.288-19.344 19.76-2.704 1.768-6.344 3.328-9.984 4.16-.52.416-1.04.728-1.456.936-1.872 1.352-4.264 2.08-7.592 2.08-14.664 0-16.848-12.272-16.848-16.016 0-2.392 3.224-4.68 4.784-3.744.208.104.312.416.312.624 0 2.808 1.872 13.104 9.984 13.104 7.904 0 3.432-18.304 2.288-27.144-1.456 2.288-3.432 4.992-5.616 8.32-2.6 3.744-5.72 1.456-4.784 0 5.824-8.424 9.152-13.832 11.856-18.616 1.248-2.08 3.328-3.328 6.448-3.328 2.704 0 5.824 3.016 6.864 4.784.312.52 0 1.04-.52 1.144a5.44 5.44 0 00-4.368 5.408c0 6.968 2.6 17.16 1.664 24.856l-.312 1.768z"
|
|
fill-rule="nonzero" />
|
|
</svg>
|
|
</a>
|
|
<p class="mt-2 text-sm text-gray-500 dark:text-gray-200">Design, Code and Ship!</p>
|
|
</div>
|
|
<div class="flex flex-wrap flex-grow text-center lg:-mb-10 md:mt-0">
|
|
<div class="w-full px-4 mt-4 lg:w-1/4 md:w-1/4">
|
|
<a class="text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-900">Send a Message</a>
|
|
</div>
|
|
<div class="w-full px-4 mt-4 lg:w-1/4 md:w-1/4">
|
|
<a class="text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-900">Terms & Privacy</a>
|
|
</div>
|
|
<div class="w-full px-4 mt-4 lg:w-1/4 md:w-1/4">
|
|
<a class="text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-900">Help Resources</a>
|
|
</div>
|
|
<div class="w-full px-4 lg:w-1/4 md:w-1/4 lg:text-right">
|
|
<div class="mt-4">
|
|
<span class="inline-flex justify-center mt-2 sm:ml-auto sm:mt-0 sm:justify-start">
|
|
<a class="text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-700">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-700">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path
|
|
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-700">
|
|
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
|
|
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500 cursor-pointer dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-700">
|
|
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round"
|
|
stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path stroke="none"
|
|
d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z">
|
|
</path>
|
|
<circle cx="4" cy="4" r="2" stroke="none"></circle>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- footer 16 end -->
|
|
|
|
<!-- footer 17 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 17</div>
|
|
</section>
|
|
<section class="dark:bg-black">
|
|
|
|
<footer class="px-4 py-12 mx-auto max-w-7xl">
|
|
<div class="grid grid-cols-2 gap-10 mb-3 md:grid-cols-3 lg:grid-cols-12 lg:gap-20">
|
|
<div class="col-span-3">
|
|
<a href="/" title="Go to Kutty Home Page">
|
|
<svg class="w-auto h-6 fill-black dark:fill-white " width="86" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335 93">
|
|
<path
|
|
d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
|
|
|
|
/>
|
|
<path
|
|
d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
|
|
fill="#9E58E9"
|
|
/>
|
|
<path
|
|
d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
|
|
fill="#7629C8"
|
|
/>
|
|
</svg>
|
|
<span class="sr-only">Kutty Home Page</span>
|
|
</a>
|
|
<p class="my-4 text-xs leading-normal dark:text-gray-300 text-gray-500">
|
|
Bring together your discussions, memberships, and content. Integrate a thriving community wherever your audience is, all under your own brand.
|
|
</p>
|
|
<label class="flex w-24">
|
|
<span class="sr-only">Select a language</span>
|
|
<select class="form-select form-select-sm">
|
|
<option>English</option>
|
|
<option>Other</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<nav class="col-span-1 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider dark:text-purple-700 text-gray-400 uppercase">Product</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Features</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Integrations</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Documentation</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">FAQs</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Pricing</a>
|
|
</nav>
|
|
<nav class="col-span-1 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider dark:text-purple-700 text-gray-400 uppercase">About</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Press-Kit</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Company</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Privacy</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Blog</a>
|
|
</nav>
|
|
<nav class="col-span-2 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider dark:text-purple-700 text-gray-400 uppercase">Contact</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Twitter</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Instagram</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Email</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Advertising</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-600 dark:text-gray-200 dark:hover:text-purple-600">Chat</a>
|
|
</nav>
|
|
<div class="col-span-3">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider dark:text-purple-700 text-gray-400 uppercase">SUBSCRIBE TO OUR NEWSLETTER</p>
|
|
<form action="#" class="mb-2">
|
|
<div class="form-append">
|
|
<input class="form-input form-input-sm dark:rounded-lg dark:p-1" type="email" placeholder="Enter your email" />
|
|
<button class="btn btn-light-primary btn-sm" type="submit">Subscribe</button>
|
|
</div>
|
|
</form>
|
|
<p class="text-xs leading-normal dark:text-gray-300 text-gray-500">Get lessons and insights on how to grow your freelance business.</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col items-start justify-between pt-10 mt-10 border-t border-gray-100 md:flex-row md:items-center">
|
|
<p class="mb-6 text-sm text-left text-gray-600 dark:text-gray-300 md:mb-0">© Copyright 2020 Skcript. All Rights Reserved.</p>
|
|
<div class="flex items-start justify-start space-x-6 md:items-center md:justify-center">
|
|
<a href="#" class="text-sm text-gray-600 dark:text-gray-300 transition hover:text-purple-600">Terms</a>
|
|
<a href="#" class="text-sm text-gray-600 dark:text-gray-300 transition hover:text-purple-600">Privacy</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</section>
|
|
<!-- footer 17 end -->
|
|
|
|
<!-- footer 18 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 18</div>
|
|
</section>
|
|
|
|
<section class="dark:bg-black">
|
|
|
|
<footer class="px-4 py-12 mx-auto max-w-7xl">
|
|
<div class="grid grid-cols-2 gap-10 mb-3 md:grid-cols-3 lg:grid-cols-11 lg:gap-20">
|
|
<div class="col-span-3">
|
|
<a href="#" title="Hellonext Home Page" class="flex items-center">
|
|
<svg class="w-auto h-6 fill-black dark:fill-white" width="86" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335 93">
|
|
<path
|
|
d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
|
|
fill=""
|
|
/>
|
|
<path
|
|
d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
|
|
fill="#9E58E9"
|
|
/>
|
|
<path
|
|
d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
|
|
fill="#7629C8"
|
|
/>
|
|
</svg>
|
|
<span class="sr-only">Kutty Home Page</span>
|
|
</a>
|
|
<p class="my-4 text-xs leading-normal text-gray-600 dark:text-gray-200">
|
|
Hosted in the EU 🇪🇺, with <strong>no user tracking</strong> scripts. Made all over the world by <a href="#" class="underline" target="_blank">17 amazing people</a>.
|
|
</p>
|
|
</div>
|
|
<nav class="col-span-1 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider text-gray-400 uppercase">Product</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Features</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Pricing</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Feedback</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">FAQs</a>
|
|
</nav>
|
|
<nav class="col-span-2 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider text-gray-400 uppercase">Support</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Chat</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#"> Email Support </a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">GDPR</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#"> Help </a>
|
|
</nav>
|
|
<nav class="col-span-1 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider text-gray-400 uppercase">Resources</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Blog</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#"> Twitter </a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Alternatives</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Why feature vote?</a>
|
|
</nav>
|
|
<nav class="col-span-1 md:col-span-1 lg:col-span-2">
|
|
<p class="mb-3 text-xs font-semibold tracking-wider text-gray-400 uppercase">Company</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">About Us</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Privacy</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Terms</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-800 transition md:mb-2 hover:text-purple-800 dark:text-gray-200 dark:hover:text-purple-800 " href="#">Status</a>
|
|
</nav>
|
|
</div>
|
|
<div class="flex flex-col items-start justify-between pt-10 mt-10 border-t border-gray-100 md:flex-row md:items-center">
|
|
<p class="mb-2 text-xs text-left text-gray-600 dark:text-gray-400 md:mb-0">Built by Product Managers, for Product Managers.</p>
|
|
<p class="mb-0 text-xs text-left text-gray-600 dark:text-gray-400 md:mb-0">Copyright © 2020 Hellonext</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</section>
|
|
<!-- footer 18 end -->
|
|
|
|
<!-- footer 19 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 19</div>
|
|
</section>
|
|
<section class="dark:bg-black">
|
|
|
|
<footer class="px-4 py-20 dark:text-white text-gray-800 ">
|
|
<div class="mx-auto max-w-7xl">
|
|
<div class="grid grid-cols-2 gap-4 mb-3 md:grid-cols-5">
|
|
<a href="/" title="Go to Kutty Home Page" class="col-span-2 mb-12 md:col-span-1 ">
|
|
<svg class="w-auto h-6 dark:fill-white fill-black" width="86" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335 93">
|
|
<path
|
|
d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
|
|
|
|
/>
|
|
<path
|
|
d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
|
|
fill="#9E58E9"
|
|
/>
|
|
<path
|
|
d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
|
|
fill="#7629C8"
|
|
/>
|
|
</svg>
|
|
<span class="sr-only">Kutty Home Page</span>
|
|
</a>
|
|
<nav class="mb-8">
|
|
<p class="mb-3 text-xs font-bold tracking-wider text-gray-500 uppercase">Product</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Features</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Integrations</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Documentation</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">FAQs</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Pricing</a>
|
|
</nav>
|
|
<nav class="mb-8">
|
|
<p class="mb-3 text-xs font-bold tracking-wider text-gray-500 uppercase">About</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Press-Kit</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Company</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Privacy</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Blog</a>
|
|
</nav>
|
|
<nav class="mb-8">
|
|
<p class="mb-3 text-xs font-bold tracking-wider text-gray-500 uppercase">Contact</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Twitter</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Instagram</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Email</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Advertising</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Chat</a>
|
|
</nav>
|
|
<nav class="mb-8">
|
|
<p class="mb-3 text-xs font-bold tracking-wider text-gray-500 uppercase">Legal</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Terms of Service</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Privacy Policy</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Cookie Policy</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Affiliate Program</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium transition md:mb-2 hover:text-purple-600">Manage Cookies</a>
|
|
</nav>
|
|
</div>
|
|
<p class="text-sm font-medium text-left text-gray-600 md:text-center">© Copyright 2020 Skcript Inc. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
<!-- footer 19 end -->
|
|
|
|
<!--footer 20 start-->
|
|
<section class="section_divider">
|
|
<div>Footer 20 </div>
|
|
</section>
|
|
<section class="dark:bg-gray-800">
|
|
<footer class="flex flex-col items-center justify-between px-4 py-12 mx-auto max-w-7xl md:flex-row">
|
|
<p class="mb-8 text-sm text-center text-gray-700 dark:text-gray-200 md:text-left md:mb-0">© Copyright 2020 Skcript. All Rights Reserved.</p>
|
|
<div class="flex items-center space-x-6">
|
|
<a href="#" >
|
|
<span class="sr-only">Twitter</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2031" viewBox="-0.25 -0.25 1109.5 901.5" class="w-5 h-5 " aria-hidden="true">
|
|
<path
|
|
d="M741 .2V0h52l19 3.8c12.667 2.467 24.167 5.7 34.5 9.7 10.334 4 20.334 8.667 30 14 9.667 5.333 18.434 10.767 26.301 16.3 7.8 5.467 14.8 11.267 21 17.4C929.933 67.4 939.5 69 952.5 66s27-7.167 42-12.5 29.834-11.333 44.5-18c14.667-6.667 23.601-10.9 26.801-12.7 3.133-1.866 4.8-2.866 5-3l.199-.3 1-.5 1-.5 1-.5 1-.5.2-.3.3-.2.301-.2.199-.3 1-.3 1-.2-.199 1.5-.301 1.5-.5 1.5-.5 1.5-.5 1-.5 1-.5 1.5c-.333 1-.666 2.333-1 4-.333 1.667-3.5 8.333-9.5 20S1051 73 1042 85s-17.066 21.066-24.199 27.2c-7.2 6.2-11.967 10.533-14.301 13-2.333 2.533-5.166 4.866-8.5 7l-5 3.3-1 .5-1 .5-.199.3-.301.2-.3.2-.2.3-1 .5-1 .5-.199.3-.301.2-.3.2-.2.3-.199.3-.301.2-.3.2-.2.3h5l28-6c18.667-4 36.5-8.833 53.5-14.5l27-9 3-1 1.5-.5 1-.5 1-.5 1-.5 1-.5 2-.3 2-.2v2l-.5.2-.5.3-.199.3-.301.2-.3.2-.2.3-.199.3-.301.2-.3.2-.2.3-.199.3-.301.2-.5 1-.5 1-.3.2c-.133.2-4.366 5.866-12.7 17-8.333 11.2-12.833 16.866-13.5 17-.666.2-1.6 1.2-2.8 3-1.133 1.866-8.2 9.3-21.2 22.3s-25.732 24.566-38.199 34.7c-12.533 10.2-18.867 22.733-19 37.6-.2 14.8-.967 31.534-2.301 50.2-1.333 18.667-3.833 38.833-7.5 60.5-3.666 21.667-9.333 46.167-17 73.5-7.666 27.333-17 54-28 80s-22.5 49.333-34.5 70-23 38.167-33 52.5-20.166 27.833-30.5 40.5c-10.333 12.667-23.399 26.934-39.199 42.8-15.867 15.8-24.533 24.467-26 26-1.533 1.467-8.066 6.934-19.601 16.4-11.466 9.533-23.8 19.066-37 28.6-13.133 9.467-25.2 17.367-36.2 23.7s-24.266 13.566-39.8 21.7C630.734 840.4 614 848 596 855s-37 13.5-57 19.5-39.333 10.667-58 14c-18.666 3.333-39.833 6.167-63.5 8.5l-35.5 3.5v.5h-65v-.5l-8.5-.5c-5.666-.333-10.333-.667-14-1-3.666-.333-17.5-2.167-41.5-5.5s-42.833-6.667-56.5-10c-13.666-3.333-34-9.667-61-19s-50.1-18.767-69.3-28.3c-19.133-9.467-31.133-15.467-36-18-4.8-2.467-10.2-5.533-16.2-9.2l-9-5.5-.199-.3-.301-.2-.3-.2-.2-.3-1-.5-1-.5-.199-.3-.301-.2-.3-.2-.2-.3-.199-.3L.5 800H0v-2l1 .2 1 .3 4.5.5c3 .333 11.167.833 24.5 1.5 13.334.667 27.5.667 42.5 0s30.334-2.167 46-4.5c15.667-2.333 34.167-6.333 55.5-12 21.334-5.667 40.934-12.4 58.801-20.2 17.8-7.866 30.466-13.733 38-17.6 7.466-3.8 18.866-10.867 34.199-21.2l23-15.5.2-.3.3-.2.301-.2.199-.3.2-.3.3-.2.301-.2.199-.3 1-.3 1-.2.2-1 .3-1 .301-.2.199-.3-8-.5c-5.333-.333-10.5-.667-15.5-1s-12.833-1.833-23.5-4.5c-10.666-2.667-22.166-6.667-34.5-12-12.333-5.333-24.333-11.667-36-19-11.666-7.333-20.1-13.434-25.3-18.3-5.133-4.801-11.8-11.6-20-20.4-8.133-8.866-15.2-17.967-21.2-27.3s-11.733-20.101-17.199-32.3L124.5 551l-.5-1.5-.5-1.5-.3-1-.2-1 1.5.2 1.5.3 11 1.5c7.334 1 18.834 1.333 34.5 1 15.667-.333 26.5-1 32.5-2s9.667-1.667 11-2l2-.5 2.5-.5 2.5-.5.2-.3.3-.2.301-.2.199-.3-2-.5-2-.5-2-.5-2-.5-2-.5c-1.333-.333-3.666-1-7-2-3.333-1-12.333-4.667-27-11-14.666-6.333-26.333-12.5-35-18.5a241.7 241.7 0 0 1-24.8-19.7c-7.8-7.2-16.366-16.467-25.7-27.8-9.333-11.333-17.666-24.5-25-39.5-7.333-15-12.833-29.333-16.5-43a232.143 232.143 0 0 1-7.199-41.5L43 316l1 .2 1 .3 1 .5 1 .5 1 .5 1 .5 15.5 7c10.334 4.667 23.167 8.667 38.5 12 15.334 3.333 24.5 5.167 27.5 5.5l4.5.5h9l-.199-.3-.301-.2-.3-.2-.2-.3-.199-.3-.301-.2-.3-.2-.2-.3-1-.5-1-.5-.199-.3-.301-.2-.3-.2-.2-.3-1-.5-1-.5-.199-.3c-.2-.134-3.067-2.267-8.601-6.4-5.467-4.2-11.2-9.633-17.2-16.3s-12-13.667-18-21A162.158 162.158 0 0 1 77 271c-4.666-8.333-9.6-18.934-14.8-31.8-5.133-12.8-9.033-25.7-11.7-38.7-2.666-13-4.166-25.833-4.5-38.5-.333-12.667 0-23.5 1-32.5s3-19.167 6-30.5 7.334-23.333 13-36l8.5-19 .5-1.5.5-1.5.301-.2.199-.3.2-.3.3-.2.301.2.199.3.2.3.3.2.301.2.199.3.2.3.3.2.5 1 .5 1 .301.2.199.3 13.5 15c9 10 19.667 21.167 32 33.5 12.334 12.333 19.167 18.733 20.5 19.2 1.334.533 3 2.066 5 4.6 2 2.467 8.667 8.367 20 17.7 11.334 9.333 26.167 20.167 44.5 32.5 18.334 12.333 38.667 24.5 61 36.5 22.334 12 46.334 22.833 72 32.5 25.667 9.667 43.667 16 54 19 10.334 3 28 6.833 53 11.5s43.834 7.667 56.5 9c12.667 1.333 21.334 2.1 26 2.3l7 .2-.199-1.5-.301-1.5-2-12.5c-1.333-8.333-2-20-2-35s1.167-28.833 3.5-41.5c2.334-12.667 5.834-25.5 10.5-38.5 4.667-13 9.234-23.434 13.7-31.3 4.534-7.8 10.467-16.7 17.8-26.7 7.334-10 16.834-20.333 28.5-31 11.667-10.667 25-20.167 40-28.5s28.834-14.667 41.5-19c12.667-4.333 23.334-7.167 32-8.5 8.667-1.333 13-2.1 13-2.3z"
|
|
fill="#5da8dc"
|
|
stroke="#5da8dc"
|
|
stroke-width=".5"
|
|
/>
|
|
<path
|
|
d="M0 399V0h741v.2c0 .2-4.333.966-13 2.3-8.666 1.333-19.333 4.167-32 8.5-12.666 4.333-26.5 10.667-41.5 19s-28.333 17.833-40 28.5c-11.666 10.667-21.166 21-28.5 31-7.333 10-13.266 18.9-17.8 26.7-4.466 7.866-9.033 18.3-13.7 31.3-4.666 13-8.166 25.833-10.5 38.5-2.333 12.667-3.5 26.5-3.5 41.5s.667 26.667 2 35l2 12.5.301 1.5.199 1.5-7-.2c-4.666-.2-13.333-.966-26-2.3-12.666-1.333-31.5-4.333-56.5-9s-42.666-8.5-53-11.5c-10.333-3-28.333-9.333-54-19-25.666-9.667-49.666-20.5-72-32.5-22.333-12-42.666-24.167-61-36.5-18.333-12.333-33.166-23.167-44.5-32.5-11.333-9.333-18-15.233-20-17.7-2-2.533-3.666-4.066-5-4.6-1.333-.467-8.166-6.867-20.5-19.2-12.333-12.333-23-23.5-32-33.5L80 44.5l-.199-.3-.301-.2-.5-1-.5-1-.3-.2-.2-.3-.199-.3-.301-.2-.3-.2-.2-.3-.199-.3-.301-.2-.3.2-.2.3-.199.3-.301.2-.5 1.5-.5 1.5L66 63c-5.666 12.667-10 24.667-13 36s-5 21.5-6 30.5-1.333 19.833-1 32.5c.334 12.667 1.834 25.5 4.5 38.5 2.667 13 6.567 25.9 11.7 38.7 5.2 12.866 10.134 23.466 14.8 31.8 4.667 8.333 10 16.167 16 23.5 6 7.333 12 14.333 18 21s11.733 12.1 17.2 16.3c5.533 4.134 8.4 6.267 8.601 6.4l.199.3 1 .5 1 .5.2.3.3.2.301.2.199.3 1 .5 1 .5.2.3.3.2.301.2.199.3.2.3.3.2.301.2.199.3h-9l-4.5-.5c-3-.333-12.166-2.167-27.5-5.5-15.333-3.333-28.166-7.333-38.5-12l-15.5-7-1-.5-1-.5-1-.5-1-.5-1-.3-1-.2 1.801 21c1.133 14 3.533 27.833 7.199 41.5 3.667 13.667 9.167 28 16.5 43 7.334 15 15.667 28.167 25 39.5 9.334 11.333 17.9 20.6 25.7 27.8a241.7 241.7 0 0 0 24.8 19.7c8.667 6 20.334 12.167 35 18.5 14.667 6.333 23.667 10 27 11 3.334 1 5.667 1.667 7 2l2 .5 2 .5 2 .5 2 .5 2 .5-.199.3-.301.2-.3.2-.2.3-2.5.5-2.5.5-2 .5c-1.333.333-5 1-11 2s-16.833 1.667-32.5 2c-15.666.333-27.166 0-34.5-1l-11-1.5-1.5-.3-1.5-.2.2 1 .3 1 .5 1.5.5 1.5 8.301 18.2C138.266 581.399 144 592.167 150 601.5s13.067 18.434 21.2 27.3c8.2 8.801 14.867 15.6 20 20.4 5.2 4.866 13.634 10.967 25.3 18.3 11.667 7.333 23.667 13.667 36 19 12.334 5.333 23.834 9.333 34.5 12 10.667 2.667 18.5 4.167 23.5 4.5s10.167.667 15.5 1l8 .5-.199.3-.301.2-.3 1-.2 1-1 .2-1 .3-.199.3-.301.2-.3.2-.2.3-.199.3-.301.2-.3.2-.2.3-23 15.5c-15.333 10.333-26.733 17.4-34.199 21.2-7.534 3.866-20.2 9.733-38 17.6-17.867 7.8-37.467 14.533-58.801 20.2-21.333 5.667-39.833 9.667-55.5 12-15.666 2.333-31 3.833-46 4.5s-29.166.667-42.5 0c-13.333-.667-21.5-1.167-24.5-1.5l-4.5-.5-1-.3-1-.2V399zM1107.801 109.8l.199-.3.5-.3.5-.2v792H382v-.5l35.5-3.5c23.667-2.333 44.834-5.167 63.5-8.5 18.667-3.333 38-8 58-14s39-12.5 57-19.5 34.734-14.6 50.2-22.8c15.534-8.134 28.8-15.367 39.8-21.7s23.067-14.233 36.2-23.7c13.2-9.533 25.534-19.066 37-28.6 11.534-9.467 18.067-14.934 19.601-16.4 1.467-1.533 10.133-10.2 26-26 15.8-15.866 28.866-30.133 39.199-42.8 10.334-12.667 20.5-26.167 30.5-40.5s21-31.833 33-52.5 23.5-44 34.5-70 20.334-52.667 28-80c7.667-27.333 13.334-51.833 17-73.5 3.667-21.667 6.167-41.833 7.5-60.5 1.334-18.667 2.101-35.4 2.301-50.2.133-14.866 6.467-27.4 19-37.6 12.467-10.134 25.199-21.7 38.199-34.7s20.067-20.434 21.2-22.3c1.2-1.8 2.134-2.8 2.8-3 .667-.134 5.167-5.8 13.5-17 8.334-11.134 12.567-16.8 12.7-17l.3-.2.5-1 .5-1 .301-.2.199-.3.2-.3.3-.2.301-.2.199-.3.2-.3.3-.2.301-.2zM812 3.8L793 0h316v107l-2 .2-2 .3-1 .5-1 .5-1 .5-1 .5-1.5.5-3 1-27 9c-17 5.667-34.833 10.5-53.5 14.5l-28 6h-5l.2-.3.3-.2.301-.2.199-.3.2-.3.3-.2.301-.2.199-.3 1-.5 1-.5.2-.3.3-.2.301-.2.199-.3 1-.5 1-.5 5-3.3c3.334-2.134 6.167-4.467 8.5-7 2.334-2.467 7.101-6.8 14.301-13C1024.933 106.066 1033 97 1042 85s16.5-23.833 22.5-35.5 9.167-18.333 9.5-20c.334-1.667.667-3 1-4l.5-1.5.5-1 .5-1 .5-1.5.5-1.5.301-1.5.199-1.5-1 .2-1 .3-.199.3-.301.2-.3.2-.2.3-1 .5-1 .5-1 .5-1 .5-.199.3c-.2.134-1.867 1.134-5 3-3.2 1.8-12.134 6.034-26.801 12.7-14.666 6.667-29.5 12.667-44.5 18s-29 9.5-42 12.5-22.566 1.4-28.699-4.8c-6.2-6.134-13.2-11.934-21-17.4-7.867-5.533-16.634-10.966-26.301-16.3a245.399 245.399 0 0 0-30-14c-10.333-4-21.833-7.233-34.5-9.7zM0 850.5V800h.5l.301.2.199.3.2.3.3.2.301.2.199.3 1 .5 1 .5.2.3.3.2.301.2.199.3 9 5.5c6 3.667 11.4 6.733 16.2 9.2 4.867 2.533 16.867 8.533 36 18 19.2 9.533 42.3 18.967 69.3 28.3s47.334 15.667 61 19c13.667 3.333 32.5 6.667 56.5 10s37.834 5.167 41.5 5.5c3.667.333 8.334.667 14 1l8.5.5v.5H0v-50.5z"
|
|
fill="rgba(191, 201, 202,0)"
|
|
stroke="#fff"
|
|
stroke-width=".5"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<span class="sr-only">LinkedIn</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="7.025 7.025 497.951 497.95" class="w-5 h-5" aria-hidden="true">
|
|
<linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-974.482" y1="1306.773" x2="-622.378" y2="1658.877" gradientTransform="translate(1054.43 -1226.825)">
|
|
<stop offset="0" stop-color="#2489be" />
|
|
<stop offset="1" stop-color="#0575b3" />
|
|
</linearGradient>
|
|
<path
|
|
d="M256 7.025C118.494 7.025 7.025 118.494 7.025 256S118.494 504.975 256 504.975 504.976 393.506 504.976 256C504.975 118.494 393.504 7.025 256 7.025zm-66.427 369.343h-54.665V199.761h54.665v176.607zM161.98 176.633c-17.853 0-32.326-14.591-32.326-32.587 0-17.998 14.475-32.588 32.326-32.588s32.324 14.59 32.324 32.588c.001 17.997-14.472 32.587-32.324 32.587zm232.45 199.735h-54.4v-92.704c0-25.426-9.658-39.619-29.763-39.619-21.881 0-33.312 14.782-33.312 39.619v92.704h-52.43V199.761h52.43v23.786s15.771-29.173 53.219-29.173c37.449 0 64.257 22.866 64.257 70.169l-.001 111.825z"
|
|
fill="url(#a)"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<span class="sr-only">Instagram</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 2500" width="2500" height="2500" class="w-5 h-5" aria-hidden="true">
|
|
<defs>
|
|
<radialGradient id="0" cx="332.14" cy="2511.81" r="3263.54" gradientUnits="userSpaceOnUse">
|
|
<stop offset=".09" stop-color="#fa8f21" />
|
|
<stop offset=".78" stop-color="#d82d7e" />
|
|
</radialGradient>
|
|
<radialGradient id="1" cx="1516.14" cy="2623.81" r="2572.12" gradientUnits="userSpaceOnUse">
|
|
<stop offset=".64" stop-color="#8c3aaa" stop-opacity="0" />
|
|
<stop offset="1" stop-color="#8c3aaa" />
|
|
</radialGradient>
|
|
</defs>
|
|
<path
|
|
d="M833.4,1250c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7S833.4,1480.11,833.4,1250m-225.26,0c0,354.5,287.36,641.86,641.86,641.86S1891.86,1604.5,1891.86,1250,1604.5,608.14,1250,608.14,608.14,895.5,608.14,1250M1767.27,582.69a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M745,2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27s373.28,1.31,505.15,7.27c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M734.65,7.57c-133.07,6.06-224,27.16-303.41,58.06C349,97.54,279.38,140.35,209.81,209.81S97.54,349,65.63,431.24c-30.9,79.46-52,170.34-58.06,303.41C1.41,867.93,0,910.54,0,1250s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43S349,2402.37,431.24,2434.37c79.56,30.9,170.34,52,303.41,58.06C868,2498.49,910.54,2500,1250,2500s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95,97.54,2068.86,65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17,1.51,1589.56,0,1250.1,0S868,1.41,734.65,7.57"
|
|
fill="url(#0)"
|
|
/>
|
|
<path
|
|
d="M833.4,1250c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7S833.4,1480.11,833.4,1250m-225.26,0c0,354.5,287.36,641.86,641.86,641.86S1891.86,1604.5,1891.86,1250,1604.5,608.14,1250,608.14,608.14,895.5,608.14,1250M1767.27,582.69a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M745,2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27s373.28,1.31,505.15,7.27c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M734.65,7.57c-133.07,6.06-224,27.16-303.41,58.06C349,97.54,279.38,140.35,209.81,209.81S97.54,349,65.63,431.24c-30.9,79.46-52,170.34-58.06,303.41C1.41,867.93,0,910.54,0,1250s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43S349,2402.37,431.24,2434.37c79.56,30.9,170.34,52,303.41,58.06C868,2498.49,910.54,2500,1250,2500s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95,97.54,2068.86,65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17,1.51,1589.56,0,1250.1,0S868,1.41,734.65,7.57"
|
|
fill="url(#1)"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<span class="sr-only">Facebook</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="1298" height="2500" viewBox="88.428 12.828 107.543 207.085" class="w-5 h-5" aria-hidden="true">
|
|
<path
|
|
d="M158.232 219.912v-94.461h31.707l4.747-36.813h-36.454V65.134c0-10.658 2.96-17.922 18.245-17.922l19.494-.009V14.278c-3.373-.447-14.944-1.449-28.406-1.449-28.106 0-47.348 17.155-47.348 48.661v27.149H88.428v36.813h31.788v94.461l38.016-.001z"
|
|
fill="#3c5a9a"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
<!--footer 20 end-->
|
|
|
|
<!-- footer 21 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 21</div>
|
|
</section>
|
|
<section class="dark:bg-gray-800 dark:text-white">
|
|
<footer class="px-4 py-16 mx-auto max-w-7xl ">
|
|
<nav class="grid grid-cols-2 gap-12 mb-12 md:grid-cols-3 lg:grid-cols-5">
|
|
<div >
|
|
<p class="mb-4 text-sm font-medium text-purple-600">Product</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Tour</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Online Whiteboard</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Downloads</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Integrations and Apps</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Security</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">All Integrations</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Slack Integration</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Microsoft Integrations</a>
|
|
</div>
|
|
<div>
|
|
<p class="mb-4 text-sm font-medium text-purple-600">Plans and Pricing</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Pricing</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Team</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Business</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Enterprise</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Consultants</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Education</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">NPO</a>
|
|
</div>
|
|
<div>
|
|
<p class="mb-4 text-sm font-medium text-purple-600">Support and Resources</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Templates</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Events</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Guides</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Academy</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Help Center</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Consultant Directory</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Affiliate Program</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Status Page</a>
|
|
</div>
|
|
<div>
|
|
<p class="mb-4 text-sm font-medium text-purple-600">Company</p>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600">About</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600">Blog</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600">Contact Us</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600">We're Hiring</a>
|
|
<a href="#" class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600">Legal</a>
|
|
</div>
|
|
<div class="col-span-2 md:col-span-1">
|
|
<p class="mb-4 text-sm font-medium text-purple-600">Use Cases</p>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Ideation and Brainstorming</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Agile Workflows</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Research and Design</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Strategy and Planning</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Product Management</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Mind Mapping</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">Sticky Notes Capture</a>
|
|
<a class="flex mb-3 text-sm font-medium text-gray-700 transition md:mb-2 hover:text-purple-600 dark:text-white dark:hover:text-purple-600" href="#">UX Research & Design</a>
|
|
</div>
|
|
</nav>
|
|
<div class="flex flex-col items-center justify-between md:flex-row">
|
|
<a href="/" title="Go to Kutty Home Page" class="mb-4 md:mb-0 dark:p-2 dark:rounded-lg dark:ring-2 dark:ring-purple-300 dark:hover:ring-purple-400">
|
|
<svg class="w-auto h-6 fill-black dark:fill-white" width="86" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335 93">
|
|
<path
|
|
d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
|
|
fill=""
|
|
/>
|
|
<path
|
|
d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
|
|
fill="#9E58E9"
|
|
/>
|
|
<path
|
|
d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
|
|
fill="#7629C8"
|
|
/>
|
|
</svg>
|
|
<span class="sr-only"> Home Page</span>
|
|
</a>
|
|
<p class="text-sm text-center text-gray-600 dark:text-gray-200 md:text-left">© 2020 Skcript</p>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- footer 21 end -->
|
|
|
|
<!-- footer 22 start -->
|
|
|
|
<section class="section_divider">
|
|
<div>Footer 22</div>
|
|
</section>
|
|
<footer class="dark:bg-gray-800 dark:text-gray-50">
|
|
<div class="container flex flex-col p-4 mx-auto md:p-8 lg:flex-row divide-gray-400">
|
|
<ul class="self-center py-6 space-y-4 text-center sm:flex sm:space-y-0 sm:justify-around sm:space-x-4 lg:flex-1 lg:justify-start">
|
|
<li>Shop</li>
|
|
<li>About</li>
|
|
<li>Blog</li>
|
|
<li>Pricing</li>
|
|
<li>Contact</li>
|
|
</ul>
|
|
<div class="flex flex-col justify-center pt-6 lg:pt-0">
|
|
<div class="flex justify-center space-x-4">
|
|
<a rel="noopener noreferrer" href="#" title="Instagram" class="flex items-center justify-center w-8 h-8 rounded-full sm:w-10 sm:h-10 dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-4 h-4">
|
|
<path d="M16 0c-4.349 0-4.891 0.021-6.593 0.093-1.709 0.084-2.865 0.349-3.885 0.745-1.052 0.412-1.948 0.959-2.833 1.849-0.891 0.885-1.443 1.781-1.849 2.833-0.396 1.020-0.661 2.176-0.745 3.885-0.077 1.703-0.093 2.244-0.093 6.593s0.021 4.891 0.093 6.593c0.084 1.704 0.349 2.865 0.745 3.885 0.412 1.052 0.959 1.948 1.849 2.833 0.885 0.891 1.781 1.443 2.833 1.849 1.020 0.391 2.181 0.661 3.885 0.745 1.703 0.077 2.244 0.093 6.593 0.093s4.891-0.021 6.593-0.093c1.704-0.084 2.865-0.355 3.885-0.745 1.052-0.412 1.948-0.959 2.833-1.849 0.891-0.885 1.443-1.776 1.849-2.833 0.391-1.020 0.661-2.181 0.745-3.885 0.077-1.703 0.093-2.244 0.093-6.593s-0.021-4.891-0.093-6.593c-0.084-1.704-0.355-2.871-0.745-3.885-0.412-1.052-0.959-1.948-1.849-2.833-0.885-0.891-1.776-1.443-2.833-1.849-1.020-0.396-2.181-0.661-3.885-0.745-1.703-0.077-2.244-0.093-6.593-0.093zM16 2.88c4.271 0 4.781 0.021 6.469 0.093 1.557 0.073 2.405 0.333 2.968 0.553 0.751 0.291 1.276 0.635 1.844 1.197 0.557 0.557 0.901 1.088 1.192 1.839 0.22 0.563 0.48 1.411 0.553 2.968 0.072 1.688 0.093 2.199 0.093 6.469s-0.021 4.781-0.099 6.469c-0.084 1.557-0.344 2.405-0.563 2.968-0.303 0.751-0.641 1.276-1.199 1.844-0.563 0.557-1.099 0.901-1.844 1.192-0.556 0.22-1.416 0.48-2.979 0.553-1.697 0.072-2.197 0.093-6.479 0.093s-4.781-0.021-6.48-0.099c-1.557-0.084-2.416-0.344-2.979-0.563-0.76-0.303-1.281-0.641-1.839-1.199-0.563-0.563-0.921-1.099-1.197-1.844-0.224-0.556-0.48-1.416-0.563-2.979-0.057-1.677-0.084-2.197-0.084-6.459 0-4.26 0.027-4.781 0.084-6.479 0.083-1.563 0.339-2.421 0.563-2.979 0.276-0.761 0.635-1.281 1.197-1.844 0.557-0.557 1.079-0.917 1.839-1.199 0.563-0.219 1.401-0.479 2.964-0.557 1.697-0.061 2.197-0.083 6.473-0.083zM16 7.787c-4.541 0-8.213 3.677-8.213 8.213 0 4.541 3.677 8.213 8.213 8.213 4.541 0 8.213-3.677 8.213-8.213 0-4.541-3.677-8.213-8.213-8.213zM16 21.333c-2.948 0-5.333-2.385-5.333-5.333s2.385-5.333 5.333-5.333c2.948 0 5.333 2.385 5.333 5.333s-2.385 5.333-5.333 5.333zM26.464 7.459c0 1.063-0.865 1.921-1.923 1.921-1.063 0-1.921-0.859-1.921-1.921 0-1.057 0.864-1.917 1.921-1.917s1.923 0.86 1.923 1.917z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Pinterest" class="flex items-center justify-center w-8 h-8 rounded-full sm:w-10 sm:h-10 dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-4 h-4">
|
|
<path d="M16.021 0c-8.828 0-15.984 7.156-15.984 15.984 0 6.771 4.214 12.552 10.161 14.88-0.141-1.266-0.266-3.203 0.052-4.583 0.292-1.25 1.875-7.943 1.875-7.943s-0.479-0.964-0.479-2.375c0-2.219 1.292-3.88 2.891-3.88 1.365 0 2.026 1.021 2.026 2.25 0 1.37-0.87 3.422-1.323 5.323-0.38 1.589 0.797 2.885 2.365 2.885 2.839 0 5.026-2.995 5.026-7.318 0-3.813-2.75-6.49-6.677-6.49-4.547 0-7.214 3.417-7.214 6.932 0 1.375 0.526 2.854 1.188 3.651 0.13 0.161 0.146 0.302 0.109 0.464-0.12 0.5-0.391 1.599-0.443 1.818-0.073 0.297-0.229 0.359-0.536 0.219-1.99-0.922-3.245-3.839-3.245-6.193 0-5.036 3.667-9.672 10.563-9.672 5.542 0 9.854 3.958 9.854 9.229 0 5.516-3.474 9.953-8.307 9.953-1.62 0-3.141-0.839-3.677-1.839l-1 3.797c-0.359 1.391-1.339 3.135-2 4.193 1.5 0.458 3.078 0.714 4.734 0.714 8.813 0 15.979-7.151 15.979-15.984 0-8.828-7.167-15.979-15.979-15.979z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Twitter" class="flex items-center justify-center w-8 h-8 rounded-full sm:w-10 sm:h-10 dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-4 h-4">
|
|
<path d="M31.937 6.093c-1.177 0.516-2.437 0.871-3.765 1.032 1.355-0.813 2.391-2.099 2.885-3.631-1.271 0.74-2.677 1.276-4.172 1.579-1.192-1.276-2.896-2.079-4.787-2.079-3.625 0-6.563 2.937-6.563 6.557 0 0.521 0.063 1.021 0.172 1.495-5.453-0.255-10.287-2.875-13.52-6.833-0.568 0.964-0.891 2.084-0.891 3.303 0 2.281 1.161 4.281 2.916 5.457-1.073-0.031-2.083-0.328-2.968-0.817v0.079c0 3.181 2.26 5.833 5.26 6.437-0.547 0.145-1.131 0.229-1.724 0.229-0.421 0-0.823-0.041-1.224-0.115 0.844 2.604 3.26 4.5 6.14 4.557-2.239 1.755-5.077 2.801-8.135 2.801-0.521 0-1.041-0.025-1.563-0.088 2.917 1.86 6.36 2.948 10.079 2.948 12.067 0 18.661-9.995 18.661-18.651 0-0.276 0-0.557-0.021-0.839 1.287-0.917 2.401-2.079 3.281-3.396z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Facebook" class="flex items-center justify-center w-8 h-8 rounded-full sm:w-10 sm:h-10 dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-4 h-4">
|
|
<path d="M32 16c0-8.839-7.167-16-16-16-8.839 0-16 7.161-16 16 0 7.984 5.849 14.604 13.5 15.803v-11.177h-4.063v-4.625h4.063v-3.527c0-4.009 2.385-6.223 6.041-6.223 1.751 0 3.584 0.312 3.584 0.312v3.937h-2.021c-1.984 0-2.604 1.235-2.604 2.5v3h4.437l-0.713 4.625h-3.724v11.177c7.645-1.199 13.5-7.819 13.5-15.803z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Gmail" class="flex items-center justify-center w-8 h-8 rounded-full sm:w-10 sm:h-10 dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-4 h-4">
|
|
<path d="M16.318 13.714v5.484h9.078c-0.37 2.354-2.745 6.901-9.078 6.901-5.458 0-9.917-4.521-9.917-10.099s4.458-10.099 9.917-10.099c3.109 0 5.193 1.318 6.38 2.464l4.339-4.182c-2.786-2.599-6.396-4.182-10.719-4.182-8.844 0-16 7.151-16 16s7.156 16 16 16c9.234 0 15.365-6.49 15.365-15.635 0-1.052-0.115-1.854-0.255-2.651z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- footer 22 end -->
|
|
|
|
|
|
|
|
<!-- footer 23 start -->
|
|
|
|
<section class="section_divider">
|
|
<div>Footer 22</div>
|
|
</section>
|
|
<footer class="py-6 dark:bg-gray-800 dark:text-gray-50">
|
|
<div class="container px-6 mx-auto space-y-6 divide-y divide-gray-400 md:space-y-12 divide-opacity-50">
|
|
<div class="grid grid-cols-12">
|
|
<div class="pb-6 col-span-full md:pb-0 md:col-span-6">
|
|
<a rel="noopener noreferrer" href="#" class="flex justify-center space-x-3 md:justify-start">
|
|
<div class="flex items-center justify-center w-12 h-12 rounded-full dark:bg-violet-400">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="flex-shrink-0 w-5 h-5 rounded-full dark:text-gray-900">
|
|
<path d="M18.266 26.068l7.839-7.854 4.469 4.479c1.859 1.859 1.859 4.875 0 6.734l-1.104 1.104c-1.859 1.865-4.875 1.865-6.734 0zM30.563 2.531l-1.109-1.104c-1.859-1.859-4.875-1.859-6.734 0l-6.719 6.734-6.734-6.734c-1.859-1.859-4.875-1.859-6.734 0l-1.104 1.104c-1.859 1.859-1.859 4.875 0 6.734l6.734 6.734-6.734 6.734c-1.859 1.859-1.859 4.875 0 6.734l1.104 1.104c1.859 1.859 4.875 1.859 6.734 0l21.307-21.307c1.859-1.859 1.859-4.875 0-6.734z"></path>
|
|
</svg>
|
|
</div>
|
|
<span class="self-center text-2xl text-violet-400 font-semibold">Brand name</span>
|
|
</a>
|
|
</div>
|
|
<div class="col-span-6 text-center md:text-left md:col-span-3">
|
|
<p class="pb-1 text-lg text-violet-400 font-medium">Category</p>
|
|
<ul>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li><!---->
|
|
</ul>
|
|
</div>
|
|
<div class="col-span-6 text-center md:text-left md:col-span-3">
|
|
<p class="pb-1 text-lg text-violet-400 font-medium">Category</p>
|
|
<ul>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#" class="hover:dark:text-violet-400">Link</a>
|
|
</li><!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="grid justify-center pt-6 lg:justify-between">
|
|
<div class="flex flex-col self-center text-sm text-center md:block lg:col-start-1 md:space-x-6">
|
|
<span>©2022 All rights reserved</span>
|
|
<a rel="noopener noreferrer" href="#">
|
|
<span>Privacy policy</span>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#">
|
|
<span>Terms of service</span>
|
|
</a>
|
|
</div>
|
|
<div class="flex justify-center pt-4 space-x-4 lg:pt-0 lg:col-end-13">
|
|
<a rel="noopener noreferrer" href="#" title="Email" class="flex items-center justify-center w-10 h-10 rounded-full dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
|
|
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
|
|
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Twitter" class="flex items-center justify-center w-10 h-10 rounded-full dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="currentColor" class="w-5 h-5">
|
|
<path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="GitHub" class="flex items-center justify-center w-10 h-10 rounded-full dark:bg-violet-400 dark:text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="w-5 h-5">
|
|
<path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--footer 23 end-->
|
|
|
|
<!-- footer 24 start -->
|
|
<section class="section_divider">
|
|
<div>footer 24</div>
|
|
</section>
|
|
|
|
<footer class="p-6 dark:bg-gray-800 dark:text-gray-100">
|
|
<div class="container grid grid-cols-2 mx-auto gap-x-3 gap-y-8 sm:grid-cols-3 md:grid-cols-4">
|
|
<div class="flex flex-col space-y-4">
|
|
<h2 class="font-medium">Getting started</h2>
|
|
<div class="flex flex-col space-y-2 text-sm dark:text-gray-400">
|
|
<a rel="noopener noreferrer" href="#">Installation</a>
|
|
<a rel="noopener noreferrer" href="#">Release Notes</a>
|
|
<a rel="noopener noreferrer" href="#">Upgrade Guide</a>
|
|
<a rel="noopener noreferrer" href="#">Using with Preprocessors</a>
|
|
<a rel="noopener noreferrer" href="#">Optimizing for Production</a>
|
|
<a rel="noopener noreferrer" href="#">Browser Support</a>
|
|
<a rel="noopener noreferrer" href="#">IntelliSense</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col space-y-4">
|
|
<h2 class="font-medium">Core Concepts</h2>
|
|
<div class="flex flex-col space-y-2 text-sm dark:text-gray-400">
|
|
<a rel="noopener noreferrer" href="#">Utility-First</a>
|
|
<a rel="noopener noreferrer" href="#">Responsive Design</a>
|
|
<a rel="noopener noreferrer" href="#">Hover, Focus, & Other States</a>
|
|
<a rel="noopener noreferrer" href="#">Dark Mode</a>
|
|
<a rel="noopener noreferrer" href="#">Adding Base Styles</a>
|
|
<a rel="noopener noreferrer" href="#">Extracting Components</a>
|
|
<a rel="noopener noreferrer" href="#">Adding New Utilities</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col space-y-4">
|
|
<h2 class="font-medium">Customization</h2>
|
|
<div class="flex flex-col space-y-2 text-sm dark:text-gray-400">
|
|
<a rel="noopener noreferrer" href="#">Configuration</a>
|
|
<a rel="noopener noreferrer" href="#">Theme Configuration</a>
|
|
<a rel="noopener noreferrer" href="#">Breakpoints</a>
|
|
<a rel="noopener noreferrer" href="#">Customizing Colors</a>
|
|
<a rel="noopener noreferrer" href="#">Customizing Spacing</a>
|
|
<a rel="noopener noreferrer" href="#">Configuring Variants</a>
|
|
<a rel="noopener noreferrer" href="#">Plugins</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col space-y-4">
|
|
<h2 class="font-medium">Community</h2>
|
|
<div class="flex flex-col space-y-2 text-sm dark:text-gray-400">
|
|
<a rel="noopener noreferrer" href="#">GitHub</a>
|
|
<a rel="noopener noreferrer" href="#">Discord</a>
|
|
<a rel="noopener noreferrer" href="#">Twitter</a>
|
|
<a rel="noopener noreferrer" href="#">YouTube</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-center px-6 pt-12 text-sm">
|
|
<span class="dark:text-gray-400">© Copyright 1986. All Rights Reserved.</span>
|
|
</div>
|
|
</footer>
|
|
<!-- footer 24 end -->
|
|
|
|
<!-- footer 25 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 25</div>
|
|
</section>
|
|
<footer class="px-4 divide-y dark:bg-gray-800 dark:text-gray-100">
|
|
<div class="container flex flex-col justify-between py-10 mx-auto space-y-8 lg:flex-row lg:space-y-0">
|
|
<div class="lg:w-1/3">
|
|
<a rel="noopener noreferrer" href="#" class="flex justify-center space-x-3 lg:justify-start">
|
|
<div class="flex items-center justify-center w-12 h-12 rounded-full dark:bg-indigo-400">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="flex-shrink-0 w-5 h-5 rounded-full dark:text-gray-900">
|
|
<path d="M18.266 26.068l7.839-7.854 4.469 4.479c1.859 1.859 1.859 4.875 0 6.734l-1.104 1.104c-1.859 1.865-4.875 1.865-6.734 0zM30.563 2.531l-1.109-1.104c-1.859-1.859-4.875-1.859-6.734 0l-6.719 6.734-6.734-6.734c-1.859-1.859-4.875-1.859-6.734 0l-1.104 1.104c-1.859 1.859-1.859 4.875 0 6.734l6.734 6.734-6.734 6.734c-1.859 1.859-1.859 4.875 0 6.734l1.104 1.104c1.859 1.859 4.875 1.859 6.734 0l21.307-21.307c1.859-1.859 1.859-4.875 0-6.734z"></path>
|
|
</svg>
|
|
</div>
|
|
<span class="self-center text-2xl font-semibold">Brand name</span>
|
|
</a>
|
|
</div>
|
|
<div class="grid grid-cols-2 text-sm gap-x-3 gap-y-8 lg:w-2/3 sm:grid-cols-4">
|
|
<div class="space-y-3">
|
|
<h3 class="tracking-wide uppercase dark:text-gray-50">Product</h3>
|
|
<ul class="space-y-1">
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Features</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Integrations</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Pricing</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">FAQ</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="space-y-3">
|
|
<h3 class="tracking-wide uppercase dark:text-gray-50">Company</h3>
|
|
<ul class="space-y-1">
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Privacy</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Terms of Service</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="space-y-3">
|
|
<h3 class="uppercase dark:text-gray-50">Developers</h3>
|
|
<ul class="space-y-1">
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Public API</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Documentation</a>
|
|
</li>
|
|
<li>
|
|
<a rel="noopener noreferrer" href="#">Guides</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="space-y-3">
|
|
<div class="uppercase dark:text-gray-50">Social media</div>
|
|
<div class="flex justify-start space-x-3">
|
|
<a rel="noopener noreferrer" href="#" title="Facebook" class="flex items-center p-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32" class="w-5 h-5 fill-current">
|
|
<path d="M32 16c0-8.839-7.167-16-16-16-8.839 0-16 7.161-16 16 0 7.984 5.849 14.604 13.5 15.803v-11.177h-4.063v-4.625h4.063v-3.527c0-4.009 2.385-6.223 6.041-6.223 1.751 0 3.584 0.312 3.584 0.312v3.937h-2.021c-1.984 0-2.604 1.235-2.604 2.5v3h4.437l-0.713 4.625h-3.724v11.177c7.645-1.199 13.5-7.819 13.5-15.803z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Twitter" class="flex items-center p-1">
|
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-current">
|
|
<path d="M23.954 4.569a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.061a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.937 4.937 0 004.604 3.417 9.868 9.868 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 002.46-2.548l-.047-.02z"></path>
|
|
</svg>
|
|
</a>
|
|
<a rel="noopener noreferrer" href="#" title="Instagram" class="flex items-center p-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-5 h-5 fill-current">
|
|
<path d="M16 0c-4.349 0-4.891 0.021-6.593 0.093-1.709 0.084-2.865 0.349-3.885 0.745-1.052 0.412-1.948 0.959-2.833 1.849-0.891 0.885-1.443 1.781-1.849 2.833-0.396 1.020-0.661 2.176-0.745 3.885-0.077 1.703-0.093 2.244-0.093 6.593s0.021 4.891 0.093 6.593c0.084 1.704 0.349 2.865 0.745 3.885 0.412 1.052 0.959 1.948 1.849 2.833 0.885 0.891 1.781 1.443 2.833 1.849 1.020 0.391 2.181 0.661 3.885 0.745 1.703 0.077 2.244 0.093 6.593 0.093s4.891-0.021 6.593-0.093c1.704-0.084 2.865-0.355 3.885-0.745 1.052-0.412 1.948-0.959 2.833-1.849 0.891-0.885 1.443-1.776 1.849-2.833 0.391-1.020 0.661-2.181 0.745-3.885 0.077-1.703 0.093-2.244 0.093-6.593s-0.021-4.891-0.093-6.593c-0.084-1.704-0.355-2.871-0.745-3.885-0.412-1.052-0.959-1.948-1.849-2.833-0.885-0.891-1.776-1.443-2.833-1.849-1.020-0.396-2.181-0.661-3.885-0.745-1.703-0.077-2.244-0.093-6.593-0.093zM16 2.88c4.271 0 4.781 0.021 6.469 0.093 1.557 0.073 2.405 0.333 2.968 0.553 0.751 0.291 1.276 0.635 1.844 1.197 0.557 0.557 0.901 1.088 1.192 1.839 0.22 0.563 0.48 1.411 0.553 2.968 0.072 1.688 0.093 2.199 0.093 6.469s-0.021 4.781-0.099 6.469c-0.084 1.557-0.344 2.405-0.563 2.968-0.303 0.751-0.641 1.276-1.199 1.844-0.563 0.557-1.099 0.901-1.844 1.192-0.556 0.22-1.416 0.48-2.979 0.553-1.697 0.072-2.197 0.093-6.479 0.093s-4.781-0.021-6.48-0.099c-1.557-0.084-2.416-0.344-2.979-0.563-0.76-0.303-1.281-0.641-1.839-1.199-0.563-0.563-0.921-1.099-1.197-1.844-0.224-0.556-0.48-1.416-0.563-2.979-0.057-1.677-0.084-2.197-0.084-6.459 0-4.26 0.027-4.781 0.084-6.479 0.083-1.563 0.339-2.421 0.563-2.979 0.276-0.761 0.635-1.281 1.197-1.844 0.557-0.557 1.079-0.917 1.839-1.199 0.563-0.219 1.401-0.479 2.964-0.557 1.697-0.061 2.197-0.083 6.473-0.083zM16 7.787c-4.541 0-8.213 3.677-8.213 8.213 0 4.541 3.677 8.213 8.213 8.213 4.541 0 8.213-3.677 8.213-8.213 0-4.541-3.677-8.213-8.213-8.213zM16 21.333c-2.948 0-5.333-2.385-5.333-5.333s2.385-5.333 5.333-5.333c2.948 0 5.333 2.385 5.333 5.333s-2.385 5.333-5.333 5.333zM26.464 7.459c0 1.063-0.865 1.921-1.923 1.921-1.063 0-1.921-0.859-1.921-1.921 0-1.057 0.864-1.917 1.921-1.917s1.923 0.86 1.923 1.917z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="py-6 text-sm text-center dark:text-gray-400">© 1968 Company Co. All rights reserved.</div>
|
|
</footer>
|
|
|
|
<!-- footer 25 end -->
|
|
|
|
<!-- footer 26 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 26</div>
|
|
</section>
|
|
<footer class="bg-white dark:bg-gray-800">
|
|
<div class="container px-6 py-8 mx-auto">
|
|
<div class="text-center">
|
|
<a href="#" class="text-2xl font-bold text-gray-800 dark:text-white hover:text-gray-700 dark:hover:text-gray-300">Brand</a>
|
|
|
|
<p class="max-w-md mx-auto mt-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
|
|
|
|
<div class="flex flex-col mt-4 sm:flex-row sm:items-center sm:justify-center">
|
|
<button class="flex items-center justify-center order-1 w-full px-2 py-2 mt-3 text-sm tracking-wide text-gray-600 capitalize transition-colors duration-200 transform border rounded-md sm:mx-2 dark:border-gray-400 dark:text-gray-300 sm:mt-0 sm:w-auto hover:bg-gray-50 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-40">
|
|
<svg class="w-5 h-5 mx-1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C21.9939 17.5203 17.5203 21.9939 12 22ZM4 12.172C4.04732 16.5732 7.64111 20.1095 12.0425 20.086C16.444 20.0622 19.9995 16.4875 19.9995 12.086C19.9995 7.68451 16.444 4.10977 12.0425 4.086C7.64111 4.06246 4.04732 7.59876 4 12V12.172ZM10 16.5V7.5L16 12L10 16.5Z" fill="currentColor"></path>
|
|
</svg>
|
|
|
|
<span class="mx-1">View Demo</span>
|
|
</button>
|
|
|
|
<button class="w-full px-5 py-2 text-sm tracking-wide text-white capitalize transition-colors duration-200 transform bg-blue-600 rounded-md sm:mx-2 sm:order-2 sm:w-auto hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80">Get started</button>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-10 border-gray-200 dark:border-gray-700" />
|
|
|
|
<div class="flex flex-col items-center sm:flex-row sm:justify-between">
|
|
<p class="text-sm text-gray-400">© Copyright 2021. All Rights Reserved.</p>
|
|
|
|
<div class="flex mt-3 -mx-2 sm:mt-0">
|
|
<a href="#" class="mx-2 text-sm text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit"> Teams </a>
|
|
|
|
<a href="#" class="mx-2 text-sm text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit"> Privacy </a>
|
|
|
|
<a href="#" class="mx-2 text-sm text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" aria-label="Reddit"> Cookies </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- footer 26 end -->
|
|
|
|
<!-- footer 27 start -->
|
|
<section class="section_divider" id='27_footer'>
|
|
<div>Footer 27</div>
|
|
</section>
|
|
|
|
<footer class="flex justify-center px-4 text-gray-800 bg-white dark:text-white dark:bg-gray-800">
|
|
<div class="container py-6">
|
|
<h1 class="text-lg font-bold text-center lg:text-2xl">
|
|
Join 31,000+ other and never miss <br> out on new tips, tutorials, and more.
|
|
</h1>
|
|
|
|
<div class="flex justify-center mt-6">
|
|
<div class="bg-white border rounded-md focus-within:ring dark:bg-gray-800 dark:border-gray-600 focus-within:border-blue-400 focus-within:ring-blue-300 focus-within:ring-opacity-40 dark:focus-within:border-blue-300">
|
|
<div class="flex flex-wrap justify-between md:flex-row">
|
|
<input type="email" class="p-2 m-1 text-sm text-gray-700 bg-transparent appearance-none focus:outline-none focus:placeholder-transparent" placeholder="Enter your email" aria-label="Enter your email">
|
|
<button class="w-full px-3 py-2 m-1 text-sm font-medium tracking-wider text-white uppercase transition-colors duration-200 transform bg-gray-800 rounded-md dark:hover:bg-gray-600 dark:bg-gray-700 lg:w-auto hover:bg-gray-700">subscribe</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="h-px mt-6 border-gray-300 border-none dark:bg-gray-700">
|
|
|
|
<div class="flex flex-col items-center justify-between mt-6 md:flex-row">
|
|
<div>
|
|
<a href="#" class="text-xl font-bold text-gray-800 dark:text-white hover:text-gray-700 dark:hover:text-gray-300">Brand</a>
|
|
</div>
|
|
|
|
<div class="flex mt-4 md:m-0">
|
|
<div class="-mx-4">
|
|
<a href="#" class="px-4 text-sm font-medium text-gray-800 dark:text-gray-200 hover:text-gray-700 dark:hover:text-gray-400 hover:underline">About</a>
|
|
<a href="#" class="px-4 text-sm font-medium text-gray-800 dark:text-gray-200 hover:text-gray-700 dark:hover:text-gray-400 hover:underline">Blog</a>
|
|
<a href="#" class="px-4 text-sm font-medium text-gray-800 dark:text-gray-200 hover:text-gray-700 dark:hover:text-gray-400 hover:underline">News</a>
|
|
<a href="#" class="px-4 text-sm font-medium text-gray-800 dark:text-gray-200 hover:text-gray-700 dark:hover:text-gray-400 hover:underline">Contact</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- footer 27 end -->
|
|
|
|
<!-- footer 28 start -->
|
|
|
|
<section class="section_divider">
|
|
<div>Footer 28</div>
|
|
</section>
|
|
<section class="dark:bg-gray-800">
|
|
<footer class="text-gray-600 dark:text-white body-font">
|
|
<div class="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
|
|
<div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left md:mt-0 mt-10">
|
|
<a class="flex title-font font-medium items-center md:justify-start justify-center dark:text-white text-gray-900">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-indigo-500 rounded-full" viewBox="0 0 24 24">
|
|
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
|
|
</svg>
|
|
<span class="ml-3 text-xl">Tailblocks</span>
|
|
</a>
|
|
<p class="mt-2 text-sm text-gray-500 ">Air plant banjo lyft occupy retro adaptogen indego</p>
|
|
</div>
|
|
<div class="flex-grow flex flex-wrap md:pr-20 -mb-10 md:text-left text-center order-first">
|
|
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium text-gray-900 dark:text-white tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium text-gray-900 dark:text-white tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium text-gray-900 dark:text-white tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium text-gray-900 dark:text-white tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-gray-600 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-300">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-gray-100 dark:bg-sky-300">
|
|
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
|
|
<p class="text-gray-500 text-sm text-center sm:text-left">© 2020 Tailblocks —
|
|
<a href="https://twitter.com/knyttneve" rel="noopener noreferrer" class="text-gray-600 ml-1" target="_blank">@knyttneve</a>
|
|
</p>
|
|
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
|
|
<a class="text-gray-500">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500">
|
|
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
|
|
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-500">
|
|
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
|
|
<circle cx="4" cy="4" r="2" stroke="none"></circle>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</section>
|
|
<!-- footer 28 end -->
|
|
|
|
<!-- footer 29 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 29</div>
|
|
</section>
|
|
<footer class="dark:text-gray-400 darK:bg-gray-900 text-gray-600 bg-white dark:bg-gray-800 body-font">
|
|
<div class="container px-5 py-24 mx-auto">
|
|
<div class="flex flex-wrap md:text-left text-center -mb-10 -mx-4">
|
|
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium dark:text-white text-gray-900 tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium dark:text-white text-gray-900 tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium dark:text-white text-gray-900 tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium dark:text-white text-gray-900 tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium dark:text-white text-gray-900 tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
|
|
<h2 class="title-font font-medium dark:text-white text-gray-900 tracking-widest text-sm mb-3">CATEGORIES</h2>
|
|
<nav class="list-none mb-10">
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">First Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Second Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Third Link</a>
|
|
</li>
|
|
<li>
|
|
<a class="dark:text-gray-400 dark:hover:text-white text-gray-600 hover:text-gray-800">Fourth Link</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-t border-gray-800">
|
|
<div class="container px-5 py-8 flex flex-wrap mx-auto items-center">
|
|
<div class="flex md:flex-nowrap flex-wrap justify-center items-end md:justify-start">
|
|
<div class="relative sm:w-64 w-40 sm:mr-4 mr-2">
|
|
<label for="footer-field" class="leading-7 text-sm text-gray-400">Placeholder</label>
|
|
<input type="text" id="footer-field" name="footer-field" class="w-full bg-gray-100 bg-opacity-50 focus:ring-indigo-200 dark:focus:border-indigo-500 dark:bg-gray-800 dark:bg-opacity-40 rounded border border-gray-700 focus:ring-2 dark:focus:ring-indigo-900 focus:bg-transparent focus:border-indigo-500 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out">
|
|
</div>
|
|
<button class="inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded">Button</button>
|
|
<p class="text-gray-500 text-sm md:ml-6 md:mt-0 mt-2 text-center sm:text-left">Bitters chicharrones fanny pack
|
|
<br class="lg:block hidden">waistcoat green juice
|
|
</p>
|
|
</div>
|
|
<span class="inline-flex lg:ml-auto lg:mt-0 mt-6 w-full justify-center md:justify-start md:w-auto">
|
|
<a class="text-gray-400">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-400">
|
|
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-400">
|
|
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
|
|
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
|
|
</svg>
|
|
</a>
|
|
<a class="ml-3 text-gray-400">
|
|
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
|
|
<path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
|
|
<circle cx="4" cy="4" r="2" stroke="none"></circle>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="bg-gray-800 bg-opacity-75">
|
|
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
|
|
<p class="text-gray-400 text-sm text-center sm:text-left">© 2020 Tailblocks —
|
|
<a href="https://twitter.com/knyttneve" class="text-gray-500 ml-1" target="_blank" rel="noopener noreferrer">@knyttneve</a>
|
|
</p>
|
|
<span class="sm:ml-auto sm:mt-0 mt-2 sm:w-auto w-full sm:text-left text-center text-gray-400 text-sm">Enamel pin tousled raclette tacos irony</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- footer 29 end -->
|
|
|
|
|
|
<!-- footer 30 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 30</div>
|
|
</section>
|
|
|
|
<div class="bg-black dark:bg-gray-800 ">
|
|
<div class="mx-auto flex flex-col md:flex-row mb-6 md:mb-24 ">
|
|
<div class="flex flex-col w-full lg:w-1/3 p-8 mt-6 ">
|
|
<p class="ml-6 text-yellow-500 text-lg uppercase tracking-loose">REVIEW</p>
|
|
<p class="text-white text-3xl md:text-5xl my-4 leading-relaxed md:leading-snug">Leave us a feedback!</p>
|
|
</div>
|
|
<div class="flex flex-col w-full lg:w-2/3 justify-center">
|
|
<div class="w-full px-4">
|
|
<div class="flex flex-wrap justify-center ">
|
|
<div class="w-full lg:w-6/12 px-4 ">
|
|
<div
|
|
class="relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-gray-200 dark:bg-gray-600">
|
|
<div class="flex-auto p-5 lg:p-10">
|
|
<h4 class="text-2xl mb-4 text-black-500 font-semibold">Have a suggestion?</h4>
|
|
<form action="" method="POST">
|
|
<div class="relative w-full mb-3">
|
|
<label class="block uppercase text-gray-700 dark:text-gray-300 text-xs font-bold mb-2"
|
|
for="email">Email</label><input class="border-0 px-3 py-3 rounded text-sm shadow w-full
|
|
bg-gray-50 placeholder-black-555 text-gray-800 outline-none focus:bg-gray-100" type="email" name="email" id="email" placeholder=" "
|
|
style="transition: all 0.15s ease 0s;" required />
|
|
</div>
|
|
<div class="relative w-full mb-3">
|
|
<label class="block uppercase text-gray-700 dark:text-gray-300 text-xs font-bold mb-2"
|
|
for="message">Message</label><textarea maxlength="300" name="feedback" id="feedback" rows="4"
|
|
cols="80"
|
|
class="border-0 px-3 py-3 bg-gray-50 placeholder-black-555 text-gray-800 rounded text-sm shadow focus:outline-none w-full"
|
|
required></textarea>
|
|
</div>
|
|
<div class="text-center mt-6">
|
|
<button id="feedbackBtn"
|
|
class="bg-yellow-500 text-black-500 text-center mx-auto active:bg-yellow-400 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1"
|
|
type="submit" style="transition: all 0.15s ease 0s;">Submit
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<footer class="relative bg-gray-50 text-black-500 pt-8 pb-6 dark:bg-gray-800 ">
|
|
<div class="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20"
|
|
style="height: 80px;">
|
|
<svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
|
|
version="1.1" viewBox="0 0 2560 100" x="0" y="0">
|
|
<polygon class="text-gray-50 fill-current" points="2560 0 2560 100 0 100"></polygon>
|
|
</svg>
|
|
</div>
|
|
|
|
<section class="pt-6 pb-4 md:pb-12 ">
|
|
<div class="mx-auto px-4">
|
|
<div class="flex flex-wrap justify-center text-center mb-12">
|
|
<div class="w-full lg:w-6/12 px-4">
|
|
<h4 class="text-3xl md:text-5xl text-black-500 dark:text-gray-300 font-bold">Meet Our Sponsors</h4>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap dark:bg-gray-800">
|
|
<div class="w-full md:w-6/12 lg:w-4/12 lg:mb-0 mb-12 px-4">
|
|
<div class="px-6">
|
|
<svg class="max-w-full mx-auto" clip-rule="evenodd" fill-rule="evenodd"
|
|
stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 560 400"
|
|
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<linearGradient id="a"
|
|
gradientTransform="matrix(89.6891 155.353 -155.353 89.6891 168.883 122.323)"
|
|
gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0">
|
|
<stop offset="0" stop-color="#058f92" />
|
|
<stop offset=".5" stop-color="#038489" />
|
|
<stop offset="1" stop-color="#026d71" />
|
|
</linearGradient>
|
|
<path
|
|
d="m415 93.62v165.289l-93.273 9.818-112.909-9.818v-165.289c0-.007 0-.013 0-.02 0-6.264 5.155-11.418 11.419-11.418h.019 183.306.019c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill="#37c6d0" fill-rule="nonzero" />
|
|
<path
|
|
d="m415 189.495v39.223l-3.485 4.958h-109.424l68.973-68.972c2.534-2.545 5.981-3.977 9.572-3.977 3.592 0 7.039 1.432 9.573 3.977z"
|
|
fill="#1a9ba1" fill-rule="nonzero" />
|
|
<path
|
|
d="m415 228.718v30.191l-93.273 9.818-112.909-9.818v-.687l108.246-108.246c2.534-2.544 5.981-3.976 9.572-3.976 3.592 0 7.039 1.432 9.573 3.976l27.246 27.246z"
|
|
fill="#038387" fill-rule="nonzero" />
|
|
<circle cx="380.636" cy="116.545" fill="#86f2f2" r="14.727" />
|
|
<g fill-rule="nonzero">
|
|
<path
|
|
d="m220.271 317.818h183.276c6.282-.003 11.45-5.171 11.453-11.453v-47.456h-206.182v47.456c.003 6.282 5.171 11.45 11.453 11.453z"
|
|
fill="#036c70" />
|
|
<path
|
|
d="m287.364 142.711v129.305c.01.66-.056 1.319-.197 1.964-.919 5.461-5.704 9.494-11.242 9.475h-67.107v-152.182h67.107.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".2" />
|
|
<path
|
|
d="m292.273 142.711v119.487c-.082 8.937-7.411 16.265-16.348 16.347h-67.107v-152.181h67.107c8.956.032 16.316 7.391 16.348 16.347z"
|
|
fill-opacity=".1" />
|
|
<path
|
|
d="m287.364 142.711v119.487.02c0 6.264-5.155 11.418-11.419 11.418-.006 0-.013 0-.02 0h-67.107v-142.363h67.107.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".2" />
|
|
<path
|
|
d="m282.455 142.711v119.487.02c0 6.264-5.155 11.418-11.419 11.418-.007 0-.013 0-.02 0h-62.198v-142.363h62.198.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".1" />
|
|
</g>
|
|
<path
|
|
d="m282.455 133.606c0-1.288-1.046-2.333-2.333-2.333h-132.789c-1.288 0-2.333 1.045-2.333 2.333v132.788c0 1.288 1.045 2.333 2.333 2.333h132.789c1.287 0 2.333-1.045 2.333-2.333z"
|
|
fill="url(#a)" />
|
|
<path
|
|
d="m195.166 198.601c-2.687-1.784-4.929-4.16-6.554-6.946-1.581-2.906-2.368-6.178-2.282-9.485-.14-4.472 1.373-8.843 4.246-12.273 3.018-3.442 6.924-5.989 11.291-7.363 4.972-1.639 10.18-2.447 15.414-2.391 6.885-.253 13.76.711 20.309 2.847v14.345c-2.846-1.729-5.947-2.999-9.189-3.761-3.515-.867-7.122-1.301-10.742-1.291-3.815-.137-7.607.666-11.04 2.337-2.645 1.139-4.37 3.752-4.379 6.632-.017 1.749.649 3.437 1.856 4.703 1.433 1.485 3.125 2.696 4.992 3.574 2.095 1.034 5.22 2.412 9.377 4.133.461.146.911.327 1.345.54 4.097 1.602 8.05 3.552 11.816 5.827 2.851 1.76 5.246 4.171 6.985 7.035 1.788 3.244 2.66 6.913 2.524 10.614.198 4.586-1.209 9.101-3.977 12.763-2.77 3.395-6.481 5.897-10.667 7.192-4.899 1.536-10.012 2.278-15.145 2.199-4.606.023-9.205-.355-13.745-1.129-3.835-.61-7.579-1.692-11.149-3.22v-15.15c3.421 2.436 7.243 4.254 11.291 5.371 4.02 1.254 8.2 1.924 12.41 1.988 3.899.249 7.792-.578 11.252-2.391 2.404-1.376 3.863-3.971 3.79-6.74.014-1.934-.751-3.794-2.121-5.159-1.711-1.676-3.691-3.055-5.856-4.08-2.488-1.256-6.168-2.904-11.041-4.943-3.852-1.557-7.541-3.493-11.011-5.778z"
|
|
fill="#fff" fill-rule="nonzero" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="w-full md:w-6/12 lg:w-4/12 lg:mb-0 mb-12 px-4">
|
|
<div class="px-6">
|
|
<svg class="max-w-full mx-auto" clip-rule="evenodd" fill-rule="evenodd"
|
|
stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 560 400"
|
|
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<linearGradient id="a"
|
|
gradientTransform="matrix(89.6891 155.353 -155.353 89.6891 168.883 122.323)"
|
|
gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0">
|
|
<stop offset="0" stop-color="#058f92" />
|
|
<stop offset=".5" stop-color="#038489" />
|
|
<stop offset="1" stop-color="#026d71" />
|
|
</linearGradient>
|
|
<path
|
|
d="m415 93.62v165.289l-93.273 9.818-112.909-9.818v-165.289c0-.007 0-.013 0-.02 0-6.264 5.155-11.418 11.419-11.418h.019 183.306.019c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill="#37c6d0" fill-rule="nonzero" />
|
|
<path
|
|
d="m415 189.495v39.223l-3.485 4.958h-109.424l68.973-68.972c2.534-2.545 5.981-3.977 9.572-3.977 3.592 0 7.039 1.432 9.573 3.977z"
|
|
fill="#1a9ba1" fill-rule="nonzero" />
|
|
<path
|
|
d="m415 228.718v30.191l-93.273 9.818-112.909-9.818v-.687l108.246-108.246c2.534-2.544 5.981-3.976 9.572-3.976 3.592 0 7.039 1.432 9.573 3.976l27.246 27.246z"
|
|
fill="#038387" fill-rule="nonzero" />
|
|
<circle cx="380.636" cy="116.545" fill="#86f2f2" r="14.727" />
|
|
<g fill-rule="nonzero">
|
|
<path
|
|
d="m220.271 317.818h183.276c6.282-.003 11.45-5.171 11.453-11.453v-47.456h-206.182v47.456c.003 6.282 5.171 11.45 11.453 11.453z"
|
|
fill="#036c70" />
|
|
<path
|
|
d="m287.364 142.711v129.305c.01.66-.056 1.319-.197 1.964-.919 5.461-5.704 9.494-11.242 9.475h-67.107v-152.182h67.107.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".2" />
|
|
<path
|
|
d="m292.273 142.711v119.487c-.082 8.937-7.411 16.265-16.348 16.347h-67.107v-152.181h67.107c8.956.032 16.316 7.391 16.348 16.347z"
|
|
fill-opacity=".1" />
|
|
<path
|
|
d="m287.364 142.711v119.487.02c0 6.264-5.155 11.418-11.419 11.418-.006 0-.013 0-.02 0h-67.107v-142.363h67.107.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".2" />
|
|
<path
|
|
d="m282.455 142.711v119.487.02c0 6.264-5.155 11.418-11.419 11.418-.007 0-.013 0-.02 0h-62.198v-142.363h62.198.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".1" />
|
|
</g>
|
|
<path
|
|
d="m282.455 133.606c0-1.288-1.046-2.333-2.333-2.333h-132.789c-1.288 0-2.333 1.045-2.333 2.333v132.788c0 1.288 1.045 2.333 2.333 2.333h132.789c1.287 0 2.333-1.045 2.333-2.333z"
|
|
fill="url(#a)" />
|
|
<path
|
|
d="m195.166 198.601c-2.687-1.784-4.929-4.16-6.554-6.946-1.581-2.906-2.368-6.178-2.282-9.485-.14-4.472 1.373-8.843 4.246-12.273 3.018-3.442 6.924-5.989 11.291-7.363 4.972-1.639 10.18-2.447 15.414-2.391 6.885-.253 13.76.711 20.309 2.847v14.345c-2.846-1.729-5.947-2.999-9.189-3.761-3.515-.867-7.122-1.301-10.742-1.291-3.815-.137-7.607.666-11.04 2.337-2.645 1.139-4.37 3.752-4.379 6.632-.017 1.749.649 3.437 1.856 4.703 1.433 1.485 3.125 2.696 4.992 3.574 2.095 1.034 5.22 2.412 9.377 4.133.461.146.911.327 1.345.54 4.097 1.602 8.05 3.552 11.816 5.827 2.851 1.76 5.246 4.171 6.985 7.035 1.788 3.244 2.66 6.913 2.524 10.614.198 4.586-1.209 9.101-3.977 12.763-2.77 3.395-6.481 5.897-10.667 7.192-4.899 1.536-10.012 2.278-15.145 2.199-4.606.023-9.205-.355-13.745-1.129-3.835-.61-7.579-1.692-11.149-3.22v-15.15c3.421 2.436 7.243 4.254 11.291 5.371 4.02 1.254 8.2 1.924 12.41 1.988 3.899.249 7.792-.578 11.252-2.391 2.404-1.376 3.863-3.971 3.79-6.74.014-1.934-.751-3.794-2.121-5.159-1.711-1.676-3.691-3.055-5.856-4.08-2.488-1.256-6.168-2.904-11.041-4.943-3.852-1.557-7.541-3.493-11.011-5.778z"
|
|
fill="#fff" fill-rule="nonzero" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="w-full md:w-6/12 lg:w-4/12 lg:mb-0 mb-12 px-4">
|
|
<div class="px-6">
|
|
<svg class="max-w-full mx-auto" clip-rule="evenodd" fill-rule="evenodd"
|
|
stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 560 400"
|
|
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<linearGradient id="a"
|
|
gradientTransform="matrix(89.6891 155.353 -155.353 89.6891 168.883 122.323)"
|
|
gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0">
|
|
<stop offset="0" stop-color="#058f92" />
|
|
<stop offset=".5" stop-color="#038489" />
|
|
<stop offset="1" stop-color="#026d71" />
|
|
</linearGradient>
|
|
<path
|
|
d="m415 93.62v165.289l-93.273 9.818-112.909-9.818v-165.289c0-.007 0-.013 0-.02 0-6.264 5.155-11.418 11.419-11.418h.019 183.306.019c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill="#37c6d0" fill-rule="nonzero" />
|
|
<path
|
|
d="m415 189.495v39.223l-3.485 4.958h-109.424l68.973-68.972c2.534-2.545 5.981-3.977 9.572-3.977 3.592 0 7.039 1.432 9.573 3.977z"
|
|
fill="#1a9ba1" fill-rule="nonzero" />
|
|
<path
|
|
d="m415 228.718v30.191l-93.273 9.818-112.909-9.818v-.687l108.246-108.246c2.534-2.544 5.981-3.976 9.572-3.976 3.592 0 7.039 1.432 9.573 3.976l27.246 27.246z"
|
|
fill="#038387" fill-rule="nonzero" />
|
|
<circle cx="380.636" cy="116.545" fill="#86f2f2" r="14.727" />
|
|
<g fill-rule="nonzero">
|
|
<path
|
|
d="m220.271 317.818h183.276c6.282-.003 11.45-5.171 11.453-11.453v-47.456h-206.182v47.456c.003 6.282 5.171 11.45 11.453 11.453z"
|
|
fill="#036c70" />
|
|
<path
|
|
d="m287.364 142.711v129.305c.01.66-.056 1.319-.197 1.964-.919 5.461-5.704 9.494-11.242 9.475h-67.107v-152.182h67.107.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".2" />
|
|
<path
|
|
d="m292.273 142.711v119.487c-.082 8.937-7.411 16.265-16.348 16.347h-67.107v-152.181h67.107c8.956.032 16.316 7.391 16.348 16.347z"
|
|
fill-opacity=".1" />
|
|
<path
|
|
d="m287.364 142.711v119.487.02c0 6.264-5.155 11.418-11.419 11.418-.006 0-.013 0-.02 0h-67.107v-142.363h67.107.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".2" />
|
|
<path
|
|
d="m282.455 142.711v119.487.02c0 6.264-5.155 11.418-11.419 11.418-.007 0-.013 0-.02 0h-62.198v-142.363h62.198.02c6.264 0 11.419 5.154 11.419 11.418z"
|
|
fill-opacity=".1" />
|
|
</g>
|
|
<path
|
|
d="m282.455 133.606c0-1.288-1.046-2.333-2.333-2.333h-132.789c-1.288 0-2.333 1.045-2.333 2.333v132.788c0 1.288 1.045 2.333 2.333 2.333h132.789c1.287 0 2.333-1.045 2.333-2.333z"
|
|
fill="url(#a)" />
|
|
<path
|
|
d="m195.166 198.601c-2.687-1.784-4.929-4.16-6.554-6.946-1.581-2.906-2.368-6.178-2.282-9.485-.14-4.472 1.373-8.843 4.246-12.273 3.018-3.442 6.924-5.989 11.291-7.363 4.972-1.639 10.18-2.447 15.414-2.391 6.885-.253 13.76.711 20.309 2.847v14.345c-2.846-1.729-5.947-2.999-9.189-3.761-3.515-.867-7.122-1.301-10.742-1.291-3.815-.137-7.607.666-11.04 2.337-2.645 1.139-4.37 3.752-4.379 6.632-.017 1.749.649 3.437 1.856 4.703 1.433 1.485 3.125 2.696 4.992 3.574 2.095 1.034 5.22 2.412 9.377 4.133.461.146.911.327 1.345.54 4.097 1.602 8.05 3.552 11.816 5.827 2.851 1.76 5.246 4.171 6.985 7.035 1.788 3.244 2.66 6.913 2.524 10.614.198 4.586-1.209 9.101-3.977 12.763-2.77 3.395-6.481 5.897-10.667 7.192-4.899 1.536-10.012 2.278-15.145 2.199-4.606.023-9.205-.355-13.745-1.129-3.835-.61-7.579-1.692-11.149-3.22v-15.15c3.421 2.436 7.243 4.254 11.291 5.371 4.02 1.254 8.2 1.924 12.41 1.988 3.899.249 7.792-.578 11.252-2.391 2.404-1.376 3.863-3.971 3.79-6.74.014-1.934-.751-3.794-2.121-5.159-1.711-1.676-3.691-3.055-5.856-4.08-2.488-1.256-6.168-2.904-11.041-4.943-3.852-1.557-7.541-3.493-11.011-5.778z"
|
|
fill="#fff" fill-rule="nonzero" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="mx-auto px-4">
|
|
<div class="flex flex-wrap">
|
|
<div class="w-full lg:w-6/12 px-4">
|
|
<h5 class="text-lg mt-0 mb-2 text-gray-700 dark:text-gray-300">
|
|
Follow us on social media to get the latest updates
|
|
</h5>
|
|
<div class="mt-6 flex">
|
|
<a class="transition duration-700 ease-in-out text-black-500 dark:text-gray-300 dark:hover:text-red-500 hover:text-red-500 font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3"
|
|
type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24">
|
|
<path class="fill-current"
|
|
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
|
|
</svg>
|
|
</a>
|
|
<a class="transition duration-700 ease-in-out text-black-500 dark:text-gray-300 dark:hover:text-blue-400 hover:text-blue-400 font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3"
|
|
type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24">
|
|
<path class="fill-current"
|
|
d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
|
|
</svg>
|
|
</a><a
|
|
class="transition duration-700 ease-in-out text-black-500 dark:text-gray-300 dark:hover:text-blue-400 hover:text-blue-400 font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3"
|
|
type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24">
|
|
<path class="fill-current"
|
|
d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
|
|
</svg>
|
|
</a><a
|
|
class="transition duration-700 ease-in-out text-black-500 dark:text-gray-300 dark:hover:text-pink-400 hover:text-pink-400 font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3"
|
|
type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24">
|
|
<path class="fill-current"
|
|
d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
|
|
</svg>
|
|
</a><a
|
|
class="transition duration-700 ease-in-out text-black-500 dark:text-gray-300 dark:hover:text-gray-700 hover:text-gray-700 font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3"
|
|
type="button">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<path class="fill-current"
|
|
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
|
|
</svg></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="w-full lg:w-6/12 px-4 mt-4 md:mt-0">
|
|
<div class="flex flex-wrap items-top mb-6">
|
|
<h5 class="text-lg mt-0 mb-2 text-gray-700 dark:text-gray-300">
|
|
Enter your email to view the list of your registered events
|
|
</h5>
|
|
<div class="mt-4 flex">
|
|
<form id="footerForm" action="" method="POST">
|
|
<input type="email" name="email" id="email"
|
|
class="p-2 border border-grey-light round text-black-500 placeholder-gray-50 text-sm h-auto"
|
|
placeholder="email address" required />
|
|
<button type="submit" id="emailBtn"
|
|
class="bg-yellow-500 text-black-500 active:bg-yellow-400 rounded shadow hover:shadow-lg outline-none focus:outline-none h-auto text-xs p-3">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="my-6 border-gray-400" />
|
|
<div class="flex flex-wrap items-center md:justify-between justify-center">
|
|
<div class="w-full md:w-4/12 px-4 mx-auto text-center">
|
|
<div class="text-sm text-gray-600 dark:text-gray-300 font-semibold py-1">
|
|
Created By
|
|
<a href="#"
|
|
class="text-gray-600 hover:text-gray-900">examplename</a>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- footer 30 end -->
|
|
|
|
<!-- footer 31 start -->
|
|
|
|
<section class="section_divider " id="footer_31">
|
|
<div>Footer 31</div>
|
|
</section>
|
|
<footer class="w-full flex h-50 bg-indigo-50 py-10 px-20 justify-between dark:bg-gradient-to-r dark:from-emerald-600 dark:to-teal-500">
|
|
<div class="w-2/3">
|
|
<h1 class="text-2xl font-bold bg-white dark:bg-indigo-600 dark:text-white dark:ring-2 dark:ring-green-400 inline-block p-4 rounded-md text-gray-700 mb-4">Ready to get started?</h1>
|
|
<p class="w-2/3 text-gray-600 dark:text-white font-semibold">Lorem ipsum dolor sit amet, consectetur adipiscing elit, br sed do eiusmod tempor incididunt.</p>
|
|
<button class="block bg-indigo-600 font-bold px-4 py-2 dark:ring-2 dark:ring-green-400 rounded-md text-white tracking-wide mt-4">Get started</button>
|
|
</div>
|
|
<div class="w-1/3 flex items-center justify-center dark:text-white dark:font-bold">
|
|
<di>
|
|
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Navigation</p>
|
|
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Email Marketing</p>
|
|
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Campaigns</p>
|
|
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Branding</p>
|
|
<p class="hover:text-indigo-600 transition duration-100 cursor-pointer font">Offline</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- footer 31 end -->
|
|
|
|
<!-- footer 32 start -->
|
|
<section class="section_divider" id="footer_32">
|
|
<div>Footer 32</div>
|
|
</section>
|
|
|
|
<!-- component -->
|
|
<footer class="bg-gray-50 dark:bg-gray-800 text-gray-600 px-6 lg:px-8 py-12">
|
|
<div class="max-w-screen-xl mx-auto mb-12 lg:mb-16 ">
|
|
<!-- <img class="h-8" src="/images/pathway-logo.svg" alt="UptimeMate logo"> -->
|
|
<span class="inline-block w-32 p-4 bg-gray-700 rounded-lg text-center text-white"> Logo </span>
|
|
|
|
</div>
|
|
<div class="max-w-screen-xl mx-auto ">
|
|
<div class="grid grid-cols-8 md:grid-cols-9 lg:grid-cols-8 divide-gray-200 divide-y-2 md:divide-x-2 md:divide-y-0 md:-mx-8">
|
|
<div class="col-span-8 md:col-span-3 lg:col-span-2 md:px-8 py-4 md:py-0">
|
|
<h5 class="text-xl font-semibold text-gray-700 dark:text-gray-300">Company</h5>
|
|
<nav class="mt-4">
|
|
<ul class="space-y-2">
|
|
<li>
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Landingpages</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Features</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Download brochure</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="col-span-8 md:col-span-3 lg:col-span-3 md:px-8 py-4 md:py-0">
|
|
<h5 class="text-xl font-semibold text-gray-700 dark:text-gray-300">Industries</h5>
|
|
<nav class="mt-4">
|
|
<ul class="grid lg:grid-cols-2">
|
|
<li class="mb-2">
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Employment</a>
|
|
</li>
|
|
<li class="mb-2">
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Company</a>
|
|
</li>
|
|
<li class="mb-2">
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Childcare</a>
|
|
</li>
|
|
<li class="mb-2">
|
|
<a href="#" class="font-normal text-base hover:text-gray-400">Download brochure</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="col-span-8 md:col-span-3 lg:col-span-3 md:px-8 py-4 md:py-0">
|
|
<h5 class="text-xl font-semibold text-gray-700 dark:text-gray-300">Follow us</h5>
|
|
<nav class="mt-4">
|
|
<ul class="grid lg:grid-cols-2">
|
|
<li class="mb-2">
|
|
<a href="#" class="flex space-x-2 font-normal text-base hover:text-gray-400">
|
|
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
|
|
</svg>
|
|
<span>
|
|
Twitter
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="mb-2">
|
|
<a href="#" class="flex space-x-2 font-normal text-base hover:text-gray-400">
|
|
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
|
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
|
|
</svg>
|
|
<span>
|
|
Instagram
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="mb-2">
|
|
<a href="#" class="flex space-x-2 font-normal text-base hover:text-gray-400">
|
|
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
|
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
|
|
</svg>
|
|
<span>
|
|
Facebook
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="max-w-screen-xl mx-auto flex flex-col md:flex-row justify-between items-center space-y-4 mt-8 lg:mt-12 border-t-2 border-gray-200 pt-8">
|
|
<nav class="flex flex-wrap justify-center space-x-6">
|
|
<a href="#" class="font-normal text-sm hover:text-gray-400 mb-2">Cookie settings</a>
|
|
</nav>
|
|
<p class="text-sm text-center md:text-right">©2020 Company. All rights reserved. | All rights reserved</p>
|
|
</div>
|
|
</footer>
|
|
<!-- footer 32 end -->
|
|
|
|
<!-- footer 33 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 33</div>
|
|
</section>
|
|
<!-- This is an example component -->
|
|
<div class=" bg-gray-900">
|
|
<div class="max-w-2xl mx-auto text-white py-10">
|
|
<div class="text-center">
|
|
<h3 class="text-3xl mb-3"> Download our fitness app </h3>
|
|
<p> Stay fit. All day, every day. </p>
|
|
<div class="flex justify-center my-10">
|
|
<div class="flex items-center border w-auto rounded-lg px-4 py-2 w-52 mx-2">
|
|
<img src="https://cdn-icons-png.flaticon.com/512/888/888857.png" class="w-7 md:w-8">
|
|
<div class="text-left ml-3">
|
|
<p class='text-xs text-gray-200'>Download on </p>
|
|
<p class="text-sm md:text-base"> Google Play Store </p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center border w-auto rounded-lg px-4 py-2 w-44 mx-2">
|
|
<img src="https://cdn-icons-png.flaticon.com/512/888/888841.png" class="w-7 md:w-8">
|
|
<div class="text-left ml-3">
|
|
<p class='text-xs text-gray-200'>Download on </p>
|
|
<p class="text-sm md:text-base"> Apple Store </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-28 flex flex-col md:flex-row md:justify-between items-center text-sm text-gray-400">
|
|
<p class="order-2 md:order-1 mt-8 md:mt-0"> © Beautiful Footer, 2021. </p>
|
|
<div class="order-1 md:order-2">
|
|
<span class="px-2">About us</span>
|
|
<span class="px-2 border-l">Contact us</span>
|
|
<span class="px-2 border-l">Privacy Policy</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer 33 end -->
|
|
|
|
<!-- footer 34 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 34</div>
|
|
</section>
|
|
|
|
<footer class="relative bg-cyan-100 dark:bg-teal-900 pt-8 pb-6 ">
|
|
<div class="container mx-auto px-4">
|
|
<div class="flex flex-wrap text-left lg:text-left">
|
|
<div class="w-full lg:w-6/12 px-4">
|
|
<h4 class="text-3xl fonat-semibold text-black dark:text-gray-300 ">Let's keep in touch!</h4>
|
|
<h5 class="text-lg mt-0 mb-2 text-black dark:text-gray-300">
|
|
Find us on any of these platforms, we respond 1-2 business days.
|
|
</h5>
|
|
<div class="mt-6 lg:mb-0 mb-6">
|
|
<button class="bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
|
|
<i class="fab fa-twitter"></i>
|
|
</button>
|
|
<button class="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
|
|
<i class="fab fa-facebook-square"></i>
|
|
</button>
|
|
<button class="bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
|
|
<i class="fab fa-dribbble"></i>
|
|
</button>
|
|
<button class="bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" type="button">
|
|
<i class="fab fa-github"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="w-full lg:w-6/12 px-4">
|
|
<div class="flex flex-wrap items-top mb-6">
|
|
<div class="w-full lg:w-4/12 px-4 ml-auto">
|
|
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2 dark:text-cyan-300">Useful Links</span>
|
|
<ul class="list-unstyled">
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://www.creative-tim.com/presentation?ref=njs-profile">About Us</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://blog.creative-tim.com?ref=njs-profile">Blog</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://www.github.com/creativetimofficial?ref=njs-profile">Github</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://www.creative-tim.com/bootstrap-themes/free?ref=njs-profile">Free Products</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="w-full lg:w-4/12 px-4">
|
|
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2 dark:text-cyan-300">Other Resources</span>
|
|
<ul class="list-unstyled">
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://github.com/creativetimofficial/notus-js/blob/main/LICENSE.md?ref=njs-profile">MIT License</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://creative-tim.com/terms?ref=njs-profile">Terms & Conditions</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://creative-tim.com/privacy?ref=njs-profile">Privacy Policy</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm dark:hover:text-cyan-300" href="https://creative-tim.com/contact-us?ref=njs-profile">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="my-6 border-blueGray-300">
|
|
<div class="flex flex-wrap items-center md:justify-between justify-center">
|
|
<div class="w-full md:w-4/12 px-4 mx-auto text-center">
|
|
<div class="text-sm text-blueGray-500 font-semibold py-1">
|
|
Copyright © <span id="get-current-year">2021</span><a href="#" class="text-gray-500 hover:text-gray-800" target="_blank"> by
|
|
<a href="https://www.creative-tim.com?ref=njs-profile" class="text-blueGray-500 hover:text-gray-800">Company</a>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- footer 34 end -->
|
|
|
|
<!-- footer 35 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 35</div>
|
|
</section>
|
|
<div class="bg-gray-900 ">
|
|
<footer class="flex flex-wrap items-center justify-between p-3 m-auto">
|
|
<div class="container mx-auto flex flex-col flex-wrap items-center justify-between">
|
|
<ul class="flex mx-auto text-white text-center">
|
|
<li class="p-2 cursor-pointer hover:underline">Terms & Conditions</li>
|
|
<li class="p-2 cursor-pointer hover:underline">Privacy</li>
|
|
<li class="p-2 cursor-pointer hover:underline">Cookies</li>
|
|
</ul>
|
|
<ul class="flex mx-auto text-white text-center">
|
|
<li class="p-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-white" width="24" height="24" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg></li>
|
|
<li class="p-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-white" width="24" height="24" viewBox="0 0 24 24"><path d="M21.231 0h-18.462c-1.529 0-2.769 1.24-2.769 2.769v18.46c0 1.531 1.24 2.771 2.769 2.771h18.463c1.529 0 2.768-1.24 2.768-2.771v-18.46c0-1.529-1.239-2.769-2.769-2.769zm-9.231 7.385c2.549 0 4.616 2.065 4.616 4.615 0 2.549-2.067 4.616-4.616 4.616s-4.615-2.068-4.615-4.616c0-2.55 2.066-4.615 4.615-4.615zm9 12.693c0 .509-.413.922-.924.922h-16.152c-.511 0-.924-.413-.924-.922v-10.078h1.897c-.088.315-.153.64-.2.971-.05.337-.081.679-.081 1.029 0 4.079 3.306 7.385 7.384 7.385s7.384-3.306 7.384-7.385c0-.35-.031-.692-.081-1.028-.047-.331-.112-.656-.2-.971h1.897v10.077zm0-13.98c0 .509-.413.923-.924.923h-2.174c-.511 0-.923-.414-.923-.923v-2.175c0-.51.412-.923.923-.923h2.174c.511 0 .924.413.924.923v2.175z" fillRule="evenodd" clipRule="evenodd"/></svg></li>
|
|
<li class="p-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-white" width="24" height="24" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></li>
|
|
</ul>
|
|
<div class="flex mx-auto text-white text-center">
|
|
Copyright Business Name © 2021
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- footer 35 end -->
|
|
|
|
<!-- footer 36 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 36</div>
|
|
</section>
|
|
<div class="w-full min-h-screen flex items-center justify-center dark:bg-black bg-cyan-300 ">
|
|
<div class="md:w-2/3 w-full px-4 text-white flex flex-col">
|
|
<div class="w-full text-7xl font-bold">
|
|
<h1 class="w-full md:w-2/3">How can we help you. get
|
|
in touch</h1>
|
|
</div>
|
|
<div class="flex mt-8 flex-col md:flex-row md:justify-between">
|
|
<p class="w-full md:w-2/3 text-gray-400">To ensure that all Wikipedia content is verifiable, anyone may question an uncited claim. If your work has been tagged</p>
|
|
<div class="w-44 pt-6 md:pt-0">
|
|
<a class="bg-red-500 justify-center text-center rounded-lg shadow px-10 py-3 flex items-center">Contact US</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="flex mt-24 mb-12 flex-row justify-between">
|
|
<div class="text-green-500 ">
|
|
<svg width="84" height="25" viewBox="0 0 84 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path class="dark:fill-cyan-600 fill-green-600" d="M8.86255 12.3906C8.73755 12.3906 8.56567 12.4479 8.34692 12.5625C8.13859 12.6667 7.88338 12.8542 7.5813 13.125C7.28963 13.3958 6.9563 13.7604 6.5813 14.2188C6.21672 14.6667 5.81567 15.2396 5.37817 15.9375C5.28442 16.625 5.2063 17.2396 5.1438 17.7812C5.09172 18.3229 5.06567 18.75 5.06567 19.0625C5.06567 19.3333 5.1438 19.6094 5.30005 19.8906C5.4563 20.1615 5.64901 20.4062 5.87817 20.625C6.10734 20.8438 6.34172 21.026 6.5813 21.1719C6.8313 21.3177 7.04484 21.3958 7.22192 21.4062C7.65942 21.4375 8.03963 21.349 8.36255 21.1406C8.68547 20.9323 8.97713 20.6406 9.23755 20.2656C9.43547 19.9844 9.60734 19.6562 9.75317 19.2812C9.89901 18.8958 10.0188 18.5 10.1125 18.0938C10.2063 17.6875 10.274 17.2812 10.3157 16.875C10.3573 16.4583 10.3782 16.0729 10.3782 15.7188C10.3782 15.2396 10.3469 14.7969 10.2844 14.3906C10.2219 13.9844 10.123 13.6354 9.98755 13.3438C9.86255 13.0417 9.7063 12.8073 9.5188 12.6406C9.3313 12.474 9.11255 12.3906 8.86255 12.3906ZM14.5032 14.4688C14.4823 15.5729 14.2219 16.6927 13.7219 17.8281C13.2323 18.9635 12.5917 20.0417 11.8 21.0625C11.4355 21.5312 11.0188 21.9844 10.55 22.4219C10.0917 22.849 9.58651 23.2292 9.03442 23.5625C8.49276 23.8854 7.91463 24.1458 7.30005 24.3438C6.68547 24.5417 6.05005 24.6406 5.3938 24.6406C5.15422 24.6406 4.87297 24.5833 4.55005 24.4688C4.22713 24.3542 3.8938 24.1979 3.55005 24C3.21672 23.8021 2.88338 23.5625 2.55005 23.2812C2.21672 23 1.91984 22.6927 1.65942 22.3594C1.39901 22.026 1.18547 21.6719 1.0188 21.2969C0.852132 20.9219 0.768799 20.5365 0.768799 20.1406C0.768799 19.8698 0.79484 19.4688 0.846924 18.9375C0.909424 18.3958 0.987549 17.776 1.0813 17.0781C1.18547 16.3802 1.30005 15.625 1.42505 14.8125C1.55005 13.9896 1.68026 13.1562 1.81567 12.3125C1.95109 11.4688 2.0813 10.6354 2.2063 9.8125C2.34172 8.97917 2.4563 8.20312 2.55005 7.48438C2.65422 6.75521 2.73755 6.10938 2.80005 5.54688C2.86255 4.98438 2.8938 4.54167 2.8938 4.21875C2.8938 3.97917 2.86776 3.79167 2.81567 3.65625C2.76359 3.51042 2.69588 3.40625 2.61255 3.34375C2.52922 3.27083 2.44067 3.22396 2.34692 3.20312C2.25317 3.18229 2.15942 3.17188 2.06567 3.17188C1.97192 3.17188 1.84172 3.19792 1.67505 3.25C1.5188 3.29167 1.36776 3.33854 1.22192 3.39062C1.03442 3.45312 0.846924 3.52083 0.659424 3.59375L0.378174 2.35938C0.85734 2.13021 1.40422 1.89062 2.0188 1.64062C2.6438 1.39062 3.25317 1.16146 3.84692 0.953125C4.44067 0.744792 4.97713 0.578125 5.4563 0.453125C5.94588 0.317708 6.29484 0.25 6.50317 0.25C6.86776 0.25 7.11255 0.34375 7.23755 0.53125C7.36255 0.71875 7.42505 1.05208 7.42505 1.53125C7.42505 1.96875 7.37817 2.57812 7.28442 3.35938C7.19067 4.13021 7.07088 5.00521 6.92505 5.98438C6.78963 6.95312 6.63338 7.98438 6.4563 9.07812C6.27922 10.1615 6.10734 11.2292 5.94067 12.2812C6.45109 11.6667 6.93026 11.1719 7.37817 10.7969C7.83651 10.4115 8.26359 10.1146 8.65942 9.90625C9.05526 9.69792 9.42505 9.55729 9.7688 9.48438C10.1125 9.41146 10.425 9.375 10.7063 9.375C11.2375 9.36458 11.7323 9.47396 12.1907 9.70312C12.6594 9.92188 13.0657 10.25 13.4094 10.6875C13.7532 11.1146 14.024 11.6458 14.2219 12.2812C14.4198 12.9167 14.5136 13.6458 14.5032 14.4688Z" fill="white"/>
|
|
<path class="dark:fill-cyan-600 fill-green-600" d="M28.2769 12.125C28.2769 12.4062 28.2405 12.7135 28.1675 13.0469C28.105 13.3698 27.9696 13.7135 27.7613 14.0781C27.5634 14.4323 27.2769 14.8073 26.9019 15.2031C26.5269 15.599 26.0269 16.0052 25.4019 16.4219C24.7769 16.8385 24.0113 17.2656 23.105 17.7031C22.1988 18.1406 21.1155 18.5833 19.855 19.0312C20.0009 19.9792 20.2665 20.7188 20.6519 21.25C21.0373 21.7708 21.48 22.0312 21.98 22.0312C22.428 22.0312 23.079 21.8021 23.9332 21.3438C24.7978 20.8854 25.8603 20.151 27.1207 19.1406C27.1832 19.1719 27.2561 19.25 27.3394 19.375C27.4228 19.4896 27.5009 19.6198 27.5738 19.7656C27.6571 19.901 27.73 20.0312 27.7925 20.1562L27.9175 20.4062C27.0634 21.1458 26.2821 21.7865 25.5738 22.3281C24.8655 22.8594 24.2092 23.2969 23.605 23.6406C23.0009 23.9844 22.4332 24.2344 21.9019 24.3906C21.3811 24.5573 20.8759 24.6406 20.3863 24.6406C19.928 24.6406 19.4228 24.5417 18.8707 24.3438C18.3186 24.1562 17.803 23.8542 17.3238 23.4375C16.855 23.0104 16.4592 22.4583 16.1363 21.7812C15.8238 21.0938 15.6675 20.2552 15.6675 19.2656C15.6675 18.4531 15.7665 17.6823 15.9644 16.9531C16.1623 16.2135 16.4436 15.5156 16.8082 14.8594C17.1728 14.1927 17.6103 13.5625 18.1207 12.9688C18.6415 12.375 19.2248 11.8021 19.8707 11.25C20.0998 11.0521 20.3915 10.8438 20.7457 10.625C21.0998 10.4062 21.4853 10.2031 21.9019 10.0156C22.329 9.82812 22.7665 9.67708 23.2144 9.5625C23.6728 9.4375 24.1207 9.375 24.5582 9.375C25.1936 9.375 25.7457 9.45833 26.2144 9.625C26.6832 9.78125 27.0686 9.98958 27.3707 10.25C27.6832 10.5104 27.9123 10.8073 28.0582 11.1406C28.204 11.4635 28.2769 11.7917 28.2769 12.125ZM21.2613 12.7188C21.0321 13.0208 20.829 13.3281 20.6519 13.6406C20.4853 13.9427 20.3394 14.2656 20.2144 14.6094C20.0894 14.9531 19.9905 15.3229 19.9175 15.7188C19.8446 16.1146 19.7978 16.5521 19.7769 17.0312C20.6936 16.5938 21.4228 16.2031 21.9644 15.8594C22.5165 15.5052 22.9332 15.1719 23.2144 14.8594C23.5061 14.5469 23.6936 14.2396 23.7769 13.9375C23.8603 13.6354 23.9019 13.3177 23.9019 12.9844C23.9019 12.5573 23.8082 12.2292 23.6207 12C23.4332 11.7604 23.204 11.6406 22.9332 11.6406C22.8498 11.6406 22.7405 11.6667 22.605 11.7188C22.4696 11.7708 22.3238 11.8438 22.1675 11.9375C22.0113 12.0312 21.8498 12.1458 21.6832 12.2812C21.5269 12.4062 21.3863 12.5521 21.2613 12.7188Z" fill="white"/>
|
|
<path class="dark:fill-cyan-400 fill-green-500" d="M41.3007 10.8125C41.134 11.0521 40.9309 11.3281 40.6913 11.6406C40.4621 11.9427 40.2278 12.2344 39.9882 12.5156C39.759 12.7969 39.5403 13.0365 39.3319 13.2344C39.1236 13.4219 38.9621 13.5156 38.8475 13.5156C38.6705 13.5156 38.4725 13.401 38.2538 13.1719C38.035 12.9427 37.785 12.6927 37.5038 12.4219C37.233 12.1406 36.9361 11.8854 36.6132 11.6562C36.2903 11.4271 35.9361 11.3125 35.5507 11.3125C34.9673 11.3125 34.5559 11.4479 34.3163 11.7188C34.0767 11.9792 33.9569 12.3281 33.9569 12.7656C33.9569 13.026 34.0142 13.2656 34.1288 13.4844C34.2434 13.6927 34.41 13.8958 34.6288 14.0938C34.858 14.2812 35.134 14.4688 35.4569 14.6562C35.7903 14.8438 36.1653 15.0469 36.5819 15.2656C37.009 15.4844 37.4257 15.724 37.8319 15.9844C38.2486 16.2448 38.6132 16.5469 38.9257 16.8906C39.2486 17.224 39.509 17.6042 39.7069 18.0312C39.9048 18.4479 40.0038 18.9323 40.0038 19.4844C40.0038 19.9635 39.8944 20.4271 39.6757 20.875C39.4673 21.3125 39.1809 21.724 38.8163 22.1094C38.4517 22.4844 38.0298 22.8281 37.5507 23.1406C37.0819 23.4531 36.5923 23.724 36.0819 23.9531C35.5715 24.1719 35.0559 24.3385 34.535 24.4531C34.0142 24.5781 33.5298 24.6406 33.0819 24.6406C32.3632 24.6406 31.7017 24.5521 31.0975 24.375C30.4934 24.1979 29.9725 23.9844 29.535 23.7344C29.0975 23.474 28.759 23.2031 28.5194 22.9219C28.2694 22.6302 28.1444 22.375 28.1444 22.1562C28.1444 22 28.2225 21.75 28.3788 21.4062C28.535 21.0521 28.7173 20.6927 28.9257 20.3281C29.1444 19.9635 29.358 19.6458 29.5663 19.375C29.7746 19.0938 29.9361 18.9531 30.0507 18.9531C30.1444 18.9531 30.2486 19.0417 30.3632 19.2188C30.4778 19.3958 30.608 19.6146 30.7538 19.875C30.91 20.1354 31.0819 20.4219 31.2694 20.7344C31.4673 21.0469 31.6965 21.3333 31.9569 21.5938C32.2278 21.8542 32.5298 22.0729 32.8632 22.25C33.1965 22.4271 33.5819 22.5156 34.0194 22.5156C34.6757 22.5156 35.1809 22.349 35.535 22.0156C35.8996 21.6823 36.0819 21.2344 36.0819 20.6719C36.0819 20.3281 35.9882 20.0104 35.8007 19.7188C35.6236 19.4167 35.384 19.1354 35.0819 18.875C34.7798 18.6146 34.4361 18.375 34.0507 18.1562C33.6757 17.9271 33.2955 17.7083 32.91 17.5C32.358 17.2188 31.8996 16.9323 31.535 16.6406C31.1809 16.3385 30.8996 16.0365 30.6913 15.7344C30.483 15.4219 30.3371 15.1042 30.2538 14.7812C30.1705 14.4583 30.1288 14.1302 30.1288 13.7969C30.1288 13.1406 30.3319 12.5417 30.7382 12C31.1444 11.4583 31.6548 10.9948 32.2694 10.6094C32.884 10.2135 33.5559 9.91146 34.285 9.70312C35.0246 9.48438 35.7225 9.375 36.3788 9.375C36.9413 9.375 37.4465 9.44271 37.8944 9.57812C38.3528 9.70312 38.7746 9.84896 39.16 10.0156C39.5455 10.1719 39.91 10.3281 40.2538 10.4844C40.5975 10.6406 40.9465 10.75 41.3007 10.8125Z" fill="white"/>
|
|
<path class="dark:fill-cyan-400 fill-green-500" d="M57.8244 22.0938C57.3557 22.375 56.84 22.6667 56.2775 22.9688C55.7255 23.2708 55.1786 23.5469 54.6369 23.7969C54.1057 24.0365 53.6057 24.2344 53.1369 24.3906C52.6786 24.5573 52.3088 24.6406 52.0275 24.6406C51.663 24.6406 51.3505 24.474 51.09 24.1406C50.84 23.8177 50.715 23.375 50.715 22.8125C50.715 22.625 50.7463 22.3177 50.8088 21.8906C50.8713 21.4635 50.9494 20.974 51.0432 20.4219C51.1369 19.8698 51.2359 19.2865 51.34 18.6719C51.4442 18.0573 51.5432 17.4688 51.6369 16.9062C51.7307 16.3333 51.8088 15.8177 51.8713 15.3594C51.9338 14.901 51.965 14.5521 51.965 14.3125C51.965 13.75 51.9182 13.3594 51.8244 13.1406C51.7411 12.9219 51.5484 12.8125 51.2463 12.8125C51.1109 12.8125 50.9338 12.8438 50.715 12.9062C50.4963 12.9688 50.2567 13.0781 49.9963 13.2344C49.7359 13.3906 49.4598 13.6094 49.1682 13.8906C48.8869 14.1615 48.6109 14.5104 48.34 14.9375C48.0275 15.4375 47.7828 16.0365 47.6057 16.7344C47.439 17.4323 47.2671 18.2865 47.09 19.2969C47.0067 19.7656 46.939 20.1719 46.8869 20.5156C46.8348 20.849 46.7932 21.151 46.7619 21.4219C46.7411 21.6823 46.7255 21.9271 46.715 22.1562C46.715 22.375 46.7203 22.599 46.7307 22.8281C46.6369 22.8802 46.4859 22.9531 46.2775 23.0469C46.0796 23.1406 45.8453 23.25 45.5744 23.375C45.314 23.4896 45.038 23.6146 44.7463 23.75C44.4546 23.875 44.1734 23.9948 43.9025 24.1094C43.6421 24.224 43.4078 24.3281 43.1994 24.4219C43.0015 24.526 42.8609 24.599 42.7775 24.6406L42.1057 24C42.3244 22.9583 42.5275 21.8906 42.715 20.7969C42.913 19.6927 43.0848 18.651 43.2307 17.6719C43.3869 16.6823 43.5067 15.8073 43.59 15.0469C43.6838 14.276 43.7307 13.7083 43.7307 13.3438C43.7307 13.1042 43.715 12.9167 43.6838 12.7812C43.663 12.6354 43.6265 12.5312 43.5744 12.4688C43.5223 12.3958 43.4598 12.349 43.3869 12.3281C43.314 12.3073 43.2307 12.2969 43.1369 12.2969C43.0432 12.2969 42.913 12.3177 42.7463 12.3594C42.5796 12.401 42.413 12.4479 42.2463 12.5C42.0588 12.5625 41.8505 12.6302 41.6213 12.7031L41.3088 11.4688C41.6005 11.3438 41.9338 11.2031 42.3088 11.0469C42.6942 10.8906 43.09 10.7396 43.4963 10.5938C43.9025 10.4375 44.3088 10.2865 44.715 10.1406C45.1213 9.99479 45.4963 9.86458 45.84 9.75C46.1942 9.63542 46.4963 9.54688 46.7463 9.48438C47.0067 9.41146 47.1942 9.375 47.3088 9.375C47.4546 9.375 47.5744 9.40104 47.6682 9.45312C47.7723 9.49479 47.8505 9.57812 47.9025 9.70312C47.965 9.82812 48.0067 10.0052 48.0275 10.2344C48.0588 10.4635 48.0744 10.7656 48.0744 11.1406C48.0744 11.3594 48.0692 11.5729 48.0588 11.7812C48.0484 11.9792 48.0275 12.2083 47.9963 12.4688C49.1317 11.4271 50.2463 10.651 51.34 10.1406C52.4338 9.63021 53.4494 9.375 54.3869 9.375C54.7098 9.375 55.0015 9.40625 55.2619 9.46875C55.5223 9.53125 55.7411 9.65104 55.9182 9.82812C56.1057 9.99479 56.2463 10.2396 56.34 10.5625C56.4338 10.875 56.4807 11.2812 56.4807 11.7812C56.4807 12.1458 56.4494 12.5729 56.3869 13.0625C56.3244 13.5521 56.2411 14.0729 56.1369 14.625C56.0432 15.1667 55.939 15.724 55.8244 16.2969C55.7098 16.8698 55.6005 17.4167 55.4963 17.9375C55.4025 18.4583 55.3244 18.9427 55.2619 19.3906C55.1994 19.8281 55.1682 20.1927 55.1682 20.4844C55.1682 20.8385 55.215 21.0833 55.3088 21.2188C55.4025 21.3438 55.5432 21.4062 55.7307 21.4062C55.8557 21.4062 55.9703 21.3958 56.0744 21.375C56.1786 21.3542 56.288 21.3229 56.4025 21.2812C56.5171 21.2396 56.6473 21.1875 56.7932 21.125C56.9494 21.0625 57.1369 20.9844 57.3557 20.8906L57.8244 22.0938Z" fill="white"/>
|
|
<path class="dark:fill-cyan-400 fill-green-500" d="M66.6451 22.0938C66.1555 22.3854 65.6346 22.6823 65.0826 22.9844C64.5409 23.2865 64.0044 23.5625 63.4732 23.8125C62.9523 24.0521 62.4628 24.25 62.0044 24.4062C61.5461 24.5625 61.1607 24.6406 60.8482 24.6406C60.494 24.6406 60.1867 24.474 59.9263 24.1406C59.6659 23.8177 59.5357 23.375 59.5357 22.8125C59.5357 22.5 59.5669 22.0885 59.6294 21.5781C59.7023 21.0573 59.7909 20.4896 59.8951 19.875C59.9992 19.2604 60.1138 18.625 60.2388 17.9688C60.3638 17.3125 60.4784 16.6875 60.5826 16.0938C60.6867 15.5 60.7701 14.9635 60.8326 14.4844C60.9055 13.9948 60.9419 13.625 60.9419 13.375C60.9419 13.1354 60.9263 12.9479 60.8951 12.8125C60.8638 12.6667 60.8221 12.5625 60.7701 12.5C60.718 12.4271 60.6503 12.3802 60.5669 12.3594C60.4836 12.3385 60.3951 12.3281 60.3013 12.3281C60.218 12.3281 60.0982 12.349 59.9419 12.3906C59.7857 12.4219 59.6294 12.4635 59.4732 12.5156C59.2857 12.5677 59.093 12.6302 58.8951 12.7031L58.5982 11.5C59.0357 11.3021 59.5461 11.0833 60.1294 10.8438C60.7232 10.5938 61.3065 10.3594 61.8794 10.1406C62.4628 9.92188 62.994 9.73958 63.4732 9.59375C63.9523 9.44792 64.3013 9.375 64.5201 9.375C64.8117 9.375 65.0409 9.47396 65.2076 9.67188C65.3846 9.86979 65.4732 10.2083 65.4732 10.6875C65.4732 10.9896 65.4367 11.401 65.3638 11.9219C65.2909 12.4427 65.1971 13.0156 65.0826 13.6406C64.9784 14.2552 64.8638 14.9062 64.7388 15.5938C64.6138 16.2708 64.494 16.9219 64.3794 17.5469C64.2753 18.1615 64.1867 18.7292 64.1138 19.25C64.0409 19.7708 64.0044 20.1823 64.0044 20.4844C64.0044 20.8073 64.0357 21.0417 64.0982 21.1875C64.1711 21.3333 64.2961 21.4062 64.4732 21.4062C64.6294 21.4062 64.7753 21.3958 64.9107 21.375C65.0461 21.3542 65.1815 21.3229 65.3169 21.2812C65.4628 21.2396 65.6138 21.1875 65.7701 21.125C65.9263 21.0625 66.1138 20.9844 66.3326 20.8906L66.6451 22.0938ZM66.9888 4.28125C66.9888 4.57292 66.9211 4.88021 66.7857 5.20312C66.6607 5.52604 66.468 5.82292 66.2076 6.09375C65.9576 6.36458 65.6451 6.58854 65.2701 6.76562C64.8951 6.94271 64.4628 7.03125 63.9732 7.03125C63.6607 7.03125 63.3898 6.99479 63.1607 6.92188C62.9315 6.83854 62.744 6.72917 62.5982 6.59375C62.4523 6.45833 62.343 6.30729 62.2701 6.14062C62.2076 5.97396 62.1763 5.80208 62.1763 5.625C62.1763 5.34375 62.2388 5.04167 62.3638 4.71875C62.4992 4.39583 62.6971 4.09896 62.9576 3.82812C63.218 3.54688 63.5305 3.31771 63.8951 3.14062C64.2701 2.95312 64.7023 2.85938 65.1919 2.85938C65.5044 2.85938 65.7753 2.90104 66.0044 2.98438C66.2336 3.06771 66.4211 3.17708 66.5669 3.3125C66.7128 3.4375 66.8169 3.58854 66.8794 3.76562C66.9523 3.93229 66.9888 4.10417 66.9888 4.28125Z" fill="white"/>
|
|
<path class="dark:fill-cyan-400 fill-green-500" d="M75.1532 1.85938C75.1532 2.26562 75.1219 2.77083 75.0594 3.375C74.9969 3.96875 74.9136 4.63542 74.8094 5.375C74.7157 6.11458 74.6011 6.90625 74.4657 7.75C74.3303 8.58333 74.1896 9.44271 74.0438 10.3281C73.898 11.2135 73.7469 12.1094 73.5907 13.0156C73.4448 13.9115 73.3042 14.7812 73.1688 15.625L75.5907 13.8438C76.3094 13.3125 76.8771 12.875 77.2938 12.5312C77.7209 12.1771 77.9813 11.901 78.075 11.7031C78.1688 11.4948 78.0959 11.3594 77.8563 11.2969C77.6271 11.224 77.2261 11.1979 76.6532 11.2188L76.5125 9.98438C76.9709 9.91146 77.4344 9.84375 77.9032 9.78125C78.3719 9.71875 78.825 9.66667 79.2625 9.625C79.7 9.57292 80.1167 9.53646 80.5125 9.51562C80.9084 9.48438 81.273 9.46875 81.6063 9.46875C82.2625 9.46875 82.7 9.56771 82.9188 9.76562C83.148 9.96354 83.2625 10.2396 83.2625 10.5938C83.2625 10.75 83.148 10.9635 82.9188 11.2344C82.7 11.4948 82.3719 11.8021 81.9344 12.1562C81.5073 12.5 80.9865 12.8906 80.3719 13.3281C79.7573 13.7552 79.0594 14.2083 78.2782 14.6875L76.2782 15.9219C76.5282 16.2031 76.773 16.5365 77.0125 16.9219C77.2625 17.2969 77.4969 17.6875 77.7157 18.0938C77.9448 18.5 78.1688 18.901 78.3875 19.2969C78.6063 19.6927 78.8198 20.0469 79.0282 20.3594C79.2469 20.6719 79.4553 20.9271 79.6532 21.125C79.8615 21.3125 80.0698 21.4062 80.2782 21.4062C80.5178 21.4062 80.825 21.3698 81.2 21.2969C81.5855 21.2135 81.9761 21.0625 82.3719 20.8438L82.95 22C82.6063 22.2917 82.2157 22.5938 81.7782 22.9062C81.3511 23.2083 80.924 23.4896 80.4969 23.75C80.0698 24 79.6688 24.2031 79.2938 24.3594C78.9188 24.526 78.6115 24.6094 78.3719 24.6094C78.0282 24.6094 77.6948 24.4583 77.3719 24.1562C77.049 23.8646 76.7313 23.4844 76.4188 23.0156C76.1167 22.5365 75.8146 22.0052 75.5125 21.4219C75.2209 20.8281 74.9292 20.2396 74.6375 19.6562C74.3563 19.0625 74.0803 18.5052 73.8094 17.9844C73.5386 17.4531 73.273 17.0156 73.0125 16.6719C72.898 17.4115 72.7938 18.1094 72.7 18.7656C72.6167 19.4219 72.549 20.0208 72.4969 20.5625C72.4553 21.0938 72.4292 21.5521 72.4188 21.9375C72.4188 22.3229 72.4448 22.6094 72.4969 22.7969C72.4032 22.849 72.2469 22.9219 72.0282 23.0156C71.8198 23.1094 71.5803 23.2188 71.3094 23.3438C71.0386 23.4688 70.7521 23.599 70.45 23.7344C70.148 23.8594 69.8615 23.9792 69.5907 24.0938C69.3303 24.2188 69.0959 24.3281 68.8875 24.4219C68.6792 24.526 68.5334 24.599 68.45 24.6406L67.7469 24C67.7886 23.6979 67.8615 23.2292 67.9657 22.5938C68.0698 21.9479 68.1896 21.1979 68.325 20.3438C68.4709 19.4792 68.6271 18.5417 68.7938 17.5312C68.9709 16.5104 69.1428 15.4688 69.3094 14.4062C69.4761 13.3438 69.6375 12.2969 69.7938 11.2656C69.9605 10.224 70.1063 9.25 70.2313 8.34375C70.3563 7.4375 70.4553 6.63021 70.5282 5.92188C70.6011 5.21354 70.6375 4.66146 70.6375 4.26562C70.6375 4.00521 70.6219 3.80208 70.5907 3.65625C70.5594 3.51042 70.5125 3.40104 70.45 3.32812C70.3875 3.25521 70.3094 3.21354 70.2157 3.20312C70.1219 3.18229 70.0125 3.17188 69.8875 3.17188C69.8042 3.17188 69.6792 3.19792 69.5125 3.25C69.3459 3.29167 69.174 3.33854 68.9969 3.39062C68.799 3.45312 68.5855 3.52083 68.3563 3.59375L68.0594 2.35938C68.4969 2.16146 69.023 1.94271 69.6375 1.70312C70.2625 1.45312 70.8771 1.22396 71.4813 1.01562C72.0959 0.796875 72.6532 0.614583 73.1532 0.46875C73.6636 0.322917 74.023 0.25 74.2313 0.25C74.3771 0.25 74.5073 0.265625 74.6219 0.296875C74.7365 0.328125 74.8303 0.401042 74.9032 0.515625C74.9865 0.619792 75.049 0.78125 75.0907 1C75.1323 1.20833 75.1532 1.49479 75.1532 1.85938Z" fill="white"/>
|
|
</svg>
|
|
</div>
|
|
<a class="hidden md:block cursor-pointer text-gray-600 hover:text-white uppercase">About</a>
|
|
<a class="hidden md:block cursor-pointer text-gray-600 hover:text-white uppercase">Services</a>
|
|
<a class="hidden md:block cursor-pointer text-gray-600 hover:text-white uppercase">Why us</a>
|
|
<a class="hidden md:block cursor-pointer text-gray-600 hover:text-white uppercase">Contact</a>
|
|
<div class="flex flex-row space-x-8 items-center justify-between">
|
|
<a>
|
|
<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M3.89782 12V6.53514H5.67481L5.93895 4.39547H3.89782V3.03259C3.89782 2.41516 4.06363 1.99243 4.91774 1.99243H6V0.0847928C5.47342 0.0262443 4.94412 -0.00202566 4.41453 0.000112795C2.84383 0.000112795 1.76542 0.994936 1.76542 2.82122V4.39147H0V6.53114H1.76928V12H3.89782Z" fill="white"/>
|
|
</svg>
|
|
</a>
|
|
<a>
|
|
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M5.99536 2.91345C5.17815 2.91345 4.39441 3.23809 3.81655 3.81594C3.2387 4.3938 2.91406 5.17754 2.91406 5.99475C2.91406 6.81196 3.2387 7.5957 3.81655 8.17356C4.39441 8.75141 5.17815 9.07605 5.99536 9.07605C6.81257 9.07605 7.59631 8.75141 8.17417 8.17356C8.75202 7.5957 9.07666 6.81196 9.07666 5.99475C9.07666 5.17754 8.75202 4.3938 8.17417 3.81594C7.59631 3.23809 6.81257 2.91345 5.99536 2.91345ZM5.99536 7.99586C5.46446 7.99586 4.9553 7.78496 4.57989 7.40955C4.20448 7.03415 3.99358 6.52499 3.99358 5.99408C3.99358 5.46318 4.20448 4.95402 4.57989 4.57861C4.9553 4.20321 5.46446 3.99231 5.99536 3.99231C6.52626 3.99231 7.03542 4.20321 7.41083 4.57861C7.78624 4.95402 7.99714 5.46318 7.99714 5.99408C7.99714 6.52499 7.78624 7.03415 7.41083 7.40955C7.03542 7.78496 6.52626 7.99586 5.99536 7.99586Z" fill="white"/>
|
|
<path d="M9.19863 3.51848C9.59537 3.51848 9.91698 3.19687 9.91698 2.80013C9.91698 2.4034 9.59537 2.08179 9.19863 2.08179C8.8019 2.08179 8.48029 2.4034 8.48029 2.80013C8.48029 3.19687 8.8019 3.51848 9.19863 3.51848Z" fill="white"/>
|
|
<path d="M11.6821 2.06975C11.5279 1.67138 11.2921 1.30961 10.99 1.00759C10.6879 0.705576 10.326 0.469972 9.92759 0.31586C9.46135 0.140842 8.9688 0.0462069 8.4709 0.0359839C7.82919 0.00799638 7.62594 0 5.99867 0C4.37139 0 4.16282 -6.70254e-08 3.52643 0.0359839C3.02891 0.0456842 2.53671 0.140339 2.07108 0.31586C1.67255 0.469792 1.31059 0.705333 1.00844 1.00737C0.706289 1.30941 0.47061 1.67127 0.316526 2.06975C0.141474 2.53595 0.0470554 3.02855 0.0373167 3.52643C0.00866281 4.16748 0 4.37072 0 5.99867C0 7.62594 -4.96485e-09 7.83319 0.0373167 8.4709C0.0473123 8.96935 0.14127 9.46113 0.316526 9.92825C0.471042 10.3266 0.70695 10.6883 1.00918 10.9903C1.3114 11.2923 1.6733 11.5279 2.07175 11.6821C2.5365 11.8642 3.0289 11.9656 3.52777 11.982C4.16948 12.01 4.37272 12.0187 6 12.0187C7.62728 12.0187 7.83585 12.0187 8.47223 11.982C8.97008 11.9719 9.46262 11.8775 9.92892 11.7028C10.3272 11.5483 10.689 11.3125 10.9911 11.0104C11.2932 10.7083 11.529 10.3466 11.6835 9.94825C11.8587 9.48179 11.9527 8.99 11.9627 8.49156C11.9913 7.85051 12 7.64727 12 6.01932C12 4.39138 12 4.18481 11.9627 3.54709C11.9549 3.04216 11.86 2.54237 11.6821 2.06975ZM10.8705 8.42159C10.8662 8.80562 10.7961 9.18608 10.6633 9.54642C10.5632 9.80555 10.41 10.0409 10.2135 10.2372C10.017 10.4336 9.78162 10.5867 9.52243 10.6866C9.16608 10.8188 8.78967 10.8889 8.4096 10.8938C7.77654 10.9231 7.59796 10.9305 5.97468 10.9305C4.35007 10.9305 4.18414 10.9305 3.53909 10.8938C3.15921 10.8892 2.78298 10.8191 2.42692 10.6866C2.16683 10.5873 1.93048 10.4345 1.73316 10.2381C1.53584 10.0417 1.38194 9.80605 1.28143 9.54642C1.15045 9.18995 1.08039 8.81398 1.07419 8.43425C1.04554 7.8012 1.03887 7.62261 1.03887 5.99933C1.03887 4.37539 1.03887 4.20946 1.07419 3.56375C1.0785 3.17993 1.14859 2.7997 1.28143 2.43958C1.48467 1.91382 1.90116 1.5 2.42692 1.29876C2.78316 1.16691 3.15928 1.09682 3.53909 1.09151C4.17281 1.06286 4.35073 1.05486 5.97468 1.05486C7.59862 1.05486 7.76522 1.05486 8.4096 1.09151C8.7897 1.09609 9.16617 1.1662 9.52243 1.29876C9.7816 1.39889 10.017 1.55211 10.2134 1.74858C10.4099 1.94504 10.5631 2.18041 10.6633 2.43958C10.7942 2.79606 10.8643 3.17203 10.8705 3.55175C10.8992 4.18547 10.9065 4.36339 10.9065 5.98734C10.9065 7.61062 10.9065 7.78521 10.8778 8.42226H10.8705V8.42159Z" fill="white"/>
|
|
</svg>
|
|
</a>
|
|
<a href="https://www.youtube.com/channel/UCjtCbnkIaiCJgj13sEZ9iqw">
|
|
<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12.7355 1.415C12.6616 1.14357 12.517 0.896024 12.3162 0.697014C12.1154 0.498004 11.8654 0.354468 11.5911 0.280692C10.5739 0.00450089 6.5045 4.87928e-06 6.5045 4.87928e-06C6.5045 4.87928e-06 2.43578 -0.00449139 1.41795 0.259496C1.14379 0.336667 0.894302 0.482233 0.693428 0.68222C0.492554 0.882207 0.347041 1.1299 0.270859 1.40152C0.00259923 2.40737 9.51671e-07 4.49358 9.51671e-07 4.49358C9.51671e-07 4.49358 -0.0025972 6.59006 0.263714 7.58564C0.413109 8.13609 0.851549 8.57094 1.40885 8.71931C2.43643 8.9955 6.49476 9 6.49476 9C6.49476 9 10.5641 9.00449 11.5813 8.74115C11.8557 8.6675 12.106 8.52429 12.3073 8.32569C12.5086 8.12709 12.6539 7.87996 12.729 7.60876C12.998 6.60355 12.9999 4.51798 12.9999 4.51798C12.9999 4.51798 13.0129 2.42086 12.7355 1.415ZM5.20282 6.42628L5.20607 2.57244L8.58823 4.50257L5.20282 6.42628Z" fill="white"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<hr class="border-gray-600"/>
|
|
<p class="w-full text-center my-12 text-gray-600">Copyright © 2020 Besnik Creative</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer 36 end -->
|
|
|
|
|
|
<!-- footer 37 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 37</div>
|
|
</section>
|
|
<footer class="pt-16 dark:bg-gray-800">
|
|
<div class="border-t md:px-4 md:pt-10 md:pb-5">
|
|
<div class="flex flex-wrap md:max-w-screen-lg mx-auto">
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit maecenas
|
|
mattis
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit maecenas
|
|
mattis
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Fusce vel sem</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Ut venenatis tellus</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Vestibulum</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Nunc at ipsum</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Ut porta
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Ut porta
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Pellentesque rhoncus</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Aenean</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Curabitur bibendum</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Phasellus non mi</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Duis accumsa</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Curabitur nec enim</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Fusce ut augue</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Praesent elementum
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Praesent elementum
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Mauris mattis nunc</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Nunc viverra risus</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Etiam a libero</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Aenean gravida orci in sem varius
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Aenean gravida orci in sem varius
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Cras id ipsum</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Donec a lorem
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Donec a lorem
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Sed a diam</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Nullam luctus felis</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Sed euismod</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Integer interdum
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Integer interdum
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Dignissim gravida</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Eu mollis elit</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Hendrerit purus id</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Ut luctus dui tincidunt</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Pellentesque at ligula</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="relative text-gray-700 font-light border-b px-4 pb-4 md:py-3 w-full md:border-none md:w-1/4"
|
|
>
|
|
<div class="md:hidden">
|
|
<button
|
|
onclick="toggleFooterSection(event)"
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 focus:outline-none border-t border-white py-4 w-full text-left"
|
|
type="button"
|
|
>
|
|
Quisque
|
|
</button>
|
|
</div>
|
|
<a
|
|
class="uppercase text-xs font-bold tracking-wider text-pink-700 hidden md:block"
|
|
href="#"
|
|
>
|
|
Quisque
|
|
</a>
|
|
<article class="h-0 md:h-auto -mt-4 md:mt-0 overflow-hidden">
|
|
<ul class="my-5 text-sm tracking-wide dark:text-sky-400">
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Finibus nulla eget</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Pellentesque</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Duis efficitur</a>
|
|
</li>
|
|
<li class="my-3 tracking-wide">
|
|
<a href="#">Cras at lacus</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="max-w-screen-lg mx-auto border-none px-4">
|
|
<section
|
|
class="flex flex-col md:flex-row md:justify-between md:border-solid md:border-t text-gray-700 font-light text-sm pt-4 pb-6 md:pt-5 md:pb-6 w-full"
|
|
>
|
|
<div>
|
|
<p class="leading-8 tracking-wide dark:text-sky-400">
|
|
© Lorem Ipsum Co., 123 Lorem Street, New York, NY
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<p class="leading-8 tracking-wide dark:text-sky-400">Privacy Policy</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</footer>
|
|
<script>
|
|
function toggleFooterSection(e) {
|
|
const list = e.target.parentElement.parentElement.querySelector(
|
|
"article"
|
|
);
|
|
if (list.classList.contains("h-0")) {
|
|
list.classList.remove("h-0");
|
|
} else {
|
|
list.classList.add("h-0");
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- footer 37 end -->
|
|
|
|
|
|
<!-- footer 38 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 38</div>
|
|
</section>
|
|
<!-- component -->
|
|
<section class="">
|
|
<div class=" bg-grey-400 dark:bg-gray-800 p-8">
|
|
<div class="sm:flex mb-4">
|
|
<div class="sm:w-1/4 h-auto">
|
|
<div class="text-orange-500 mb-2">Orange</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-orange-500 text-grey-400">One</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Two</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Three</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Four</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Five</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Six</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Seven</li>
|
|
<li class="hover:text-orange-500 text-grey-400">Eight</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sm:w-1/4 h-auto sm:mt-0 mt-8">
|
|
<div class="text-blue-700 mb-2">Blue</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-blue-700 text-grey-400">One</li>
|
|
<li class="hover:text-blue-700 text-grey-400">Two</li>
|
|
<li class="hover:text-blue-700 text-grey-400">Three</li>
|
|
</ul>
|
|
|
|
<div class="text-blue-400 mb-2 mt-4">Blue-light</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-blue-400 text-grey-400">One</li>
|
|
<li class="hover:text-blue-400 text-grey-400">Two</li>
|
|
<li class="hover:text-blue-400 text-grey-400">Three</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="sm:w-1/4 h-auto sm:mt-0 mt-8">
|
|
<div class="text-green-700 mb-2">Green-dark</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-green-700 text-grey-400">One</li>
|
|
<li class="hover:text-green-700 text-grey-400">Two</li>
|
|
<li class="hover:text-green-700 text-grey-400">Three</li>
|
|
</ul>
|
|
|
|
<div class="text-green-400 mb-2 mt-4">Green-light</div>
|
|
<ul class="list-reset leading-normal">
|
|
<li class="hover:text-green-400 text-grey-darker">One</li>
|
|
<li class="hover:text-green-400 text-grey-darker">Two</li>
|
|
<li class="hover:text-green-400 text-grey-darker">Three</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
<div class="sm:w-1/2 sm:mt-0 mt-8 h-auto">
|
|
<div class="text-red-light mb-2 font-bold underline dark:text-gray-400 hover:text-cyan-300">Newsletter</div>
|
|
<p class="text-grey-darker leading-normal text-gray-500">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, consectetur. </p>
|
|
<div class="mt-4 flex">
|
|
<input type="text" class="p-2 border border-grey-light round text-grey-dark text-sm h-auto" placeholder="Your email address">
|
|
<button class="bg-orange-500 text-gray-300 font-semibold rounded-sm h-auto text-xs p-3">Subscribe</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- footer 38 end -->
|
|
|
|
<!-- footer 39 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 39</div>
|
|
</section>
|
|
<footer class="bg-gray-900 text-gray-200">
|
|
<div class="container px-4 mx-auto">
|
|
<div class="-mx-4 flex flex-wrap justify-between">
|
|
<div class="px-4 w-full md:w-1/3 my-4">
|
|
<h2 class="text-xl mb-6">Contact</h2>
|
|
<ul class="mb-6">
|
|
<li class="flex items-center mb-2">
|
|
<div class="text-yellow-500 mr-4">
|
|
<svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
<path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<a href="http://maps.google.com" target="_blank" rel="noopener noreferrer" class="hover:text-yellow-500">
|
|
Tailwindow Street, California, USA
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center mb-2">
|
|
<div class="text-yellow-500 mr-4">
|
|
<svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<a href="mailto:info@tailwindow.com" class="hover:text-yellow-500">info@tailwindow.com</a>
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center mb-2">
|
|
<div class="text-yellow-500 mr-4">
|
|
<svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<a href="tel:+18245946369" class="hover:text-yellow-500">+1 8245 946 369</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<a href="#" class="inline-flex w-8 h-8 rounded-sm bg-gray-600 hover:bg-gray-700 items-center justify-center">
|
|
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
|
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="inline-flex w-8 h-8 rounded-sm bg-gray-600 hover:bg-gray-700 items-center justify-center">
|
|
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="inline-flex w-8 h-8 rounded-sm bg-gray-600 hover:bg-gray-700 items-center justify-center">
|
|
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
|
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="inline-flex w-8 h-8 rounded-sm bg-gray-600 hover:bg-gray-700 items-center justify-center">
|
|
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
|
|
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="inline-flex w-8 h-8 rounded-sm bg-gray-600 hover:bg-gray-700 items-center justify-center">
|
|
<svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
|
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="px-4 w-full md:w-1/3 my-4">
|
|
<h2 class="text-xl mb-6">Latest Posts</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="flex mb-2 hover:text-yellow-500">
|
|
<img class="rounded-sm" src="https://picsum.photos/id/121/40" alt="article 1">
|
|
<div class="ml-3 overflow-hidden">
|
|
<h3 class="font-semibold truncate">
|
|
How to use TailwindCSS with Vuejs and Laravel Mix
|
|
</h3>
|
|
<span class="text-xs text-gray-500 block">July 17, 2020</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex mb-2 hover:text-yellow-500">
|
|
<img class="rounded-sm" src="https://picsum.photos/id/122/40" alt="article 2">
|
|
<div class="ml-3 overflow-hidden">
|
|
<h3 class="font-semibold truncate">
|
|
5 Tips to Make Responsive Website
|
|
</h3>
|
|
<span class="text-xs text-gray-500 block">June 06, 2020</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex mb-2 hover:text-yellow-500">
|
|
<img class="rounded-sm" src="https://picsum.photos/id/123/40" alt="article 3">
|
|
<div class="ml-3 overflow-hidden">
|
|
<h3 class="font-semibold truncate">
|
|
What Is Flex And When to Use It?
|
|
</h3>
|
|
<span class="text-xs text-gray-500 block">May 28, 2020</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex mb-2 hover:text-yellow-500">
|
|
<img class="rounded-sm" src="https://picsum.photos/id/124/40" alt="article 4">
|
|
<div class="ml-3 overflow-hidden">
|
|
<h3 class="font-semibold truncate">
|
|
How TailwindCSS Can Help Your Productivity?
|
|
</h3>
|
|
<span class="text-xs text-gray-500 block">March 15, 2020</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex mb-2 hover:text-yellow-500">
|
|
<img class="rounded-sm" src="https://picsum.photos/id/125/40" alt="article 4">
|
|
<div class="ml-3 overflow-hidden">
|
|
<h3 class="font-semibold truncate">
|
|
Getting Started With HTML and CSS
|
|
</h3>
|
|
<span class="text-xs text-gray-500 block">February 14, 2020</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="px-4 w-full md:w-1/3 my-4">
|
|
<h2 class="text-xl mb-6">Send Us Message</h2>
|
|
|
|
<form>
|
|
<div class="mb-2">
|
|
<label for="email" class="text-xs text-gray-200">Email</label>
|
|
<input id="email" type="email" class="block w-full border border-gray-400 rounded-sm py-1 px-4 text-gray-700 text-md focus:outline-none focus:border-gray-500" placeholder="john@example.com">
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="message" class="text-xs text-gray-200">Message</label>
|
|
<textarea id="message" cols="30" rows="3" class="block w-full border border-gray-400 rounded-sm py-1 px-4 text-gray-700 text-md focus:outline-none focus:border-gray-500" placeholder="I have something in mind"></textarea>
|
|
</div>
|
|
<button class="rounded-sm py-2 px-4 text-gray-100 bg-gray-600 hover:bg-gray-700 focus:outline-none">Send</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container px-4 mx-auto">
|
|
<div class="-mx-4 py-4 flex flex-wrap justify-between items-center">
|
|
<div class="px-4 w-full text-center sm:w-auto">
|
|
<a href="/" class="inline-flex">
|
|
<svg class="w-40" version="1.1" viewBox="0 0 3368 512" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<g transform="translate(0 -75)">
|
|
<g transform="translate(0 75)">
|
|
<rect width="512" height="512" rx="128" fill="#3D5AFE"></rect>
|
|
<rect x="149" y="176" width="220" height="220" fill="#fff"></rect>
|
|
<circle cx="259" cy="156" r="40" fill="#fff"></circle>
|
|
<circle cx="369" cy="286" r="40" fill="#2962FF"></circle>
|
|
</g>
|
|
<text fill="white" font-family="Nunito-Bold, Nunito" font-size="512" font-weight="bold">
|
|
<tspan x="654" y="518">Tailwindow</tspan>
|
|
</text>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="px-4 w-full text-center sm:w-auto sm:text-left">
|
|
Copyright © 2020
|
|
<script>new Date().getFullYear() > 2020 && document.write("- " + new Date().getFullYear())</script>- 2022
|
|
Tailwindow. All Rights Reserved.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- footer 39 end -->
|
|
|
|
<!-- footer 40 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 40</div>
|
|
</section>
|
|
|
|
<footer class="bg-white dark:bg-gray-800 w-full py-8">
|
|
<div class="max-w-screen-xl mx-auto px-4">
|
|
<ul class="max-w-screen-md mx-auto text-lg font-light flex flex-wrap justify-between">
|
|
<li class="my-2">
|
|
<a class="text-gray-400 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white transition-colors duration-200" href="#">
|
|
FAQ
|
|
</a>
|
|
</li>
|
|
<li class="my-2">
|
|
<a class="text-gray-400 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white transition-colors duration-200" href="#">
|
|
Configuration
|
|
</a>
|
|
</li>
|
|
<li class="my-2">
|
|
<a class="text-gray-400 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white transition-colors duration-200" href="#">
|
|
Github
|
|
</a>
|
|
</li>
|
|
<li class="my-2">
|
|
<a class="text-gray-400 hover:text-gray-800 dark:text-gray-300 dark:hover:text-white transition-colors duration-200" href="#">
|
|
LinkedIn
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="pt-8 flex max-w-xs mx-auto items-center justify-between">
|
|
<a href="#" class="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792">
|
|
<path d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 .5-76.5t.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 88.5t.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zm-477 1103q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zm31 34q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zm30 45q9-7 0-19-8-13-17-6-9 5 0 18t17 7zm42 42q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zm57 25q3-11-13-16-15-4-19 7t13 15q15 6 19-6zm63 5q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zm58-10q-2-11-18-9-16 3-14 15t18 8 14-14z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M1551 1476q15-6 26-3t11 17.5-15 33.5q-13 16-44 43.5t-95.5 68-141 74-188 58-229.5 24.5q-119 0-238-31t-209-76.5-172.5-104-132.5-105-84-87.5q-8-9-10-16.5t1-12 8-7 11.5-2 11.5 4.5q192 117 300 166 389 176 799 90 190-40 391-135zm207-115q11 16 2.5 69.5t-28.5 102.5q-34 83-85 124-17 14-26 9t0-24q21-45 44.5-121.5t6.5-98.5q-5-7-15.5-11.5t-27-6-29.5-2.5-35 0-31.5 2-31 3-22.5 2q-6 1-13 1.5t-11 1-8.5 1-7 .5h-10l-3-.5-2-1.5-1.5-3q-6-16 47-40t103-30q46-7 108-1t76 24zm-394-443q0 31 13.5 64t32 58 37.5 46 33 32l13 11-227 224q-40-37-79-75.5t-58-58.5l-19-20q-11-11-25-33-38 59-97.5 102.5t-127.5 63.5-140 23-137.5-21-117.5-65.5-83-113-31-162.5q0-84 28-154t72-116.5 106.5-83 122.5-57 130-34.5 119.5-18.5 99.5-6.5v-127q0-65-21-97-34-53-121-53-6 0-16.5 1t-40.5 12-56 29.5-56 59.5-48 96l-294-27q0-60 22-119t67-113 108-95 151.5-65.5 190.5-24.5q100 0 181 25t129.5 61.5 81 83 45 86 12.5 73.5v589zm-672 21q0 86 70 133 66 44 139 22 84-25 114-123 14-45 14-101v-162q-59 2-111 12t-106.5 33.5-87 71-32.5 114.5z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="text-center pt-10 sm:pt-12 font-light flex items-center justify-center">
|
|
<form class="flex flex-col md:flex-row w-3/4 md:w-full max-w-sm md:space-x-3 space-y-3 md:space-y-0 justify-center">
|
|
<div class=" relative ">
|
|
<input type="text" id=""form-subscribe-Subscribe" class=" rounded-lg border-transparent flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Email"/>
|
|
</div>
|
|
<button class="flex-shrink-0 px-4 py-2 text-base font-semibold text-white bg-purple-600 rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 focus:ring-offset-purple-200" type="submit">
|
|
Subscribe
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="text-center text-gray-500 dark:text-gray-200 pt-10 sm:pt-12 font-light flex items-center justify-center">
|
|
copyright by exaple
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- footer 40 end -->
|
|
|
|
|
|
<!-- footer 41 start -->
|
|
<section class="section_divider">
|
|
<div>Footer 41</div>
|
|
</section>
|
|
|
|
<footer class="bg-white dark:bg-gray-800 pt-4 pb-8 xl:pt-8">
|
|
<div class="max-w-screen-lg xl:max-w-screen-xl mx-auto px-4 sm:px-6 md:px-8 text-gray-400 dark:text-gray-300">
|
|
<ul class="text-lg font-light pb-8 flex flex-wrap justify-center">
|
|
<li class="w-1/2 md:w-1/3 lg:w-1/3">
|
|
<div class="text-center">
|
|
<h2 class="text-gray-500 dark:text-gray-200 text-md uppercase mb-4">
|
|
Components
|
|
</h2>
|
|
<ul>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Elements
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Forms
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Commerces
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Navigation
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="w-1/2 md:w-1/3 lg:w-1/3">
|
|
<div class="text-center">
|
|
<h2 class="text-gray-500 dark:text-gray-200 text-md uppercase mb-4">
|
|
Contacts
|
|
</h2>
|
|
<ul>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Github
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Facebook
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Twitter
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
LinkedIn
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="w-1/2 md:w-1/3 lg:w-1/3">
|
|
<div class="text-center">
|
|
<h2 class="text-gray-500 dark:text-gray-200 text-md uppercase mb-4">
|
|
Customization
|
|
</h2>
|
|
<ul>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Settings
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Themes
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
Plugins
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 hover:text-gray-800 dark:hover:text-white transition-colors duration-200">
|
|
<a href="#">
|
|
LinkedIn
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="pt-8 flex border-t border-gray-200 max-w-xs mx-auto items-center justify-between">
|
|
<a href="#">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792">
|
|
<path d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 .5-76.5t.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 88.5t.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zm-477 1103q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zm31 34q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zm30 45q9-7 0-19-8-13-17-6-9 5 0 18t17 7zm42 42q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zm57 25q3-11-13-16-15-4-19 7t13 15q15 6 19-6zm63 5q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zm58-10q-2-11-18-9-16 3-14 15t18 8 14-14z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
<a href="#">
|
|
<svg width="20" height="20" fill="currentColor" class="text-xl hover:text-gray-800 dark:hover:text-white transition-colors duration-200" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M1551 1476q15-6 26-3t11 17.5-15 33.5q-13 16-44 43.5t-95.5 68-141 74-188 58-229.5 24.5q-119 0-238-31t-209-76.5-172.5-104-132.5-105-84-87.5q-8-9-10-16.5t1-12 8-7 11.5-2 11.5 4.5q192 117 300 166 389 176 799 90 190-40 391-135zm207-115q11 16 2.5 69.5t-28.5 102.5q-34 83-85 124-17 14-26 9t0-24q21-45 44.5-121.5t6.5-98.5q-5-7-15.5-11.5t-27-6-29.5-2.5-35 0-31.5 2-31 3-22.5 2q-6 1-13 1.5t-11 1-8.5 1-7 .5h-10l-3-.5-2-1.5-1.5-3q-6-16 47-40t103-30q46-7 108-1t76 24zm-394-443q0 31 13.5 64t32 58 37.5 46 33 32l13 11-227 224q-40-37-79-75.5t-58-58.5l-19-20q-11-11-25-33-38 59-97.5 102.5t-127.5 63.5-140 23-137.5-21-117.5-65.5-83-113-31-162.5q0-84 28-154t72-116.5 106.5-83 122.5-57 130-34.5 119.5-18.5 99.5-6.5v-127q0-65-21-97-34-53-121-53-6 0-16.5 1t-40.5 12-56 29.5-56 59.5-48 96l-294-27q0-60 22-119t67-113 108-95 151.5-65.5 190.5-24.5q100 0 181 25t129.5 61.5 81 83 45 86 12.5 73.5v589zm-672 21q0 86 70 133 66 44 139 22 84-25 114-123 14-45 14-101v-162q-59 2-111 12t-106.5 33.5-87 71-32.5 114.5z">
|
|
</path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="text-center pt-10 sm:pt-12 font-light flex items-center justify-center">
|
|
<form class="flex flex-col md:flex-row w-3/4 md:w-full max-w-sm md:space-x-3 space-y-3 md:space-y-0 justify-center">
|
|
<div class=" relative ">
|
|
<input type="text" id=""form-subscribe-Subscribe" class=" rounded-lg border-transparent flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Email"/>
|
|
</div>
|
|
<button class="flex-shrink-0 px-4 py-2 text-base font-semibold text-white bg-purple-600 rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 focus:ring-offset-purple-200" type="submit">
|
|
Subscribe
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="text-center pt-10 sm:pt-12 font-light flex items-center justify-center">
|
|
copyright by example
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- footer 41 end -->
|
|
|
|
<!-- start of script section -->
|
|
<script type="text/javascript">
|
|
let toogler = document.getElementById("dark_mood_toogler");
|
|
let doc_html_el = document.getElementsByTagName('html')[0];
|
|
|
|
doc_html_el.addEventListener('keyup',(e)=>{
|
|
// key 220 is the backward slash , need to press ctrl+ \ to activate or deactivate darkmode
|
|
if(e.ctrlKey && e.keyCode =='220'){
|
|
doc_html_el.className =='' ? doc_html_el.classList.add('dark'):doc_html_el.classList.remove('dark');
|
|
|
|
}
|
|
})
|
|
toogler.addEventListener('click',()=>{
|
|
doc_html_el.className =='' ? doc_html_el.classList.add('dark'):doc_html_el.classList.remove('dark');
|
|
console.log(doc_html_el.className);
|
|
})
|
|
</script>
|
|
<!-- end of script section -->
|
|
|
|
|
|
</body>
|
|
</html> |