mirror of
https://github.com/BeardedTek/flowbite-beardedtek.com.git
synced 2025-12-06 13:41:51 +00:00
1808 lines
148 KiB
HTML
1808 lines
148 KiB
HTML
<!doctype html>
|
||
<html lang="en" class="">
|
||
|
||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="Get started with a collection of over 53 page templates based on Tailwind CSS for Marketing UI purposes including landing pages, contact pages, about pages, and more">
|
||
<meta name="author" content="Flowbite">
|
||
<meta name="generator" content="Hugo 0.145.0">
|
||
|
||
<title>Tailwind CSS Open-source Landing Page - Flowbite</title>
|
||
|
||
<link rel="canonical" href="http://localhost:1313/landing/open-source/">
|
||
|
||
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="http://localhost:1313//app.css">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:1313/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
|
||
<link rel="icon" type="image/png" href="http://localhost:1313/favicon.ico">
|
||
<link rel="manifest" href="http://localhost:1313/site.webmanifest">
|
||
<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg" color="#5bbad5">
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<!-- Twitter -->
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:site" content="@">
|
||
<meta name="twitter:creator" content="@">
|
||
<meta name="twitter:title" content="Tailwind CSS Open-source Landing Page - Flowbite">
|
||
<meta name="twitter:description" content="Get started with a collection of over 53 page templates based on Tailwind CSS for Marketing UI purposes including landing pages, contact pages, about pages, and more">
|
||
<meta name="twitter:image" content="http://localhost:1313/marketing-ui/demo/images/og-image.jpg">
|
||
|
||
<!-- Facebook -->
|
||
<meta property="og:url" content="http://localhost:1313/landing/open-source/">
|
||
<meta property="og:title" content="Tailwind CSS Open-source Landing Page - Flowbite">
|
||
<meta property="og:description" content="Get started with a collection of over 53 page templates based on Tailwind CSS for Marketing UI purposes including landing pages, contact pages, about pages, and more">
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:image" content="http://localhost:1313/marketing-ui/demo/images/og-image.jpg">
|
||
<meta property="og:image:type" content="image/png">
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
|
||
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||
document.documentElement.classList.add('dark');
|
||
} else {
|
||
document.documentElement.classList.remove('dark')
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
|
||
<body class="bg-gray-50 dark:bg-gray-800">
|
||
|
||
|
||
<header>
|
||
<nav id="mainNavbar" data-sticky="false" class="dark:bg-transparent bg-transparent border-gray-200 py-2.5 fixed w-full z-40 top-0 start-0 data-[sticky=true]:bg-white data-[sticky=true]:border-b dark:data-[sticky=true]:bg-gray-800 dark:data-[sticky=true]:border-gray-700">
|
||
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4">
|
||
<a href="http://localhost:1313/" class="flex items-center">
|
||
<img src="http://localhost:1313/images/logo/no-padding.svg" class="h-8 mr-3" alt="Flowbite Logo" />
|
||
<span class="self-center text-3xl kanit-bold whitespace-nowrap dark:text-white">The Bearded Tek</span>
|
||
</a>
|
||
<div class="flex items-center lg:order-2">
|
||
<button id="themeToggle" data-tooltip-target="tooltip-toggle" type="button" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-2.5">
|
||
<svg id="themeToggleDarkIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
|
||
<svg id="themeToggleLightIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
|
||
</button>
|
||
<div id="tooltip-toggle" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-xs opacity-0 tooltip">
|
||
Toggle dark mode
|
||
<div class="tooltip-arrow" data-popper-arrow></div>
|
||
</div>
|
||
<button id="mobile-menu-button" data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
|
||
<span class="sr-only">Open main menu</span>
|
||
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
|
||
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
||
</button>
|
||
</div>
|
||
<div class="hidden justify-between items-center w-full lg:flex lg:w-auto lg:order-1 bg-white dark:bg-gray-800 lg:bg-transparent lg:dark:bg-transparent mt-2 lg:mt-0" id="mobile-menu-2">
|
||
<ul class="flex flex-col rounded-lg font-medium lg:flex-row lg:space-x-8">
|
||
<li>
|
||
<a href="http://localhost:1313/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">Home</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/services/services-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Services</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/about/about-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">About</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/pricing/pricing-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Pricing</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/team/team-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Team</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/blog/homepage/" class="block py-2 pr-4 pl-3 text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Blog</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/contact/contact-1/" class="block py-2 pr-4 pl-3 text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
|
||
|
||
<header>
|
||
<nav id="mainNavbar" data-sticky="false" class="dark:bg-transparent bg-transparent border-gray-200 py-2.5 fixed w-full z-40 top-0 start-0 data-[sticky=true]:bg-white data-[sticky=true]:border-b dark:data-[sticky=true]:bg-gray-800 dark:data-[sticky=true]:border-gray-700">
|
||
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4">
|
||
<a href="http://localhost:1313/" class="flex items-center">
|
||
<img src="https://flowbite.com/docs/images/logo.svg" class="h-8 mr-3" alt="Flowbite Logo" />
|
||
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>
|
||
</a>
|
||
<div class="flex items-center lg:order-2">
|
||
<button id="themeToggle" data-tooltip-target="tooltip-toggle" type="button" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-2.5">
|
||
<svg id="themeToggleDarkIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
|
||
<svg id="themeToggleLightIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
|
||
</button>
|
||
<div id="tooltip-toggle" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-xs opacity-0 tooltip">
|
||
Toggle dark mode
|
||
<div class="tooltip-arrow" data-popper-arrow></div>
|
||
</div>
|
||
<button id="mobile-menu-button" data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
|
||
<span class="sr-only">Open main menu</span>
|
||
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
|
||
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
||
</button>
|
||
</div>
|
||
<div class="hidden justify-between items-center w-full lg:flex lg:w-auto lg:order-1 bg-white dark:bg-gray-800 lg:bg-transparent lg:dark:bg-transparent mt-2 lg:mt-0" id="mobile-menu-2">
|
||
<ul class="flex flex-col rounded-lg font-medium lg:flex-row lg:space-x-8">
|
||
<li>
|
||
<a href="http://localhost:1313/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">Home</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/services/services-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Services</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/about/about-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">About</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/pricing/pricing-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Pricing</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/team/team-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Team</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/blog/homepage/" class="block py-2 pr-4 pl-3 text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Blog</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/contact/contact-1/" class="block py-2 pr-4 pl-3 text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div id="drawer-navigation" class="fixed top-0 left-0 z-50 h-screen p-4 overflow-y-auto transition-transform -translate-x-full bg-white w-64 dark:bg-gray-800" tabindex="-1" aria-labelledby="drawer-navigation-label">
|
||
<h5 id="drawer-navigation-label" class="text-base font-semibold text-gray-500 uppercase dark:text-gray-400">All pages</h5>
|
||
<button type="button" data-drawer-hide="drawer-navigation" aria-controls="drawer-navigation" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 absolute top-2.5 end-2.5 inline-flex items-center justify-center dark:hover:bg-gray-600 dark:hover:text-white" >
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
|
||
</svg>
|
||
<span class="sr-only">Close menu</span>
|
||
</button>
|
||
<div class="py-4 overflow-y-auto">
|
||
<ul class="space-y-2 font-medium">
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-landings" data-collapse-toggle="dropdown-landings">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Landings</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-landings" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/landing/agency/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Agency</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/mobile-application/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Mobile app</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/digital-product/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Digital product</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/saas/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">SaaS product</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/open-source/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Open-source</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/pre-launch/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Pre-launch page</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/physical-product/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Physical product</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/crypto/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Crypto exchange</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/event/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Event schedule</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/landing/ngo/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">NGO presentation</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-about" data-collapse-toggle="dropdown-about">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">About</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-about" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/about/about-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">About feature list</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/about/about-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">About with video</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/about/about-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">About with statistics</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-services" data-collapse-toggle="dropdown-services">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M19.728 10.686c-2.38 2.256-6.153 3.381-9.875 3.381-3.722 0-7.4-1.126-9.571-3.371L0 10.437V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-7.6l-.272.286Z"/>
|
||
<path d="m.135 7.847 1.542 1.417c3.6 3.712 12.747 3.7 16.635.01L19.605 7.9A.98.98 0 0 1 20 7.652V6a2 2 0 0 0-2-2h-3V3a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H2a2 2 0 0 0-2 2v1.765c.047.024.092.051.135.082ZM10 10.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5ZM7 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1H7V3Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Services</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-services" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/services/services-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Services feature icons</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/services/services-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Services with images</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/services/services-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Services image cards</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/services/services-4/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Services statistics</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-team" data-collapse-toggle="dropdown-team">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
|
||
<path d="M14 2a3.963 3.963 0 0 0-1.4.267 6.439 6.439 0 0 1-1.331 6.638A4 4 0 1 0 14 2Zm1 9h-1.264A6.957 6.957 0 0 1 15 15v2a2.97 2.97 0 0 1-.184 1H19a1 1 0 0 0 1-1v-1a5.006 5.006 0 0 0-5-5ZM6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Team</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-team" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/team/team-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Team hover cards</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/team/team-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Team profile cards</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/team/team-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Team masonry grid</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/team/team-4/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Team outline cards</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-pricing" data-collapse-toggle="dropdown-pricing">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 14">
|
||
<path d="M18 0H2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2ZM2 12V6h16v6H2Z"/>
|
||
<path d="M6 8H4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2Zm8 0H9a1 1 0 0 0 0 2h5a1 1 0 1 0 0-2Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Pricing</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-pricing" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/pricing/pricing-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Pricing single plan</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/pricing/pricing-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Pricing three plans</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/pricing/pricing-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Pricing price toggle</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/pricing/pricing-4/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Pricing comparison</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-contact" data-collapse-toggle="dropdown-contact">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
|
||
<path d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z"/>
|
||
<path d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Contact</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-contact" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/contact/contact-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Contact with search</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/contact/contact-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Contact with FAQ</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/contact/contact-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Contact with image</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/contact/contact-4/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Contact with options</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-blog" data-collapse-toggle="dropdown-blog">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 21 20">
|
||
<path d="M20.168 6.136 14.325.293a1 1 0 0 0-1.414 0l-1.445 1.444a1 1 0 0 0 0 1.414l5.844 5.843a1 1 0 0 0 1.414 0l1.444-1.444a1 1 0 0 0 0-1.414Zm-4.205 2.927L11.4 4.5a1 1 0 0 0-1-.25L4.944 5.9a1 1 0 0 0-.652.624L.518 17.206a1 1 0 0 0 .236 1.04l.023.023 6.606-6.606a2.616 2.616 0 1 1 3.65 1.304 2.615 2.615 0 0 1-2.233.108l-6.61 6.609.024.023a1 1 0 0 0 1.04.236l10.682-3.773a1 1 0 0 0 .624-.653l1.653-5.457a.999.999 0 0 0-.25-.997Z"/>
|
||
<path d="M10.233 11.1a.613.613 0 1 0-.867-.868.613.613 0 0 0 .867.868Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Blog</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-blog" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/blog/homepage/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Main page</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/blog/article/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Article page</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-testimonials" data-collapse-toggle="dropdown-testimonials">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
|
||
<path d="M18 0H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2v4a1 1 0 0 0 1.707.707L10.414 13H18a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5 4h2a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2ZM5 4h5a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2Zm2 5H5a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Zm9 0h-6a1 1 0 0 1 0-2h6a1 1 0 1 1 0 2Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Testimonials</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-testimonials" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/testimonials/testimonials-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Testimonial statistics</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/testimonials/testimonials-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Testimonial cards</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-portfolio" data-collapse-toggle="dropdown-portfolio">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
|
||
<path d="M18 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2ZM6.5 3a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3.014 13.021l.157-.625A3.427 3.427 0 0 1 6.5 9.571a3.426 3.426 0 0 1 3.322 2.805l.159.622-6.967.023ZM16 12h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2Zm0-3h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2Zm0-3h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Portfolio</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
|
||
</button>
|
||
<ul id="dropdown-portfolio" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/portfolio/project-showcase/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Project Showcase</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-auth" data-collapse-toggle="dropdown-auth">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 18">
|
||
<path d="M8 18A18.55 18.55 0 0 1 0 3l8-3 8 3a18.549 18.549 0 0 1-8 15Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ms-3">Authentication</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-auth" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/login-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Login feature list</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/login-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Login illustration</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/login-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Login background</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/register-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Register feature list</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/register-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Register illustration</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/register-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Register background</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-forgot" data-collapse-toggle="dropdown-forgot">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm0 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm1-5.034V12a1 1 0 0 1-2 0v-1.418a1 1 0 0 1 1.038-.999 1.436 1.436 0 0 0 1.488-1.441 1.501 1.501 0 1 0-3-.116.986.986 0 0 1-1.037.961 1 1 0 0 1-.96-1.037A3.5 3.5 0 1 1 11 11.466Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ms-3">Forgot password</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-forgot" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/forgot-password-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Feature list</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/forgot-password-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Illustration</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/forgot-password-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Background image</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-reset" data-collapse-toggle="dropdown-reset">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.96 2.96 0 0 0 .13 5H5Z"/>
|
||
<path d="M6.737 11.061a2.961 2.961 0 0 1 .81-1.515l6.117-6.116A4.839 4.839 0 0 1 16 2.141V2a1.97 1.97 0 0 0-1.933-2H7v5a2 2 0 0 1-2 2H0v11a1.969 1.969 0 0 0 1.933 2h12.134A1.97 1.97 0 0 0 16 18v-3.093l-1.546 1.546c-.413.413-.94.695-1.513.81l-3.4.679a2.947 2.947 0 0 1-1.85-.227 2.96 2.96 0 0 1-1.635-3.257l.681-3.397Z"/>
|
||
<path d="M8.961 16a.93.93 0 0 0 .189-.019l3.4-.679a.961.961 0 0 0 .49-.263l6.118-6.117a2.884 2.884 0 0 0-4.079-4.078l-6.117 6.117a.96.96 0 0 0-.263.491l-.679 3.4A.961.961 0 0 0 8.961 16Zm7.477-9.8a.958.958 0 0 1 .68-.281.961.961 0 0 1 .682 1.644l-.315.315-1.36-1.36.313-.318Zm-5.911 5.911 4.236-4.236 1.359 1.359-4.236 4.237-1.7.339.341-1.699Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ms-3">Reset password</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-reset" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/reset-password-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Feature list</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/reset-password-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Illustration</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/authentication/reset-password-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Background image</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-status" data-collapse-toggle="dropdown-status">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Status</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-status" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/status/404-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">404 with search</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/status/404-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">404 with illustration</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/status/404-3/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">404 with home button</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/status/500-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">500 with illustration</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/status/500-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">500 with background</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-legal" data-collapse-toggle="dropdown-legal">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 21 20">
|
||
<path d="M20.168 6.136 14.325.293a1 1 0 0 0-1.414 0l-1.445 1.444a1 1 0 0 0 0 1.414l5.844 5.843a1 1 0 0 0 1.414 0l1.444-1.444a1 1 0 0 0 0-1.414Zm-4.205 2.927L11.4 4.5a1 1 0 0 0-1-.25L4.944 5.9a1 1 0 0 0-.652.624L.518 17.206a1 1 0 0 0 .236 1.04l.023.023 6.606-6.606a2.616 2.616 0 1 1 3.65 1.304 2.615 2.615 0 0 1-2.233.108l-6.61 6.609.024.023a1 1 0 0 0 1.04.236l10.682-3.773a1 1 0 0 0 .624-.653l1.653-5.457a.999.999 0 0 0-.25-.997Z"/>
|
||
<path d="M10.233 11.1a.613.613 0 1 0-.867-.868.613.613 0 0 0 .867.868Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Legal</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-legal" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="http://localhost:1313/legal/terms-1/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Page with sidebar</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://localhost:1313/legal/terms-2/" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Page with contact</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" aria-controls="dropdown-resources" data-collapse-toggle="dropdown-resources">
|
||
<svg class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
|
||
<path d="M16 14V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v15a3 3 0 0 0 3 3h12a1 1 0 0 0 0-2h-1v-2a2 2 0 0 0 2-2ZM4 2h2v12H4V2Zm8 16H3a1 1 0 0 1 0-2h9v2Z"/>
|
||
</svg>
|
||
<span class="flex-1 text-left rtl:text-right whitespace-nowrap ml-4">Resources</span>
|
||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
|
||
</svg>
|
||
</button>
|
||
<ul id="dropdown-resources" class="hidden py-2 space-y-2">
|
||
<li>
|
||
<a href="https://flowbite.com/docs/getting-started/introduction/" target="_blank" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Flowbite Library</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://flowbite.com/blocks/" target="_blank" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Flowbite Blocks</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://flowbite.com/figma/" target="_blank" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Flowbite Figma</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://flowbite.com/icons/" target="_blank" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Flowbite Icons</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://chat.openai.com/g/g-y7yC35HB9-flowbite-gpt" target="_blank" class="flex items-center w-full p-2 pl-11 text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Flowbite GPT</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<main class="w-full antialiased">
|
||
|
||
<section class="bg-white dark:bg-gray-900">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24 pt-20 sm:pt-24 lg:pt-32">
|
||
<div class="grid lg:gap-8 xl:gap-0 lg:grid-cols-12">
|
||
<div class="mr-auto place-self-center lg:col-span-7">
|
||
<h1
|
||
class="max-w-2xl mb-6 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
|
||
A hackable <span class="text-primary-700 dark:text-primary-500">text editor</span> for the 21st Century</h1>
|
||
<p class="max-w-2xl mb-6 text-gray-500 lg:mb-10 md:text-lg lg:text-xl dark:text-gray-400">Here at
|
||
flowbite we focus on markets where technology, innovation, and capital can unlock long-term value.</p>
|
||
<div
|
||
class="items-center justify-between p-4 mb-4 space-y-4 bg-gray-100 rounded-sm dark:bg-gray-700 sm:flex sm:space-y-0">
|
||
<div>
|
||
<div class="text-2xl font-bold text-gray-900 dark:text-white">1.60.0</div>
|
||
<div class="text-sm text-gray-500 dark:text-gray-400">Release notes</div>
|
||
</div>
|
||
<div>
|
||
<div class="text-2xl font-bold text-gray-900 dark:text-white">macOS</div>
|
||
<div class="text-sm text-gray-500 dark:text-gray-400">For macOS 10.10 or later</div>
|
||
</div>
|
||
<div>
|
||
<div class="text-2xl font-bold text-gray-900 dark:text-white">Windows</div>
|
||
<div class="text-sm text-gray-500 dark:text-gray-400">For windows 7 or later</div>
|
||
</div>
|
||
<a href="#"
|
||
class="inline-flex items-center justify-center w-full px-5 py-3 text-base font-medium text-center text-white rounded-lg sm:w-auto bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">
|
||
<svg class="w-5 h-5 mr-2 -ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
|
||
</svg>
|
||
Download
|
||
</a>
|
||
</div>
|
||
<div class="text-sm text-gray-500">By using Flowbite, you agree to its <a href="#"
|
||
class="text-primary-700 dark:text-primary-500 hover:underline">license</a> and <a href="#"
|
||
class="text-primary-700 dark:text-primary-500 hover:underline">privacy statement</a>.</div>
|
||
</div>
|
||
|
||
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
|
||
<img class="rounded-lg shadow-lg dark:hidden"
|
||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/text-editor-light.svg" alt="mockup light">
|
||
<img class="hidden rounded-lg shadow-lg dark:block"
|
||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/text-editor-dark.svg" alt="mockup darj">
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="grid grid-cols-2 gap-8 mt-12 text-gray-500 sm:gap-12 md:grid-cols-3 lg:grid-cols-6 dark:text-gray-400 sm:mt-16 lg:mt-20">
|
||
<a href="#" class="flex justify-center">
|
||
<svg class="h-8 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 125 35" fill="currentColor"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M64.828 7.11521C64.828 8.52061 63.6775 9.65275 62.2492 9.65275C60.8209 9.65275 59.6704 8.52061 59.6704 7.11521C59.6704 5.70981 60.7813 4.57766 62.2492 4.57766C63.7171 4.6167 64.828 5.74883 64.828 7.11521ZM54.1953 12.2293C54.1953 12.4636 54.1953 12.854 54.1953 12.854C54.1953 12.854 52.9655 11.2923 50.3469 11.2923C46.0225 11.2923 42.6502 14.5327 42.6502 19.0221C42.6502 23.4726 45.9829 26.7518 50.3469 26.7518C53.0051 26.7518 54.1953 25.1513 54.1953 25.1513V25.815C54.1953 26.1272 54.4334 26.3615 54.7508 26.3615H57.9644V11.6828C57.9644 11.6828 55.0285 11.6828 54.7508 11.6828C54.4334 11.6828 54.1953 11.956 54.1953 12.2293ZM54.1953 21.6378C53.6002 22.4966 52.41 23.2383 50.9818 23.2383C48.4426 23.2383 46.4985 21.6768 46.4985 19.0221C46.4985 16.3675 48.4426 14.806 50.9818 14.806C52.3703 14.806 53.6399 15.5867 54.1953 16.4065V21.6378ZM60.3448 11.6828H64.1535V26.3615H60.3448V11.6828ZM117.237 11.2923C114.619 11.2923 113.389 12.854 113.389 12.854V4.6167H109.58V26.3615C109.58 26.3615 112.516 26.3615 112.794 26.3615C113.111 26.3615 113.349 26.0882 113.349 25.815V25.1513C113.349 25.1513 114.579 26.7518 117.198 26.7518C121.522 26.7518 124.895 23.4726 124.895 19.0221C124.895 14.5717 121.522 11.2923 117.237 11.2923ZM116.603 23.1993C115.135 23.1993 113.984 22.4575 113.389 21.5986V16.3675C113.984 15.5867 115.254 14.7668 116.603 14.7668C119.142 14.7668 121.086 16.3284 121.086 18.9831C121.086 21.6378 119.142 23.1993 116.603 23.1993ZM107.597 17.6557V26.4005H103.788V18.0852C103.788 15.6648 102.994 14.6888 100.852 14.6888C99.7015 14.6888 98.5113 15.2744 97.7574 16.1332V26.3615H93.9488V11.6828H96.964C97.2814 11.6828 97.5195 11.956 97.5195 12.2293V12.854C98.6302 11.7218 100.098 11.2923 101.566 11.2923C103.233 11.2923 104.621 11.7609 105.732 12.6977C107.081 13.7908 107.597 15.1962 107.597 17.6557ZM84.7048 11.2923C82.0862 11.2923 80.8564 12.854 80.8564 12.854V4.6167H77.0476V26.3615C77.0476 26.3615 79.9834 26.3615 80.2611 26.3615C80.5787 26.3615 80.8166 26.0882 80.8166 25.815V25.1513C80.8166 25.1513 82.0465 26.7518 84.665 26.7518C88.9895 26.7518 92.3617 23.4726 92.3617 19.0221C92.4015 14.5717 89.0292 11.2923 84.7048 11.2923ZM84.0699 23.1993C82.602 23.1993 81.4515 22.4575 80.8564 21.5986V16.3675C81.4515 15.5867 82.721 14.7668 84.0699 14.7668C86.6091 14.7668 88.5531 16.3284 88.5531 18.9831C88.5531 21.6378 86.6091 23.1993 84.0699 23.1993ZM73.7547 11.2923C74.9052 11.2923 75.5003 11.4876 75.5003 11.4876V14.9621C75.5003 14.9621 72.3264 13.908 70.3427 16.1332V26.4005H66.534V11.6828C66.534 11.6828 69.4699 11.6828 69.7476 11.6828C70.065 11.6828 70.3029 11.956 70.3029 12.2293V12.854C71.0171 12.0342 72.5644 11.2923 73.7547 11.2923ZM32.4423 24.4806C32.2699 24.0722 32.0976 23.6297 31.9252 23.2554C31.6493 22.6427 31.3736 22.0641 31.1322 21.5197L31.0978 21.4855C28.719 16.3804 26.1678 11.2073 23.4787 6.10219L23.3752 5.89799C23.0995 5.38748 22.8237 4.84294 22.5479 4.29839C22.2031 3.68577 21.8584 3.03913 21.3068 2.42652C20.2036 1.06516 18.6177 0.316406 16.9284 0.316406C15.2046 0.316406 13.6533 1.06516 12.5156 2.35845C11.9985 2.97107 11.6192 3.61771 11.2745 4.23032C10.9987 4.77486 10.7229 5.31941 10.4471 5.82992L10.3436 6.03413C7.68904 11.1392 5.10339 16.3124 2.7246 21.4175L2.69012 21.4855C2.44879 22.0301 2.17299 22.6087 1.89719 23.2214C1.72481 23.5957 1.55244 24.0041 1.38006 24.4466C0.93188 25.7058 0.793978 26.897 0.966355 28.1222C1.34558 30.6748 3.06935 32.8189 5.44815 33.7719C6.3445 34.1463 7.27534 34.3164 8.24065 34.3164C8.51645 34.3164 8.8612 34.2824 9.137 34.2483C10.2747 34.1122 11.4468 33.7378 12.5845 33.0912C13.9981 32.3083 15.3425 31.1852 16.8595 29.5517C18.3764 31.1852 19.7554 32.3083 21.1344 33.0912C22.2721 33.7378 23.4443 34.1122 24.5819 34.2483C24.8577 34.2824 25.2025 34.3164 25.4782 34.3164C26.4436 34.3164 27.4089 34.1463 28.2708 33.7719C30.6841 32.8189 32.3733 30.6408 32.7526 28.1222C33.0283 26.931 32.8904 25.7398 32.4423 24.4806ZM16.9259 25.893C15.1377 23.6468 13.9786 21.5327 13.5812 19.7488C13.4156 18.9891 13.3825 18.3284 13.4818 17.7338C13.5481 17.2053 13.7467 16.7429 14.0118 16.3465C14.6409 15.4546 15.7007 14.893 16.9259 14.893C18.1512 14.893 19.2441 15.4216 19.8402 16.3465C20.1051 16.7429 20.3037 17.2053 20.37 17.7338C20.4694 18.3284 20.4363 19.0221 20.2707 19.7488C19.8733 21.4995 18.7142 23.6136 16.9259 25.893ZM30.3665 27.6033C30.1305 29.3326 28.9509 30.8293 27.2993 31.4945C26.4903 31.8269 25.6139 31.9267 24.7376 31.8269C23.895 31.7273 23.0523 31.4611 22.176 30.9623C20.9624 30.2971 19.749 29.2662 18.3334 27.7363C20.558 25.0424 21.9062 22.5813 22.4118 20.3864C22.6477 19.3554 22.6815 18.4242 22.5804 17.5595C22.4456 16.7281 22.1422 15.9632 21.6703 15.298C20.6255 13.8014 18.8727 12.9367 16.9178 12.9367C14.9628 12.9367 13.21 13.8347 12.1652 15.298C11.6933 15.9632 11.39 16.7281 11.2551 17.5595C11.1203 18.4242 11.154 19.3887 11.4237 20.3864C11.9293 22.5813 13.3112 25.0757 15.5021 27.7695C14.1202 29.2994 12.873 30.3304 11.6596 30.9955C10.7832 31.4945 9.94059 31.7605 9.09795 31.8603C8.18787 31.9599 7.31152 31.8269 6.53628 31.5277C4.88468 30.8625 3.70497 29.366 3.46902 27.6365C3.36791 26.8051 3.43531 25.9737 3.77238 25.0424C3.8735 24.7098 4.04202 24.3774 4.21055 23.9782C4.4465 23.4461 4.71615 22.8807 4.9858 22.3153L5.0195 22.2489C7.34523 17.2935 9.83948 12.2383 12.4349 7.31623L12.536 7.11668C12.8056 6.61782 13.0753 6.0857 13.3449 5.58684C13.6146 5.05472 13.9179 4.55585 14.2886 4.12351C14.9965 3.32532 15.9403 2.89298 16.9852 2.89298C18.03 2.89298 18.9738 3.32532 19.6817 4.12351C20.0524 4.55585 20.3557 5.05472 20.6255 5.58684C20.8951 6.0857 21.1647 6.61782 21.4343 7.11668L21.5355 7.31623C24.0971 12.2716 26.5914 17.3267 28.9171 22.2821V22.3153C29.1867 22.8475 29.4227 23.4461 29.6924 23.9782C29.8609 24.3774 30.0294 24.7098 30.1305 25.0424C30.4003 25.9071 30.5013 26.7385 30.3665 27.6033Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="flex justify-center">
|
||
<svg class="h-8 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 86 29" fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M11.6008 10.2627V13.2312L18.6907 13.2281C18.4733 14.8653 17.9215 16.0641 17.0826 16.9031C16.0487 17.9378 14.4351 19.0766 11.6008 19.0766C7.23238 19.0766 3.81427 15.5531 3.81427 11.1808C3.81427 6.80853 7.23238 3.28487 11.6008 3.28487C13.9585 3.28487 15.6794 4.21232 16.9503 5.40473L19.0432 3.31011C17.2721 1.6161 14.9144 0.316406 11.6036 0.316406C5.62156 0.316406 0.589844 5.19338 0.589844 11.1808C0.589844 17.1682 5.62156 22.0451 11.6036 22.0451C14.8322 22.0451 17.2694 20.9852 19.1756 18.9979C21.1362 17.0356 21.7451 14.2818 21.7451 12.0546C21.7451 11.3921 21.6949 10.7802 21.5974 10.2627H11.6008ZM71.4046 21.6192V1.11445H68.4101V21.6192H71.4046ZM29.9511 22.0482C33.8151 22.0482 36.9643 19.0797 36.9643 15.0513C36.9643 10.9945 33.8151 8.05451 29.9511 8.05451C26.0857 8.05451 22.9365 10.9945 22.9365 15.0513C22.9365 19.0797 26.0857 22.0482 29.9511 22.0482ZM29.9511 10.8116C32.0691 10.8116 33.8945 12.534 33.8945 15.0513C33.8945 17.5404 32.0691 19.2911 29.9511 19.2911C27.833 19.2911 26.0076 17.5435 26.0076 15.0513C26.0076 12.534 27.833 10.8116 29.9511 10.8116ZM45.0825 22.0482C48.9465 22.0482 52.0957 19.0797 52.0957 15.0513C52.0957 10.9945 48.9465 8.05451 45.0825 8.05451C41.2171 8.05451 38.0679 10.9977 38.0679 15.0513C38.0679 19.0797 41.2171 22.0482 45.0825 22.0482ZM45.0825 10.8116C47.2005 10.8116 49.0259 12.534 49.0259 15.0513C49.0259 17.5404 47.2005 19.2911 45.0825 19.2911C42.9644 19.2911 41.139 17.5435 41.139 15.0513C41.139 12.534 42.9644 10.8116 45.0825 10.8116ZM66.5972 8.48038V21.0387C66.5972 26.2059 63.5512 28.3164 59.9519 28.3164C56.563 28.3164 54.523 26.0482 53.7539 24.1934L56.4265 23.0798C56.903 24.2186 58.0694 25.5624 59.9477 25.5624C62.2525 25.5624 63.6807 24.1397 63.6807 21.4615V20.4552H63.5734C62.8865 21.3037 61.5627 22.0451 59.892 22.0451C56.3958 22.0451 53.1923 18.9977 53.1923 15.0766C53.1923 11.1271 56.3958 8.05451 59.892 8.05451C61.5585 8.05451 62.8837 8.79579 63.5734 9.6192H63.6807V8.48038H66.5972ZM63.8981 15.0766C63.8981 12.6129 62.2553 10.8116 60.1651 10.8116C58.0471 10.8116 56.2732 12.6129 56.2732 15.0766C56.2732 17.5152 58.0471 19.2911 60.1651 19.2911C62.2553 19.2911 63.8981 17.5152 63.8981 15.0766ZM83.0747 17.3542L85.4575 18.9442C84.6883 20.083 82.835 22.0451 79.6315 22.0451C75.6602 22.0451 72.6935 18.9726 72.6935 15.0483C72.6935 10.8874 75.6853 8.05143 79.2887 8.05143C82.9172 8.05143 84.6911 10.941 85.2721 12.5026L85.5898 13.2976L76.2426 17.1713C76.9589 18.5751 78.0708 19.2912 79.6315 19.2912C81.1949 19.2912 82.2804 18.5215 83.0747 17.3542ZM75.7382 14.8369L81.9864 12.2407C81.6436 11.3668 80.6097 10.758 79.3918 10.758C77.8326 10.758 75.6602 12.1366 75.7382 14.8369Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="flex justify-center">
|
||
<svg class="h-7 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 74 28" fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M8.33785 27.8054C6.1633 27.7158 4.38323 27.098 2.99202 25.9508C2.7267 25.7317 2.09357 25.0746 1.88159 24.7975C1.31724 24.0611 0.932589 23.3445 0.677089 22.5494C-0.110465 20.1021 0.295245 16.8903 1.83666 13.3657C3.15627 10.3481 5.19184 7.35521 8.74496 3.21015C9.26719 2.60021 10.8255 0.816406 10.8367 0.816406C10.8395 0.816406 10.7553 0.969084 10.6486 1.155C9.72485 2.76062 8.93448 4.65188 8.5035 6.28919C7.81141 8.9164 7.89564 11.171 8.74777 12.9192C9.33598 14.1237 10.3439 15.1669 11.4782 15.7435C13.4633 16.7528 16.3692 16.8362 19.9167 15.9878C20.161 15.9291 32.2677 12.5938 46.8213 8.57585C61.375 4.55756 73.2838 1.27251 73.2852 1.27521C73.2894 1.27869 39.475 16.2951 21.92 24.0855C19.1404 25.3189 18.3978 25.6304 17.0908 26.1066C13.7497 27.3241 10.7567 27.9052 8.33785 27.8054Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="flex justify-center">
|
||
<svg class="h-6 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 97 21" fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M16.0208 0.859681V11.8158C16.0208 15.4744 14.3957 16.9937 10.5803 16.9937C6.76642 16.9937 5.13991 15.4744 5.13991 11.8158V0.379761H1.46656C1.14464 0.379761 0.984375 0.539949 0.984375 0.859681V11.9956C0.984375 18.1138 4.89952 20.253 10.5803 20.253C16.2626 20.253 20.1763 18.1138 20.1763 11.9956V0.379761H16.503C16.1824 0.379761 16.0208 0.539949 16.0208 0.859681Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M69.2766 3.55875C69.5775 3.55875 69.7181 3.45892 69.8179 3.2387L70.8821 0.619553C70.9425 0.460023 70.8821 0.379761 70.7218 0.379761H55.9258C54.5411 0.379761 54.0195 0.799649 54.0195 1.73924V18.7532C54.0195 19.5532 54.4202 19.913 55.4844 19.913H69.2766C69.5775 19.913 69.7181 19.8129 69.8179 19.5934L70.8821 16.9738C70.9425 16.8139 70.8821 16.734 70.7218 16.734H58.0949V13.2752C58.0949 12.0755 58.7571 11.5355 60.5424 11.5355H66.0236C66.3259 11.5355 66.4651 11.4361 66.5663 11.2162L67.5897 8.69688C67.6501 8.53672 67.5897 8.45706 67.4294 8.45706H58.0949V3.55875H69.2766Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M39.3809 16.7742H32.1312V13.1952C32.1312 11.9956 32.7933 11.456 34.5815 11.456H39.3809C41.6892 11.456 42.3317 12.3355 42.3317 14.1352C42.3317 15.9345 41.6892 16.7742 39.3809 16.7742ZM32.1312 3.51862H38.6175C40.7867 3.51862 41.3884 4.33196 41.3884 6.0177C41.3884 7.70372 40.7867 8.51712 38.6175 8.51712H32.1312V3.51862ZM43.2356 9.61654C44.841 8.77682 45.5031 7.19748 45.5031 5.33814C45.5031 1.01953 41.9704 0.379761 38.3167 0.379761H29.9649C28.5801 0.379761 28.0586 0.799649 28.0586 1.73924V18.7532C28.0586 19.5532 28.4592 19.913 29.5234 19.913H39.8026C43.677 19.913 46.4478 18.4136 46.4478 14.5149C46.4478 12.1757 45.4441 10.1963 43.2356 9.61654Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M88.8654 9.4365H82.0402V3.51895H88.8654C91.4155 3.51895 91.9778 4.49835 91.9778 6.47774C91.9778 8.47694 91.4155 9.4365 88.8654 9.4365ZM96.534 19.5731L92.1381 12.0556C94.3269 11.496 96.0926 10.0567 96.0926 6.3978C96.0926 1.65964 93.1418 0.379761 88.2637 0.379761H79.8725C78.4864 0.379761 77.9648 0.799649 77.9648 1.73924V19.4332C77.9648 19.7528 78.1251 19.913 78.447 19.913H82.0402V14.2151C82.0402 13.0155 82.7024 12.4755 84.4891 12.4755H88.1035L92.0776 19.5934C92.1985 19.793 92.3194 19.913 92.6203 19.913H96.3541C96.6156 19.913 96.6156 19.6928 96.534 19.5731Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="flex justify-center">
|
||
<svg class="h-8 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 72 32" fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M5.25736 12.9639C5.25736 12.1569 5.89775 11.8465 6.94187 11.8465C8.4454 11.8465 10.3248 12.3225 11.8283 13.171V8.3077C10.1995 7.62482 8.57069 7.35579 6.94187 7.35579C2.93246 7.35579 0.273438 9.54946 0.273438 13.2125C0.273438 18.9239 7.76324 18.0135 7.76324 20.4762C7.76324 21.4279 6.98363 21.7384 5.86991 21.7384C4.24108 21.7384 2.15285 21.0347 0.496183 20.0829V25.0081C2.31991 25.8359 4.17148 26.1877 5.86991 26.1877C9.97677 26.1877 12.8028 24.0563 12.8028 20.3519C12.775 14.185 5.25736 15.2817 5.25736 12.9639ZM18.5942 3.21698L13.7774 4.29301L13.7634 20.8692C13.7634 23.9321 15.9491 26.1877 18.8727 26.1877C20.4876 26.1877 21.6709 25.8772 22.3252 25.5048V21.3037C21.6987 21.5729 18.5803 22.5247 18.5803 19.4619V12.1155H22.3252V7.70762H18.5803L18.5942 3.21698ZM28.4507 9.23894L28.1444 7.70762H23.8844V25.8151H28.8127V13.5435C29.9681 11.9501 31.945 12.2398 32.5576 12.4673V7.70762C31.9311 7.45924 29.6201 7.00395 28.4507 9.23894ZM33.7548 7.70762H38.7109V25.8151H33.7548V7.70762ZM33.7548 6.13484L38.7109 5.01734V0.816406L33.7548 1.91324V6.1347V6.13484ZM49.0128 7.35579C47.0778 7.35579 45.8248 8.3077 45.1427 8.97004L44.8781 7.68696H40.5485V31.8164L45.4768 30.7197L45.4907 24.8632C46.2007 25.4012 47.2448 26.1669 48.985 26.1669C52.5211 26.1669 55.737 23.187 55.737 16.627C55.7091 10.6255 52.4654 7.35579 49.0128 7.35579ZM47.8295 21.6142C46.6601 21.6142 45.964 21.1797 45.4907 20.6416L45.4768 12.9639C45.9919 12.3639 46.7019 11.9501 47.8295 11.9501C49.6115 11.9501 50.8644 14.0607 50.8644 16.7717C50.8644 19.5448 49.6393 21.6142 47.8295 21.6142ZM71.2734 16.8338C71.2734 11.5361 68.8232 7.35579 64.1595 7.35579C59.454 7.35579 56.614 11.5362 56.614 16.7925C56.614 23.0214 59.9691 26.1669 64.786 26.1669C67.1248 26.1669 68.9068 25.6082 70.2432 24.8218V20.6829C68.9068 21.3866 67.3615 21.8213 65.4125 21.8213C63.5052 21.8213 61.8068 21.1176 61.584 18.6756H71.2317C71.2317 18.4065 71.2734 17.3304 71.2734 16.8338ZM61.5283 14.8679C61.5283 12.5295 62.8927 11.5568 64.1317 11.5568C65.3428 11.5568 66.6236 12.5295 66.6236 14.8679H61.5283Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="flex justify-center">
|
||
<svg class="h-6 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 124 21" fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M16.813 0.069519L12.5605 11.1781L8.28275 0.069519H0.96875V20.2025H6.23233V6.89245L11.4008 20.2025H13.7233L18.8634 6.89245V20.2025H24.127V0.069519H16.813Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M34.8015 16.461V15.1601C34.3138 14.4663 33.2105 14.1334 32.1756 14.1334C30.9504 14.1334 29.8174 14.679 29.8174 15.8245C29.8174 16.9699 30.9504 17.5155 32.1756 17.5155C33.2105 17.5155 34.3138 17.1533 34.8015 16.4595V16.461ZM34.8015 20.201V18.7519C33.8841 19.8358 32.1117 20.5633 30.213 20.5633C27.9484 20.5633 25.1367 19.0218 25.1367 15.7614C25.1367 12.2326 27.9469 11.0578 30.213 11.0578C32.1756 11.0578 33.9183 11.6885 34.8015 12.7767V11.3277C34.8015 10.0605 33.7042 9.18487 31.8039 9.18487C30.3349 9.18487 28.8658 9.75687 27.6748 10.7542L25.9322 7.52314C27.831 5.92447 30.3691 5.26007 32.6291 5.26007C36.1783 5.26007 39.5179 6.561 39.5179 11.0871V20.2025H34.8015V20.201Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M40.1562 18.3002L42.1145 14.9826C43.2178 15.9447 45.57 16.9421 47.3186 16.9421C48.7237 16.9421 49.3051 16.5461 49.3051 15.9154C49.3051 14.1055 40.7094 15.9741 40.7094 10.0605C40.7094 7.4938 42.9739 5.26007 47.0391 5.26007C49.5489 5.26007 51.6276 6.04474 53.22 7.1902L51.4194 10.4858C50.5303 9.6366 48.8471 8.88127 47.0747 8.88127C45.9715 8.88127 45.2384 9.30514 45.2384 9.8786C45.2384 11.4773 53.7999 9.81994 53.7999 15.7966C53.7999 18.5686 51.3257 20.5633 47.103 20.5633C44.4429 20.5633 41.7205 19.6862 40.1562 18.3002Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M64.7231 20.2025V11.7149C64.7231 9.94019 63.7759 9.36672 62.2712 9.36672C60.8958 9.36672 59.9784 10.1177 59.4313 10.7821V20.201H54.7148V0.069519H59.4313V7.40285C60.3145 6.37619 62.063 5.26152 64.5372 5.26152C67.9065 5.26152 69.4335 7.13299 69.4335 9.81992V20.2025H64.7231Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M80.0535 16.461V15.1601C79.5643 14.4663 78.4626 14.1334 77.4217 14.1334C76.1965 14.1334 75.0635 14.679 75.0635 15.8245C75.0635 16.9699 76.1965 17.5155 77.4217 17.5155C78.4626 17.5155 79.5643 17.1533 80.0535 16.4595V16.461ZM80.0535 20.201V18.7519C79.1346 19.8358 77.3578 20.5633 75.465 20.5633C73.199 20.5633 70.3828 19.0218 70.3828 15.7614C70.3828 12.2326 73.199 11.0578 75.465 11.0578C77.4217 11.0578 79.1644 11.6885 80.0535 12.7767V11.3277C80.0535 10.0605 78.9488 9.18487 77.056 9.18487C75.5869 9.18487 74.1164 9.75687 72.9209 10.7542L71.1783 7.52314C73.0771 5.92447 75.6152 5.26007 77.8812 5.26007C81.4289 5.26007 84.7625 6.561 84.7625 11.0871V20.2025H80.0535V20.201Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M93.8157 16.461C95.6802 16.461 97.0913 15.097 97.0913 12.897C97.0913 10.7263 95.6802 9.36232 93.8157 9.36232C92.8046 9.36232 91.5854 9.90645 90.9995 10.6911V15.1601C91.5854 15.9447 92.8061 16.461 93.8157 16.461ZM86.2891 20.201V0.069519H90.9995V7.34419C92.0485 6.01247 93.6688 5.2418 95.3784 5.26152C99.0778 5.26152 101.895 8.13032 101.895 12.897C101.895 17.847 99.0198 20.5633 95.3784 20.5633C93.7235 20.5633 92.2247 19.8989 90.9995 18.5114V20.2025H86.2891V20.201Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.844 0.069519H107.554V20.2025H102.844V0.069519Z"
|
||
fill="currentColor" />
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M116.336 9.00154C114.284 9.00154 113.49 10.2101 113.303 11.2646H119.396C119.27 10.2379 118.508 9.00154 116.336 9.00154ZM108.5 12.897C108.5 8.67447 111.712 5.26007 116.336 5.26007C120.709 5.26007 123.892 8.42807 123.892 13.3781V14.4385H113.368C113.704 15.7335 114.929 16.8218 117.067 16.8218C118.108 16.8218 119.821 16.3686 120.681 15.5839L122.725 18.6317C121.26 19.9267 118.81 20.5633 116.55 20.5633C111.991 20.5633 108.5 17.6358 108.5 12.897Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="border-t border-b border-gray-100 bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24">
|
||
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
|
||
<div class="mb-8 lg:mb-0">
|
||
<img class="w-full rounded-lg shadow-lg dark:hidden" src="http://localhost:1313//images/code-editor-light.svg" alt="">
|
||
<img class="hidden w-full rounded-lg shadow-lg dark:block"
|
||
src="http://localhost:1313//images/code-editor-dark.svg" alt="">
|
||
</div>
|
||
|
||
<div class="text-gray-500 dark:text-gray-400 sm:text-lg">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Designed for business teams
|
||
</h2>
|
||
<p class="mb-8 lg:text-xl">Deliver great service experiences fast - without the complexity of
|
||
traditional ITSM solutions.Accelerate critical
|
||
development work, eliminate toil, and deploy changes with ease.
|
||
</p>
|
||
<div class="py-8 mb-6 border-t border-b border-gray-200 dark:border-gray-700">
|
||
<div class="flex">
|
||
<div
|
||
class="flex items-center justify-center w-8 h-8 mr-4 rounded-full bg-primary-100 dark:bg-primary-900 shrink-0">
|
||
<svg class="w-5 h-5 text-primary-600 dark:text-primary-300" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="mb-2 text-xl font-bold text-gray-900 dark:text-white">Skins</h3>
|
||
<p class="mb-2 text-gray-500 dark:text-gray-400">Host code that you don't want to share with the
|
||
world in private GitHub repos only accessible to you and people you
|
||
share them with.</p>
|
||
<a href="#"
|
||
class="inline-flex items-center text-primary-600 hover:underline dark:text-primary-500">
|
||
Learn more
|
||
<svg class="w-6 h-6 ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="flex pt-8">
|
||
<div
|
||
class="flex items-center justify-center w-8 h-8 mr-4 bg-purple-100 rounded-full dark:bg-purple-900 shrink-0">
|
||
<svg class="w-5 h-5 text-purple-600 dark:text-purple-300" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="mb-2 text-xl font-bold text-gray-900 dark:text-white">Built-in Git</h3>
|
||
<p class="mb-2 text-gray-500 dark:text-gray-400">See the packages your project depends on, the
|
||
repositories that depend on them, and any vulnerabilities detected in
|
||
their dependencies.</p>
|
||
<a href="#"
|
||
class="inline-flex items-center text-purple-600 hover:underline dark:text-purple-500">
|
||
Learn more
|
||
<svg class="w-6 h-6 ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="flex pt-8">
|
||
<div
|
||
class="flex items-center justify-center w-8 h-8 mr-4 bg-teal-100 rounded-full dark:bg-teal-900 shrink-0">
|
||
<svg class="w-5 h-5 text-teal-600 dark:text-teal-300" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h3 class="mb-2 text-xl font-bold text-gray-900 dark:text-white">Extensions</h3>
|
||
<p class="mb-2 text-gray-500 dark:text-gray-400">Find vulnerabilities in custom code using static
|
||
analysis. Prevent new vulnerabilities from being introduced by scanning
|
||
every pull request.</p>
|
||
<a href="#"
|
||
class="inline-flex items-center text-teal-600 hover:underline dark:text-teal-500">
|
||
Learn more
|
||
<svg class="w-6 h-6 ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="text-sm">Deliver great service experiences fast - without the complexity of traditional ITSM
|
||
solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-white dark:bg-gray-900">
|
||
<div class="max-w-screen-xl px-4 pt-8 mx-auto sm:pt-16 lg:pt-24">
|
||
<div class="max-w-3xl mx-auto text-center">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Why us?</h2>
|
||
<p class="text-gray-500 sm:text-lg dark:text-gray-400">Meet your developers
|
||
where they already are. GitHub is home to over 40 million developers and the world’s largest open
|
||
source community.</p>
|
||
</div>
|
||
|
||
<dl
|
||
class="grid max-w-screen-md grid-cols-1 gap-8 mx-auto mt-8 text-center text-gray-900 lg:mt-14 sm:grid-cols-3 dark:text-white">
|
||
<div class="flex flex-col items-center justify-center">
|
||
<dt class="mb-2 text-4xl font-extrabold">73M+</dt>
|
||
<dd class="text-xl font-normal text-gray-500 dark:text-gray-400">developers</dd>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-center">
|
||
<dt class="mb-2 text-4xl font-extrabold">1B+</dt>
|
||
<dd class="text-xl font-normal text-gray-500 dark:text-gray-400">contributors</dd>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-center">
|
||
<dt class="mb-2 text-4xl font-extrabold">4M+</dt>
|
||
<dd class="text-xl font-normal text-gray-500 dark:text-gray-400">organizations</dd>
|
||
</div>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-white dark:bg-gray-900">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24">
|
||
<div class="space-y-12 sm:space-y-16">
|
||
<div class="items-center gap-8 xl:gap-16 md:grid md:grid-cols-2">
|
||
<div class="hidden md:flex">
|
||
<img class="w-full shadow-lg rounded-lg dark:hidden" src="http://localhost:1313//images/analytics-mockup.png" alt="">
|
||
<img class="hidden hadow-lg rounded-lg w-full dark:block" src="http://localhost:1313//images/analytics-mockup-dark.png" alt="">
|
||
</div>
|
||
|
||
<div class="mt-4 md:mt-0">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Insights
|
||
about your
|
||
application dependencies</h2>
|
||
<p class="mb-6 text-gray-500 md:text-lg dark:text-gray-400">Flowbite helps you connect with
|
||
friends,
|
||
family and communities of people who share your interests. Connecting with your
|
||
friends and family as well as discovering new ones is easy with features like Groups.</p>
|
||
|
||
<div class="flex items-center gap-4">
|
||
<a href="#"
|
||
class="inline-flex items-center text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">
|
||
Let's find more
|
||
<svg class="w-4 h-4 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#" title="" class="text-gray-900 border border-gray-200 hover:bg-gray-100 focus:ring-gray-100 hover:text-primary-700 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-800 justify-center inline-flex items-center focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center" role="button">
|
||
Read more
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="items-center gap-8 xl:gap-16 md:grid md:grid-cols-2">
|
||
<div class="mb-4 md:mbt-0">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Our text
|
||
editor is being
|
||
used by a large number of devs</h2>
|
||
<p class="mb-6 text-gray-500 md:text-lg dark:text-gray-400">Flowbite helps you connect with
|
||
friends,
|
||
family and communities of people who share your interests. Connecting with your
|
||
friends and family as well as discovering new ones is easy with features like Groups.</p>
|
||
|
||
<div class="flex items-center gap-4">
|
||
<a href="#"
|
||
class="inline-flex items-center text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">
|
||
Get started
|
||
<svg class="w-4 h-4 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#" title="" class="text-gray-900 border border-gray-200 hover:bg-gray-100 focus:ring-gray-100 hover:text-primary-700 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-800 justify-center inline-flex items-center focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center" role="button">
|
||
Read more
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<img class="w-full hidden md:flex" src="http://localhost:1313//images/usa-map.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="items-center gap-8 xl:gap-16 md:grid md:grid-cols-2">
|
||
<div class="hidden md:flex">
|
||
<img class="w-full dark:hidden" src="http://localhost:1313//images/mockup.png" alt="">
|
||
<img class="hidden w-full dark:block" src="http://localhost:1313//images/mockup-dark.png" alt="">
|
||
</div>
|
||
|
||
<div class="mt-4 md:mt-0">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Let's find
|
||
more that
|
||
brings
|
||
us together.</h2>
|
||
<p class="mb-6 text-gray-500 md:text-lg dark:text-gray-400">Flowbite helps you connect with
|
||
friends,
|
||
family and communities of people who share your interests. Connecting with your
|
||
friends and family as well as discovering new ones is easy with features like Groups.</p>
|
||
|
||
<div class="flex items-center gap-4">
|
||
<a href="#"
|
||
class="inline-flex items-center text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">
|
||
Get started
|
||
<svg class="w-4 h-4 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="#" title="" class="text-gray-900 border border-gray-200 hover:bg-gray-100 focus:ring-gray-100 hover:text-primary-700 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-800 justify-center inline-flex items-center focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center" role="button">
|
||
Read more
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="border-t border-b border-gray-100 bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24">
|
||
<div id="testimonial-carousel" class="relative text-center" data-carousel="slide">
|
||
<div class="relative max-w-screen-md mx-auto overflow-x-hidden overflow-y-visible rounded-lg h-52 sm:h-48">
|
||
<figure class="hidden w-full max-w-screen-md mx-auto" data-carousel-item>
|
||
<blockquote>
|
||
<p class="text-lg font-medium text-gray-900 sm:text-2xl dark:text-white">"Flowbite is just awesome. It
|
||
contains tons of predesigned components and pages starting from login screen to complex dashboard. Perfect
|
||
choice for your next SaaS application."</p>
|
||
</blockquote>
|
||
<figcaption class="flex items-center justify-center mt-6 space-x-3">
|
||
<img class="w-6 h-6 rounded-full"
|
||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
|
||
alt="profile picture">
|
||
<div class="flex items-center divide-x-2 divide-gray-200 dark:divide-gray-700">
|
||
<div class="pr-3 font-medium text-gray-900 dark:text-white">Bonnie Green</div>
|
||
<div class="pl-3 text-sm text-gray-500 dark:text-gray-400">Web developer at Google</div>
|
||
</div>
|
||
</figcaption>
|
||
</figure>
|
||
<figure class="hidden w-full max-w-screen-md mx-auto" data-carousel-item>
|
||
<blockquote>
|
||
<p class="text-lg font-medium text-gray-900 sm:text-2xl dark:text-white">"As someone who mainly designs in
|
||
the browser, I've been a casual user of Figma, but as soon as I saw and started playing with FlowBite my
|
||
mind was blown and became so productive."</p>
|
||
</blockquote>
|
||
<figcaption class="flex items-center justify-center mt-6 space-x-3">
|
||
<img class="w-6 h-6 rounded-full"
|
||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/helene-engels.png"
|
||
alt="profile picture">
|
||
<div class="flex items-center divide-x-2 divide-gray-200 dark:divide-gray-700">
|
||
<div class="pr-3 font-medium text-gray-900 dark:text-white">Helene Engels</div>
|
||
<div class="pl-3 text-sm text-gray-500 dark:text-gray-400">Head designer at Adobe</div>
|
||
</div>
|
||
</figcaption>
|
||
</figure>
|
||
<figure class="hidden w-full max-w-screen-md mx-auto" data-carousel-item>
|
||
<blockquote>
|
||
<p class="text-lg font-medium text-gray-900 sm:text-2xl dark:text-white">"Flowbite has code in one place and
|
||
I'm not joking when I say it took me a matter of minutes to copy the code, customise it and integrate
|
||
within a Laravel + Vue application."</p>
|
||
</blockquote>
|
||
<figcaption class="flex items-center justify-center mt-6 space-x-3">
|
||
<img class="w-6 h-6 rounded-full"
|
||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/neil-sims.png" alt="profile picture">
|
||
<div class="flex items-center divide-x-2 divide-gray-200 dark:divide-gray-700">
|
||
<div class="pr-3 font-medium text-gray-900 dark:text-white">Neil Sims</div>
|
||
<div class="pl-3 text-sm text-gray-500 dark:text-gray-400">CTO at Microsoft</div>
|
||
</div>
|
||
</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="flex items-center justify-center">
|
||
<button type="button"
|
||
class="flex items-center justify-center h-full mr-4 cursor-pointer group focus:outline-none"
|
||
data-carousel-prev>
|
||
<span class="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200">
|
||
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="hidden">Previous</span>
|
||
</span>
|
||
</button>
|
||
<button type="button" class="flex items-center justify-center h-full cursor-pointer group focus:outline-none"
|
||
data-carousel-next>
|
||
<span class="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200">
|
||
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="hidden">Next</span>
|
||
</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-white dark:bg-gray-900">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24">
|
||
<div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Designed for
|
||
business teams
|
||
like yours</h2>
|
||
<p class="mb-5 text-gray-500 sm:text-xl dark:text-gray-400">Here at Flowbite we focus on markets where
|
||
technology, innovation, and capital can unlock long-term value and drive economic growth.</p>
|
||
<div class="flex items-center justify-center">
|
||
<span class="text-base font-medium text-gray-900 dark:text-white">
|
||
Monthly
|
||
</span>
|
||
<!-- Switch Container -->
|
||
<label class="inline-flex items-center cursor-pointer mx-4">
|
||
<input type="checkbox" value="" class="sr-only peer">
|
||
<div class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600"></div>
|
||
</label>
|
||
<span class="text-base font-medium text-gray-500 dark:text-gray-400">
|
||
Yearly
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid gap-8 xl:grid-cols-3 xl:gap-10">
|
||
<!-- Pricing Card -->
|
||
<div
|
||
class="flex flex-col max-w-xl p-6 mx-auto text-center bg-white border border-gray-200 rounded-lg shadow-sm xl:max-w-lg dark:border-gray-700 dark:bg-gray-800 xl:p-8">
|
||
<h3 class="mb-4 text-2xl font-medium text-gray-900 dark:text-white">Starter</h3>
|
||
<span class="text-5xl font-extrabold text-gray-900 dark:text-white">$29</span>
|
||
<p class="mt-4 mb-1 text-gray-500 text-light dark:text-gray-400">$19 USD per month, paid annually</p>
|
||
<a href="#"
|
||
class="inline-flex items-center justify-center font-medium text-primary-700 hover:underline dark:text-primary-500">
|
||
Go to annual plan
|
||
<svg class="w-5 h-5 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#"
|
||
class="text-white bg-gray-900 hover:bg-gray-700 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center my-8 dark:bg-gray-600 dark:text-white dark:hover:bg-gray-500 dark:focus:ring-gray-600">Get
|
||
started</a>
|
||
<!-- List -->
|
||
<ul role="list" class="space-y-4 text-left text-gray-900 dark:text-gray-400">
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path>
|
||
<path fill-rule="evenodd"
|
||
d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>All tools you need to manage payments</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 100-2 1 1 0 000 2zm7-1a1 1 0 11-2 0 1 1 0 012 0zm-.464 5.535a1 1 0 10-1.415-1.414 3 3 0 01-4.242 0 1 1 0 00-1.415 1.414 5 5 0 007.072 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>No setup, monthly, or hidden fees</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>Comprehensive security</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z">
|
||
</path>
|
||
</svg>
|
||
<span class="line-through">Get hundreds of feature updates</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="line-through"> Payouts to your bank account</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11 4a1 1 0 10-2 0v4a1 1 0 102 0V7zm-3 1a1 1 0 10-2 0v3a1 1 0 102 0V8zM8 9a1 1 0 00-2 0v2a1 1 0 102 0V9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="line-through">Financial reconciliation and reporting</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="line-through">24×7 phone, chat, and email support</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z">
|
||
</path>
|
||
</svg>
|
||
<span class="line-through">Robust developer platform</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Pricing Card -->
|
||
<div
|
||
class="flex flex-col max-w-xl p-6 mx-auto text-center bg-white border rounded-lg shadow-sm xl:max-w-lg border-primary-700 dark:border-primary-500 dark:bg-gray-800 xl:p-8">
|
||
<div class="mb-2">
|
||
<span
|
||
class="px-3 py-1 text-sm rounded-sm text-primary-800 bg-primary-100 dark:bg-primary-900 dark:text-primary-300">Most
|
||
popular</span>
|
||
</div>
|
||
<h3 class="mb-4 text-2xl font-medium text-gray-900 dark:text-white">Premium</h3>
|
||
<span class="text-5xl font-extrabold text-gray-900 dark:text-white">$199</span>
|
||
<p class="mt-4 mb-1 text-gray-500 text-light dark:text-gray-400">$159 USD per month, paid annually</p>
|
||
<a href="#"
|
||
class="inline-flex items-center justify-center font-medium text-primary-700 hover:underline dark:text-primary-500">
|
||
Go to annual plan
|
||
<svg class="w-5 h-5 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#"
|
||
class="text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center my-8 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">Get
|
||
started</a>
|
||
<!-- List -->
|
||
<ul role="list" class="space-y-4 text-left text-gray-900 dark:text-gray-400">
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path>
|
||
<path fill-rule="evenodd"
|
||
d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>All tools you need to manage payments</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 100-2 1 1 0 000 2zm7-1a1 1 0 11-2 0 1 1 0 012 0zm-.464 5.535a1 1 0 10-1.415-1.414 3 3 0 01-4.242 0 1 1 0 00-1.415 1.414 5 5 0 007.072 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>No setup, monthly, or hidden fees</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>Comprehensive security</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z">
|
||
</path>
|
||
</svg>
|
||
<span>Get hundreds of feature updates</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span> Payouts to your bank account</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11 4a1 1 0 10-2 0v4a1 1 0 102 0V7zm-3 1a1 1 0 10-2 0v3a1 1 0 102 0V8zM8 9a1 1 0 00-2 0v2a1 1 0 102 0V9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="line-through">Financial reconciliation and reporting</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span class="line-through">24×7 phone, chat, and email support</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3 text-gray-500">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z">
|
||
</path>
|
||
</svg>
|
||
<span class="line-through">Robust developer platform</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Pricing Card -->
|
||
<div
|
||
class="flex flex-col max-w-xl p-6 mx-auto text-center bg-white border border-gray-200 rounded-lg shadow-sm xl:max-w-lg dark:border-gray-700 dark:bg-gray-800 xl:p-8">
|
||
<h3 class="mb-4 text-2xl font-medium text-gray-900 dark:text-white">Enterprise</h3>
|
||
<span class="text-5xl font-extrabold text-gray-900 dark:text-white">$599</span>
|
||
<p class="mt-4 mb-1 text-gray-500 text-light dark:text-gray-400">$499 USD per month, paid annually</p>
|
||
<a href="#"
|
||
class="inline-flex items-center justify-center font-medium text-primary-700 hover:underline dark:text-primary-500">
|
||
Go to annual plan
|
||
<svg class="w-5 h-5 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#"
|
||
class="text-white bg-gray-900 hover:bg-gray-700 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center my-8 dark:bg-gray-600 dark:text-white dark:hover:bg-gray-500 dark:focus:ring-gray-600">Get
|
||
started</a>
|
||
<!-- List -->
|
||
<ul role="list" class="space-y-4 text-left text-gray-900 dark:text-gray-400">
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path>
|
||
<path fill-rule="evenodd"
|
||
d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>All tools you need to manage payments</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 100-2 1 1 0 000 2zm7-1a1 1 0 11-2 0 1 1 0 012 0zm-.464 5.535a1 1 0 10-1.415-1.414 3 3 0 01-4.242 0 1 1 0 00-1.415 1.414 5 5 0 007.072 0z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>No setup, monthly, or hidden fees</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>Comprehensive security</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z">
|
||
</path>
|
||
</svg>
|
||
<span>Get hundreds of feature updates</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span> Payouts to your bank account</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11 4a1 1 0 10-2 0v4a1 1 0 102 0V7zm-3 1a1 1 0 10-2 0v3a1 1 0 102 0V8zM8 9a1 1 0 00-2 0v2a1 1 0 102 0V9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>Financial reconciliation and reporting</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd"
|
||
d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
<span>24×7 phone, chat, and email support</span>
|
||
</li>
|
||
<li class="flex items-center space-x-3">
|
||
<!-- Icon -->
|
||
<svg class="shrink-0 w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z">
|
||
</path>
|
||
</svg>
|
||
<span>Robust developer platform</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="border-t border-b border-gray-100 bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24">
|
||
<div class="max-w-screen-md">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl lg:mb-8 dark:text-white">How
|
||
can
|
||
we help you?</h2>
|
||
<label for="search-faq" class="block mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Your
|
||
Email</label>
|
||
<div class="relative">
|
||
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
|
||
<svg class="w-6 h-6 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path>
|
||
<path fill-rule="evenodd"
|
||
d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z"
|
||
clip-rule="evenodd"></path>
|
||
</svg>
|
||
</div>
|
||
<input type="text" id="search-faq"
|
||
class="block w-full p-4 pl-12 text-gray-900 bg-white border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||
placeholder="Type keywords to find answers">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid gap-8 my-8 xl:gap-16 sm:grid-cols-2 md:grid-cols-3">
|
||
<div class="p-4 bg-white border border-gray-200 rounded-lg shadow-sm lg:p-8 dark:border-gray-700 dark:bg-gray-700">
|
||
<h3 class="mb-4 text-xl font-extrabold dark:text-white">Billing & Plans</h3>
|
||
<ul role="list" class="mb-4 space-y-3 text-primary-700 dark:text-primary-500">
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Flowbite plans & prices</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Switch plans and add-ons</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">I can't log in to Flowbite</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">The Disney Bundle</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Student Discount on Flowbite</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="p-4 bg-white border border-gray-200 rounded-lg shadow-sm lg:p-8 dark:border-gray-700 dark:bg-gray-700">
|
||
<h3 class="mb-4 text-xl font-extrabold dark:text-white">Using Flowbite</h3>
|
||
<ul role="list" class="mb-4 space-y-3 text-primary-700 dark:text-primary-500">
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Parental Controls</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Devices to watch Flowbite</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Home location for Live TV</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Live TV Guide</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Fix buffering issues</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="p-4 bg-white border border-gray-200 rounded-lg shadow-sm lg:p-8 dark:border-gray-700 dark:bg-gray-700">
|
||
<h3 class="mb-4 text-xl font-extrabold dark:text-white">What’s on Flowbite</h3>
|
||
<ul role="list" class="mb-4 space-y-3 text-primary-700 dark:text-primary-500">
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">NEW this month!</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Sports Add-on for Live TV</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Watch live sports</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">FX shows & movies</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Super Bowl 2022</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="items-center justify-between mb-8 sm:mb-24 sm:flex">
|
||
<div class="mb-4 sm:mb-0">
|
||
<h3 class="mb-2 text-2xl font-extrabold text-gray-900 dark:text-white">Not what you were looking for?</h3>
|
||
<p class="text-gray-500 sm:text-xl dark:text-gray-400">Browse through all of our Help Center articles
|
||
</p>
|
||
</div>
|
||
<a href="#"
|
||
class="inline-flex items-center justify-center px-4 py-2.5 text-base font-medium text-center text-white bg-primary-700 rounded-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">
|
||
Get started
|
||
</a>
|
||
</div>
|
||
|
||
<div class="grid gap-16 lg:grid-cols-3">
|
||
<div class="hidden lg:block">
|
||
<h3 class="mb-4 text-lg font-semibold text-gray-900 dark:text-white">Points of contact</h3>
|
||
<h4 class="mb-1 font-medium text-gray-900 dark:text-white">U.S. Flowbite</h4>
|
||
<address class="text-sm font-normal text-gray-500 dark:text-gray-400 non-italic">
|
||
11350 McCormick Rd, EP III, Suite 200,
|
||
<br>Hunt Valley, MD 21031
|
||
</address>
|
||
<h4 class="mt-4 mb-1 font-medium text-gray-900 dark:text-white">Information & Sales</h4>
|
||
<p class="text-sm font-medium text-primary-700 hover:underline dark:text-primary-500"><a
|
||
href="#">sales@flowbite.com</a></p>
|
||
<h4 class="mt-4 mb-1 font-medium text-gray-900 dark:text-white">Support</h4>
|
||
<p class="text-sm font-medium text-primary-700 hover:underline dark:text-primary-500"><a
|
||
href="#">support@flowbite.com</a></p>
|
||
<h4 class="mt-4 mb-1 font-medium text-gray-900 dark:text-white">Verification of Employment</h4>
|
||
<p class="text-sm font-medium text-primary-700 hover:underline dark:text-primary-500"><a
|
||
href="#">hr@flowbite.com</a></p>
|
||
<h3 class="mt-5 mb-4 text-lg font-semibold text-gray-900 dark:text-white">Our offices around the world</h3>
|
||
<h4 class="mt-4 mb-1 font-medium text-gray-900 dark:text-white">Canada</h4>
|
||
<address class="text-sm font-normal text-gray-500 dark:text-gray-400 non-italic">
|
||
5333 Avenue Casgrain #1201,
|
||
<br>Montréal, QC H2T 1X3
|
||
</address>
|
||
<h4 class="mt-4 mb-1 font-medium text-gray-900 dark:text-white">Germany</h4>
|
||
<address class="text-sm font-normal text-gray-500 dark:text-gray-400 non-italic">
|
||
Neue Schönhauser Str. 3-5,
|
||
<br>10178 Berlin
|
||
</address>
|
||
<h4 class="mt-4 mb-1 font-medium text-gray-900 dark:text-white">France</h4>
|
||
<address class="text-sm font-normal text-gray-500 dark:text-gray-400 non-italic">
|
||
266 Place Ernest Granier,
|
||
<br>34000 Montpellier
|
||
</address>
|
||
</div>
|
||
<div class="col-span-2">
|
||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 lg:mb-8 sm:text-4xl dark:text-white">Still
|
||
need help?</h2>
|
||
<form action="#" class="space-y-8">
|
||
<div>
|
||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your email
|
||
address <span class="text-xs text-gray-500 dark:text-gray-400">(So we can reply to you)</span></label>
|
||
<input type="email" id="email"
|
||
class="bg-white border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||
placeholder="name@flowbite.com" required>
|
||
</div>
|
||
|
||
<div>
|
||
<label for="topic" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Topic</label>
|
||
<select id="topic"
|
||
class="bg-white border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
|
||
<option selected>Select a topic</option>
|
||
<option value="US">Switch plans and add-ons</option>
|
||
<option value="CA">Billing & Invoice</option>
|
||
<option value="FR">I can't log in to Flowbite</option>
|
||
<option value="DE">Parental controls</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div>
|
||
<label for="subject" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Subject</label>
|
||
<input type="text" id="subject"
|
||
class="block w-full p-3 text-sm text-gray-900 bg-white border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||
placeholder="Let us know how we can help you" required>
|
||
</div>
|
||
|
||
<div class="sm:col-span-2">
|
||
<label for="message" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your
|
||
message</label>
|
||
<textarea id="message" rows="6"
|
||
class="block p-2.5 w-full text-sm text-gray-900 bg-white rounded-lg border border-gray-300 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||
placeholder="Leave a comment..."></textarea>
|
||
<div class="flex mt-4">
|
||
<input id="default-checkbox" type="checkbox" value=""
|
||
class="w-4 h-4 mt-0.5 text-blue-700 bg-white border-gray-300 rounded-sm focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
|
||
<label for="default-checkbox" class="ml-2 text-sm text-gray-500 dark:text-gray-400">By
|
||
submitting this form, you confirm that you have read and agree to our <a
|
||
class="font-normal text-gray-900 underline hover:no-underline dark:text-white" href="#">Terms of
|
||
Service</a> and <a class="font-normal text-gray-900 underline hover:no-underline dark:text-white"
|
||
href="#">Privacy Statement</a>.</label>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="submit"
|
||
class="px-5 py-3 text-sm font-medium text-center text-white rounded-lg bg-primary-700 sm:w-fit hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Send
|
||
message</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="bg-white dark:bg-gray-900">
|
||
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16 lg:py-24">
|
||
<p class="text-3xl font-bold leading-tight text-center dark:text-white">Feel connected anytime, anywhere.</p>
|
||
<div class="flex items-center justify-center gap-4 my-6">
|
||
<a href="#"
|
||
class="py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||
Receive News
|
||
</a>
|
||
|
||
<a href="#"
|
||
class="text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
|
||
Sign Up Now
|
||
</a>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-8 mt-8 sm:mt-16 sm:grid-cols-3 lg:grid-cols-5 sm:space-y-0">
|
||
<div>
|
||
<h3 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Company</h3>
|
||
<ul class="text-gray-500 dark:text-gray-400">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">About</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Careers</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Brand Center</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Blog</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Help center</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Discord Server</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Twitter</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Facebook
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Contact Us</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Legal</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Privacy Policy</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Licensing</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Terms</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Company</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">About</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Careers</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Brand Center</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Blog</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Download</h2>
|
||
<ul class="text-gray-500 dark:text-gray-400">
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">iOS</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Android</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Windows</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">MacOS</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-800 lg:my-8">
|
||
<div class="flex flex-col items-center justify-between text-center lg:flex-row">
|
||
<a href="#" class="flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white lg:mb-0">
|
||
<svg class="h-8 mr-2" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M25.2696 13.126C25.1955 13.6364 24.8589 14.3299 24.4728 14.9328C23.9856 15.6936 23.2125 16.2264 22.3276 16.4114L18.43 17.2265C17.8035 17.3575 17.2355 17.6853 16.8089 18.1621L14.2533 21.0188C13.773 21.5556 13.4373 21.4276 13.4373 20.7075C13.4315 20.7342 12.1689 23.9903 15.5149 25.9202C16.8005 26.6618 18.6511 26.3953 19.9367 25.6538L26.7486 21.7247C29.2961 20.2553 31.0948 17.7695 31.6926 14.892C31.7163 14.7781 31.7345 14.6639 31.7542 14.5498L25.2696 13.126Z"
|
||
fill="url(#paint0_linear_11430_22515)" />
|
||
<path
|
||
d="M23.5028 9.20133C24.7884 9.94288 25.3137 11.0469 25.3137 12.53C25.3137 12.7313 25.2979 12.9302 25.2694 13.1261L28.0141 14.3051L31.754 14.5499C32.2329 11.7784 31.2944 8.92561 29.612 6.65804C28.3459 4.9516 26.7167 3.47073 24.7581 2.34097C23.167 1.42325 21.5136 0.818599 19.8525 0.486816L17.9861 2.90382L17.3965 5.67918L23.5028 9.20133Z"
|
||
fill="url(#paint1_linear_11430_22515)" />
|
||
<path
|
||
d="M1.5336 11.2352C1.5329 11.2373 1.53483 11.238 1.53556 11.2358C1.67958 10.8038 1.86018 10.3219 2.08564 9.80704C3.26334 7.11765 5.53286 5.32397 8.32492 4.40943C11.117 3.49491 14.1655 3.81547 16.7101 5.28323L17.3965 5.67913L19.8525 0.486761C12.041 -1.07341 4.05728 3.51588 1.54353 11.2051C1.54233 11.2087 1.53796 11.2216 1.5336 11.2352Z"
|
||
fill="url(#paint2_linear_11430_22515)" />
|
||
<path
|
||
d="M19.6699 25.6538C18.3843 26.3953 16.8003 26.3953 15.5147 25.6538C15.3402 25.5531 15.1757 25.4399 15.0201 25.3174L12.7591 26.8719L10.8103 30.0209C12.9733 31.821 15.7821 32.3997 18.589 32.0779C20.7013 31.8357 22.7995 31.1665 24.7582 30.0368C26.3492 29.1191 27.7 27.9909 28.8182 26.7195L27.6563 23.8962L25.7762 22.1316L19.6699 25.6538Z"
|
||
fill="url(#paint3_linear_11430_22515)" />
|
||
<path
|
||
d="M15.0201 25.3175C14.0296 24.5373 13.4371 23.3406 13.4371 22.0588V21.931V11.2558C13.4371 10.6521 13.615 10.5494 14.1384 10.8513C13.3323 10.3864 11.4703 8.79036 9.17118 10.1165C7.88557 10.858 6.8269 12.4949 6.8269 13.978V21.8362C6.8269 24.775 8.34906 27.8406 10.5445 29.7966C10.6313 29.874 10.7212 29.9469 10.8103 30.0211L15.0201 25.3175Z"
|
||
fill="url(#paint4_linear_11430_22515)" />
|
||
<path
|
||
d="M28.6604 5.49565C28.6589 5.49395 28.6573 5.49532 28.6589 5.49703C28.9613 5.83763 29.2888 6.23485 29.6223 6.68734C31.3648 9.05099 32.0158 12.0447 31.4126 14.9176C30.8093 17.7906 29.0071 20.2679 26.4625 21.7357L25.7761 22.1316L28.8181 26.7195C34.0764 20.741 34.09 11.5388 28.6815 5.51929C28.6789 5.51641 28.67 5.50622 28.6604 5.49565Z"
|
||
fill="url(#paint5_linear_11430_22515)" />
|
||
<path
|
||
d="M7.09355 13.978C7.09354 12.4949 7.88551 11.1244 9.17113 10.3829C9.34564 10.2822 9.52601 10.1965 9.71002 10.1231L9.49304 7.38962L7.96861 4.26221C5.32671 5.23364 3.1897 7.24125 2.06528 9.83067C1.2191 11.7793 0.75001 13.9294 0.75 16.1888C0.75 18.0243 1.05255 19.7571 1.59553 21.3603L4.62391 21.7666L7.09355 21.0223V13.978Z"
|
||
fill="url(#paint6_linear_11430_22515)" />
|
||
<path
|
||
d="M9.71016 10.1231C10.8817 9.65623 12.2153 9.74199 13.3264 10.3829L13.4372 10.4468L22.3326 15.5777C22.9566 15.9376 22.8999 16.2918 22.1946 16.4392L22.7078 16.332C23.383 16.1908 23.9999 15.8457 24.4717 15.3428C25.2828 14.4782 25.5806 13.4351 25.5806 12.5299C25.5806 11.0468 24.7886 9.67634 23.503 8.93479L16.6911 5.00568C14.1436 3.53627 11.0895 3.22294 8.29622 4.14442C8.18572 4.18087 8.07756 4.2222 7.96875 4.26221L9.71016 10.1231Z"
|
||
fill="url(#paint7_linear_11430_22515)" />
|
||
<path
|
||
d="M20.0721 31.8357C20.0744 31.8352 20.0739 31.8332 20.0717 31.8337C19.6252 31.925 19.1172 32.0097 18.5581 32.0721C15.638 32.3978 12.7174 31.4643 10.5286 29.5059C8.33986 27.5474 7.09347 24.7495 7.09348 21.814L7.09347 21.0222L1.59546 21.3602C4.1488 28.8989 12.1189 33.5118 20.0411 31.8421C20.0449 31.8413 20.0582 31.8387 20.0721 31.8357Z"
|
||
fill="url(#paint8_linear_11430_22515)" />
|
||
<defs>
|
||
<linearGradient id="paint0_linear_11430_22515" x1="20.8102" y1="23.9532" x2="23.9577" y2="12.9901"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#1724C9" />
|
||
<stop offset="1" stop-color="#1C64F2" />
|
||
</linearGradient>
|
||
<linearGradient id="paint1_linear_11430_22515" x1="28.0593" y1="10.5837" x2="19.7797" y2="2.33321"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#1C64F2" />
|
||
<stop offset="1" stop-color="#0092FF" />
|
||
</linearGradient>
|
||
<linearGradient id="paint2_linear_11430_22515" x1="16.9145" y1="5.2045" x2="4.42432" y2="5.99375"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#0092FF" />
|
||
<stop offset="1" stop-color="#45B2FF" />
|
||
</linearGradient>
|
||
<linearGradient id="paint3_linear_11430_22515" x1="16.0698" y1="28.846" x2="27.2866" y2="25.8192"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#1C64F2" />
|
||
<stop offset="1" stop-color="#0092FF" />
|
||
</linearGradient>
|
||
<linearGradient id="paint4_linear_11430_22515" x1="8.01881" y1="15.8661" x2="15.9825" y2="24.1181"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#1724C9" />
|
||
<stop offset="1" stop-color="#1C64F2" />
|
||
</linearGradient>
|
||
<linearGradient id="paint5_linear_11430_22515" x1="26.2004" y1="21.8189" x2="31.7569" y2="10.6178"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#0092FF" />
|
||
<stop offset="1" stop-color="#45B2FF" />
|
||
</linearGradient>
|
||
<linearGradient id="paint6_linear_11430_22515" x1="6.11387" y1="9.31427" x2="3.14054" y2="20.4898"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#1C64F2" />
|
||
<stop offset="1" stop-color="#0092FF" />
|
||
</linearGradient>
|
||
<linearGradient id="paint7_linear_11430_22515" x1="21.2932" y1="8.78271" x2="10.4278" y2="11.488"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#1724C9" />
|
||
<stop offset="1" stop-color="#1C64F2" />
|
||
</linearGradient>
|
||
<linearGradient id="paint8_linear_11430_22515" x1="7.15667" y1="21.5399" x2="14.0824" y2="31.9579"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#0092FF" />
|
||
<stop offset="1" stop-color="#45B2FF" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
Flowbite
|
||
</a>
|
||
<span class="block mb-6 text-sm text-gray-500 dark:text-gray-400 lg:mb-0">© 2021-<span id="currentYear">2022</span> <a href="#"
|
||
class="hover:underline">Flowbite™</a>. All Rights Reserved.
|
||
</span>
|
||
<button id="dropdownDefault" data-dropdown-toggle="dropdown"
|
||
class="inline-flex items-center mt-3 text-sm font-medium text-center text-gray-500 sm:mt-0 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"
|
||
type="button">
|
||
<svg class="w-4 h-4 mr-1" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect x="0.75" y="0.466187" width="20" height="13.3137" rx="2" fill="white" />
|
||
<mask id="mask0_3422_20233" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21"
|
||
height="14">
|
||
<rect x="0.75" y="0.466187" width="20" height="13.3137" rx="2" fill="white" />
|
||
</mask>
|
||
<g mask="url(#mask0_3422_20233)">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M20.75 0.466187H0.75V1.35377H20.75V0.466187ZM20.75 2.24134H0.75V3.12892H20.75V2.24134ZM0.75 4.0165H20.75V4.90408H0.75V4.0165ZM20.75 5.79166H0.75V6.67924H20.75V5.79166ZM0.75 7.56682H20.75V8.4544H0.75V7.56682ZM20.75 9.34198H0.75V10.2296H20.75V9.34198ZM0.75 11.1171H20.75V12.0047H0.75V11.1171ZM20.75 12.8923H0.75V13.7799H20.75V12.8923Z"
|
||
fill="#D02F44" />
|
||
<rect x="0.75" y="0.466187" width="8.57143" height="6.21305" fill="#46467F" />
|
||
<g filter="url(#filter0_d_3422_20233)">
|
||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||
d="M2.65477 1.79755C2.65477 2.04265 2.44158 2.24134 2.17858 2.24134C1.91559 2.24134 1.70239 2.04265 1.70239 1.79755C1.70239 1.55245 1.91559 1.35376 2.17858 1.35376C2.44158 1.35376 2.65477 1.55245 2.65477 1.79755ZM4.55954 1.79755C4.55954 2.04265 4.34634 2.24134 4.08334 2.24134C3.82035 2.24134 3.60715 2.04265 3.60715 1.79755C3.60715 1.55245 3.82035 1.35376 4.08334 1.35376C4.34634 1.35376 4.55954 1.55245 4.55954 1.79755ZM5.98811 2.24134C6.2511 2.24134 6.4643 2.04265 6.4643 1.79755C6.4643 1.55245 6.2511 1.35376 5.98811 1.35376C5.72511 1.35376 5.51192 1.55245 5.51192 1.79755C5.51192 2.04265 5.72511 2.24134 5.98811 2.24134ZM8.36906 1.79755C8.36906 2.04265 8.15586 2.24134 7.89287 2.24134C7.62988 2.24134 7.41668 2.04265 7.41668 1.79755C7.41668 1.55245 7.62988 1.35376 7.89287 1.35376C8.15586 1.35376 8.36906 1.55245 8.36906 1.79755ZM3.13096 3.12892C3.39396 3.12892 3.60715 2.93023 3.60715 2.68513C3.60715 2.44003 3.39396 2.24134 3.13096 2.24134C2.86797 2.24134 2.65477 2.44003 2.65477 2.68513C2.65477 2.93023 2.86797 3.12892 3.13096 3.12892ZM5.51192 2.68513C5.51192 2.93023 5.29872 3.12892 5.03573 3.12892C4.77273 3.12892 4.55954 2.93023 4.55954 2.68513C4.55954 2.44003 4.77273 2.24134 5.03573 2.24134C5.29872 2.24134 5.51192 2.44003 5.51192 2.68513ZM6.94049 3.12892C7.20348 3.12892 7.41668 2.93023 7.41668 2.68513C7.41668 2.44003 7.20348 2.24134 6.94049 2.24134C6.6775 2.24134 6.4643 2.44003 6.4643 2.68513C6.4643 2.93023 6.6775 3.12892 6.94049 3.12892ZM8.36906 3.57271C8.36906 3.81781 8.15586 4.0165 7.89287 4.0165C7.62988 4.0165 7.41668 3.81781 7.41668 3.57271C7.41668 3.32761 7.62988 3.12892 7.89287 3.12892C8.15586 3.12892 8.36906 3.32761 8.36906 3.57271ZM5.98811 4.0165C6.2511 4.0165 6.4643 3.81781 6.4643 3.57271C6.4643 3.32761 6.2511 3.12892 5.98811 3.12892C5.72511 3.12892 5.51192 3.32761 5.51192 3.57271C5.51192 3.81781 5.72511 4.0165 5.98811 4.0165ZM4.55954 3.57271C4.55954 3.81781 4.34634 4.0165 4.08334 4.0165C3.82035 4.0165 3.60715 3.81781 3.60715 3.57271C3.60715 3.32761 3.82035 3.12892 4.08334 3.12892C4.34634 3.12892 4.55954 3.32761 4.55954 3.57271ZM2.17858 4.0165C2.44158 4.0165 2.65477 3.81781 2.65477 3.57271C2.65477 3.32761 2.44158 3.12892 2.17858 3.12892C1.91559 3.12892 1.70239 3.32761 1.70239 3.57271C1.70239 3.81781 1.91559 4.0165 2.17858 4.0165ZM3.60715 4.46029C3.60715 4.70538 3.39396 4.90408 3.13096 4.90408C2.86797 4.90408 2.65477 4.70538 2.65477 4.46029C2.65477 4.21519 2.86797 4.0165 3.13096 4.0165C3.39396 4.0165 3.60715 4.21519 3.60715 4.46029ZM5.03573 4.90408C5.29872 4.90408 5.51192 4.70538 5.51192 4.46029C5.51192 4.21519 5.29872 4.0165 5.03573 4.0165C4.77273 4.0165 4.55954 4.21519 4.55954 4.46029C4.55954 4.70538 4.77273 4.90408 5.03573 4.90408ZM7.41668 4.46029C7.41668 4.70538 7.20348 4.90408 6.94049 4.90408C6.6775 4.90408 6.4643 4.70538 6.4643 4.46029C6.4643 4.21519 6.6775 4.0165 6.94049 4.0165C7.20348 4.0165 7.41668 4.21519 7.41668 4.46029ZM7.89287 5.79166C8.15586 5.79166 8.36906 5.59296 8.36906 5.34787C8.36906 5.10277 8.15586 4.90408 7.89287 4.90408C7.62988 4.90408 7.41668 5.10277 7.41668 5.34787C7.41668 5.59296 7.62988 5.79166 7.89287 5.79166ZM6.4643 5.34787C6.4643 5.59296 6.2511 5.79166 5.98811 5.79166C5.72511 5.79166 5.51192 5.59296 5.51192 5.34787C5.51192 5.10277 5.72511 4.90408 5.98811 4.90408C6.2511 4.90408 6.4643 5.10277 6.4643 5.34787ZM4.08334 5.79166C4.34634 5.79166 4.55954 5.59296 4.55954 5.34787C4.55954 5.10277 4.34634 4.90408 4.08334 4.90408C3.82035 4.90408 3.60715 5.10277 3.60715 5.34787C3.60715 5.59296 3.82035 5.79166 4.08334 5.79166ZM2.65477 5.34787C2.65477 5.59296 2.44158 5.79166 2.17858 5.79166C1.91559 5.79166 1.70239 5.59296 1.70239 5.34787C1.70239 5.10277 1.91559 4.90408 2.17858 4.90408C2.44158 4.90408 2.65477 5.10277 2.65477 5.34787Z"
|
||
fill="url(#paint0_linear_3422_20233)" />
|
||
</g>
|
||
</g>
|
||
<defs>
|
||
<filter id="filter0_d_3422_20233" x="1.70239" y="1.35376" width="6.66675" height="5.43787"
|
||
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||
result="hardAlpha" />
|
||
<feOffset dy="1" />
|
||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" />
|
||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3422_20233" />
|
||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3422_20233" result="shape" />
|
||
</filter>
|
||
<linearGradient id="paint0_linear_3422_20233" x1="1.70239" y1="1.35376" x2="1.70239" y2="5.79166"
|
||
gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="#F0F0F0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
English (US)
|
||
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
|
||
</svg></button>
|
||
<div id="dropdown"
|
||
class="z-10 hidden text-left bg-white divide-y divide-gray-100 rounded-sm shadow-sm w-44 dark:bg-gray-700"
|
||
data-popper-placement="bottom"
|
||
style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(911px, 681.5px, 0px);">
|
||
<ul class="py-1 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownDefault">
|
||
<li>
|
||
<a href="#"
|
||
class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">English</a>
|
||
</li>
|
||
<li>
|
||
<a href="#"
|
||
class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">German</a>
|
||
</li>
|
||
<li>
|
||
<a href="#"
|
||
class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Spanish</a>
|
||
</li>
|
||
<li>
|
||
<a href="#"
|
||
class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">French</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</main>
|
||
|
||
|
||
|
||
|
||
|
||
<script src="http://localhost:1313//app.bundle.js"></script>
|
||
</body>
|
||
|
||
</html> |