Mirrors/tailShape
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

30 footer ready

Browse Source
This commit is contained in:
merajjahir
2022-02-16 15:08:55 +06:00
parent 249f78837e
commit 617a8d63e8
32 changed files with 3013 additions and 2086 deletions
Download Patch File Download Diff File Expand all files Collapse all files

496
public/componets/footer/footer.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="">
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -19,24 +19,28 @@
</section>
<hr>
<footer class="p-4">
<footer class="p-4 dark:bg-gray-800">
<div class="flex flex-col lg:flex-row items-center">
<div class="w-full lg:w-auto lg:mr-auto text-center lg:text-left">© 2019 Dunder Mifflin</div>
<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">
<div class="w-full lg:w-auto lg:mr-6 mb-4 lg:mb-0 text-center">© 2019 Dunder Mifflin</div>
<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" href="#">Products</a><a class="inline-block mt-0 ml-8 text-blue-900 hover:text-blue-700" href="#">Team</a><a class="inline-block mt-0 ml-8 text-blue-900 hover:text-blue-700" href="#">Customers</a></div>
<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">
<footer class="p-4 dark:bg-gray-800">
<div class="flex flex-col lg:flex-row items-center">
<div class="w-full 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="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>
@@ -50,29 +54,29 @@
</section>
<section class="flex items-end w-full bg-white">
<section class="flex items-end w-full bg-white dark:bg-gray-800">
<footer class="w-full text-gray-700 bg-gray-100 body-font">
<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 fill-current" viewBox="0 0 202 69"
<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">Design, Code and Ship!</p>
<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">
<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">
<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
@@ -80,14 +84,14 @@
</path>
</svg>
</a>
<a class="ml-3 text-gray-500 cursor-pointer hover:text-gray-700">
<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">
<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"
@@ -101,67 +105,67 @@
</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">About</h2>
<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">Company</a>
<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">Careers</a>
<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">Blog</a>
<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 uppercase title-font">Support</h2>
<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">Contact Support</a>
<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">Help Resources</a>
<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">Release Updates</a>
<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">Platform
<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">Terms &amp; Privacy</a>
<a class="text-gray-500 cursor-pointer hover:text-gray-900 dark:text-gray-300 dark:hover:text-sky-300">Terms &amp; Privacy</a>
</li>
<li class="mt-3">
<a class="text-gray-500 cursor-pointer hover:text-gray-900">Pricing</a>
<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">FAQ</a>
<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">Contact</h2>
<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">Send a Message</a>
<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">Request a Quote</a>
<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">+123-456-7890</a>
<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">
<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 capitalize xl:text-center">© 2020 All rights reserved </p>
<p class="text-sm text-gray-700 dark:text-white capitalize xl:text-center">© 2020 All rights reserved </p>
</div>
</div>
</footer>
@@ -330,13 +334,14 @@
<section class="section_divider">
<div>Footer 4</div>
</section>
<footer class="bg-gray-50">
<footer class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-16 mx-auto space-y-12 sm:px-6 lg:px-8">
<div class="sm:items-center sm:justify-between sm:flex">
<span class="block w-32 h-10 bg-gray-200 rounded-lg"></span>
<span class="inline-block w-32 p-4 bg-gray-400 dark:ring-2 dark:rign-sky-300 dark:bg-gray-700 rounded-lg text-center text-white"> Logo </span>
<div class="flex mt-8 space-x-6 text-gray-500 sm:mt-0">
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Facebook </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -344,7 +349,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Instagram </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -352,7 +357,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Twitter </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -360,7 +365,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> GitHub </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -368,7 +373,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Dribbble </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -380,54 +385,54 @@
<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">
<p class="font-medium dark:text-gray-300">
Company
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> About </a>
<a class="hover:opacity-75" href=""> Meet the Team </a>
<a class="hover:opacity-75" href=""> History </a>
<a class="hover:opacity-75" href=""> Careers </a>
<a class="hover:opacity-75 dark:hover:text-sky-300 " href=""> About </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Meet the Team </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> History </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Careers </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Services
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75" href=""> Company Review </a>
<a class="hover:opacity-75" href=""> Accounts Review </a>
<a class="hover:opacity-75" href=""> HR Consulting </a>
<a class="hover:opacity-75" href=""> SEO Optimisation </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Company Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accounts Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> HR Consulting </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> SEO Optimisation </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Helpful Links
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Contact </a>
<a class="hover:opacity-75" href=""> FAQs </a>
<a class="hover:opacity-75" href=""> Live Chat </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Contact </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> FAQs </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Live Chat </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Legal
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Privacy Policy </a>
<a class="hover:opacity-75" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75" href=""> Returns Policy </a>
<a class="hover:opacity-75" href=""> Accessibility </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Privacy Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Returns Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accessibility </a>
</nav>
</div>
</div>
@@ -444,18 +449,19 @@
<section class="section_divider">
<div>Footer 5</div>
</section>
<footer class="bg-gray-50">
<footer class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-16 mx-auto sm:px-6 lg:px-8">
<div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
<div>
<span class="block w-32 h-10 bg-gray-200 rounded-lg"></span>
<span class="inline-block w-32 p-4 bg-gray-400 dark:ring-2 dark:rign-sky-300 dark:bg-gray-700 rounded-lg text-center text-white"> Logo </span>
<p class="max-w-xs mt-4 text-sm text-gray-500">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, accusantium.
</p>
<div class="flex mt-8 space-x-6 text-gray-500">
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Facebook </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -463,7 +469,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Instagram </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -471,7 +477,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Twitter </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -479,7 +485,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> GitHub </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -487,7 +493,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Dribbble </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -499,54 +505,54 @@
<div class="grid grid-cols-1 gap-8 lg:col-span-2 sm:grid-cols-2 lg:grid-cols-4">
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Company
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> About </a>
<a class="hover:opacity-75" href=""> Meet the Team </a>
<a class="hover:opacity-75" href=""> History </a>
<a class="hover:opacity-75" href=""> Careers </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> About </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Meet the Team </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> History </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Careers </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Services
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75" href=""> Company Review </a>
<a class="hover:opacity-75" href=""> Accounts Review </a>
<a class="hover:opacity-75" href=""> HR Consulting </a>
<a class="hover:opacity-75" href=""> SEO Optimisation </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Company Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accounts Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> HR Consulting </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> SEO Optimisation </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Helpful Links
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Contact </a>
<a class="hover:opacity-75" href=""> FAQs </a>
<a class="hover:opacity-75" href=""> Live Chat </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Contact </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> FAQs </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Live Chat </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Legal
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Privacy Policy </a>
<a class="hover:opacity-75" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75" href=""> Returns Policy </a>
<a class="hover:opacity-75" href=""> Accessibility </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Privacy Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Returns Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accessibility </a>
</nav>
</div>
</div>
@@ -565,13 +571,13 @@
<div>Footer 6</div>
</section>
<footer class="bg-gray-50">
<footer class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-16 mx-auto space-y-12 sm:px-6 lg:px-8">
<span class="block w-32 h-10 bg-gray-200 rounded-lg"></span>
<span class="inline-block w-32 p-4 bg-gray-400 dark:ring-2 dark:rign-sky-300 dark:bg-gray-700 rounded-lg text-center text-white"> Logo </span>
<div class="grid grid-cols-1 gap-8 mt-8 lg:grid-cols-3">
<div class="lg:order-last">
<p class="font-medium">
<p class="font-medium dark:text-gray-300 dark:hover:text-sky-300">
Newsletter
</p>
@@ -590,7 +596,7 @@
</form>
<div class="flex mt-8 space-x-6 text-gray-500">
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Facebook </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -598,7 +604,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Instagram </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -606,7 +612,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Twitter </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -614,7 +620,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> GitHub </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -622,7 +628,7 @@
</svg>
</a>
<a class="hover:opacity-75" href="" target="_blank" rel="noreferrer">
<a class="hover:opacity-75 dark:text-gray-300 dark:hover:text-sky-300" href="" target="_blank" rel="noreferrer">
<span class="sr-only"> Dribbble </span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -634,54 +640,54 @@
<div class="grid grid-cols-1 gap-8 lg:col-span-2 sm:grid-cols-2 lg:grid-cols-4">
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300 ">
Company
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> About </a>
<a class="hover:opacity-75" href=""> Meet the Team </a>
<a class="hover:opacity-75" href=""> History </a>
<a class="hover:opacity-75" href=""> Careers </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> About </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Meet the Team </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> History </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Careers </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Services
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75" href=""> Company Review </a>
<a class="hover:opacity-75" href=""> Accounts Review </a>
<a class="hover:opacity-75" href=""> HR Consulting </a>
<a class="hover:opacity-75" href=""> SEO Optimisation </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Company Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accounts Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> HR Consulting </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> SEO Optimisation </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Helpful Links
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Contact </a>
<a class="hover:opacity-75" href=""> FAQs </a>
<a class="hover:opacity-75" href=""> Live Chat </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Contact </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> FAQs </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Live Chat </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Legal
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Privacy Policy </a>
<a class="hover:opacity-75" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75" href=""> Returns Policy </a>
<a class="hover:opacity-75" href=""> Accessibility </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Privacy Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Returns Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accessibility </a>
</nav>
</div>
</div>
@@ -698,7 +704,7 @@
<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">
<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">
@@ -872,60 +878,61 @@
<section class="section_divider">
<div>Footer 9</div>
</section>
<footer class="bg-gray-50">
<footer class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-16 mx-auto sm:px-6 lg:px-8">
<span class="block w-32 h-10 bg-gray-200 rounded-lg"></span>
<span class="inline-block w-32 p-4 bg-gray-400 dark:ring-2 dark:rign-sky-300 dark:bg-gray-700 rounded-lg text-center text-white"> Logo </span>
<div class="grid grid-cols-1 gap-8 mt-8 sm:grid-cols-2 lg:grid-cols-4">
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300 ">
Company
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> About </a>
<a class="hover:opacity-75" href=""> Meet the Team </a>
<a class="hover:opacity-75" href=""> History </a>
<a class="hover:opacity-75" href=""> Careers </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> About </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Meet the Team </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> History </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Careers </a>
</nav>
</div>
<div>
<p class="font-medium">
Services
<p class="font-medium dark:text-gray-300 ">
Services
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75" href=""> Company Review </a>
<a class="hover:opacity-75" href=""> Accounts Review </a>
<a class="hover:opacity-75" href=""> HR Consulting </a>
<a class="hover:opacity-75" href=""> SEO Optimisation </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> 1on1 Coaching </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Company Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accounts Review </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> HR Consulting </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> SEO Optimisation </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300 ">
Helpful Links
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Contact </a>
<a class="hover:opacity-75" href=""> FAQs </a>
<a class="hover:opacity-75" href=""> Live Chat </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Contact </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> FAQs </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Live Chat </a>
</nav>
</div>
<div>
<p class="font-medium">
<p class="font-medium dark:text-gray-300">
Legal
</p>
<nav class="flex flex-col mt-4 space-y-2 text-sm text-gray-500">
<a class="hover:opacity-75" href=""> Privacy Policy </a>
<a class="hover:opacity-75" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75" href=""> Returns Policy </a>
<a class="hover:opacity-75" href=""> Accessibility </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Privacy Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Terms &amp; Conditions </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Returns Policy </a>
<a class="hover:opacity-75 dark:hover:text-sky-300" href=""> Accessibility </a>
</nav>
</div>
</div>
@@ -935,7 +942,7 @@
© 2022 Company Name
</p>
<strong class="inline-flex items-center p-2 space-x-2 text-sm font-medium border border-gray-200 rounded">
<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>
@@ -1249,92 +1256,94 @@
<div>Footer 13</div>
</section>
<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 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 uppercase">Company</span>
</a>
<div class="mt-6 lg:max-w-sm">
<p class="text-sm text-gray-800">
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-800">
Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
<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="space-y-2 text-sm">
<p class="text-base font-bold tracking-wide text-gray-900">Contacts</p>
<div class="flex">
<p class="mr-1 text-gray-800">Phone:</p>
<a href="tel:850-123-5021" aria-label="Our phone" title="Our phone" class="transition-colors duration-300 text-purple-400 hover:text-deep-purple-800">850-123-5021</a>
</div>
<div class="flex">
<p class="mr-1 text-gray-800">Email:</p>
<a href="mailto:info@lorem.mail" aria-label="Our email" title="Our email" class="transition-colors duration-300 text-purple-400 hover:text-deep-purple-800">info@lorem.mail</a>
</div>
<div class="flex">
<p class="mr-1 text-gray-800">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-300 text-purple-400 hover:text-deep-purple-800">
312 Lovely Street, NY
</a>
</div>
</div>
<div>
<span class="text-base font-bold tracking-wide text-gray-900">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-800">
<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-800">
<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-800">
<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.
<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 &amp; Conditions</a>
</li>
</ul>
</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 &amp; Conditions</a>
</li>
</ul>
</div>
</div>
</footer>
</section>
<!-- footer 13 end -->
<!--footer 14 start -->
@@ -2728,30 +2737,29 @@
<div>Footer 30</div>
</section>
<div class="bg-black dark:bg-gray-400">
<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">
<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="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-white dark:bg-gray-400">
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 text-xs font-bold mb-2"
<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 text-xs font-bold mb-2"
<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"
@@ -2773,7 +2781,7 @@
</div>
<footer class="relative bg-gray-50 text-black-500 pt-8 pb-6 dark:bg-gray-400">
<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"
@@ -2786,10 +2794,10 @@
<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 font-semibold">Meet Our Sponsors</h4>
<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-400">
<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"
@@ -2941,39 +2949,39 @@
<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">
<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 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"
<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 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"
<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 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"
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 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"
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 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"
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"
@@ -2984,7 +2992,7 @@
</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">
<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">
@@ -3002,7 +3010,7 @@
<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 font-semibold py-1">
<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>.