mirror of
https://github.com/BeardedTek/flowbite-beardedtek.com.git
synced 2025-12-06 13:41:51 +00:00
INITIAL COMMIT
This commit is contained in:
2216
content/landing/agency.html
Normal file
2216
content/landing/agency.html
Normal file
File diff suppressed because one or more lines are too long
925
content/landing/crypto.html
Normal file
925
content/landing/crypto.html
Normal file
@@ -0,0 +1,925 @@
|
||||
---
|
||||
title: Tailwind CSS Crypto trading Landing Page - Flowbite
|
||||
description: 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
|
||||
layout: main
|
||||
navbar: default
|
||||
---
|
||||
|
||||
<section class="bg-white dark:bg-gray-900">
|
||||
<div class="max-w-screen-xl px-4 py-8 mx-auto text-center sm:py-16 lg:py-24 pt-20 sm:pt-24 lg:pt-32">
|
||||
<div class="max-w-2xl mx-auto">
|
||||
<h1
|
||||
class="mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white">
|
||||
Decentralized for a better tomorrow
|
||||
</h1>
|
||||
<p class="mb-8 text-lg font-normal text-gray-500 lg:mb-12 lg:text-xl dark:text-gray-400">
|
||||
Buy, trade, and hold
|
||||
<span class="font-medium text-gray-900 dark:text-white">600+</span>
|
||||
cryptocurrencies on Flowbite
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-6 lg:gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-5">
|
||||
<div class="p-4 rounded-lg text-primary-700 bg-primary-100 dark:bg-primary-900 dark:text-primary-300">
|
||||
<h2 class="text-3xl font-extrabold leading-tight">$76 billion</h2>
|
||||
<span class="text-primary-500 dark:text-primary-400">24h trading volume</span>
|
||||
</div>
|
||||
<div class="p-4 text-teal-600 bg-teal-100 rounded-lg dark:bg-teal-900 dark:text-teal-300">
|
||||
<h2 class="text-3xl font-extrabold leading-tight">600+</h2>
|
||||
<span class="text-teal-500 dark:text-teal-400">Cryptocurrencies listed</span>
|
||||
</div>
|
||||
<div class="p-4 text-indigo-700 bg-indigo-100 rounded-lg dark:bg-indigo-900 dark:text-indigo-300">
|
||||
<h2 class="text-3xl font-extrabold leading-tight">34 million</h2>
|
||||
<span class="text-indigo-500 dark:text-indigo-400">Diluted market cap</span>
|
||||
</div>
|
||||
<div class="p-4 text-purple-700 bg-purple-100 rounded-lg dark:bg-purple-900 dark:text-purple-300">
|
||||
<h2 class="text-3xl font-extrabold leading-tight">90 million</h2>
|
||||
<span class="text-purple-500 dark:text-purple-400">Registered users</span>
|
||||
</div>
|
||||
<div class="p-4 text-green-600 bg-green-100 rounded-lg dark:text-green-300 dark:bg-green-900">
|
||||
<h2 class="text-3xl font-extrabold leading-tight">0.10%</h2>
|
||||
<span class="text-green-500 dark:text-green-400">Low transaction fees</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-8 mt-8 border border-gray-200 bg-gray-50 dark:bg-gray-800 rounded-lg lg:mt-12 dark:border-gray-700">
|
||||
<div class="mx-auto mb-8 border-b border-gray-100 dark:border-gray-700 w-fit">
|
||||
<ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="myTab" data-tabs-toggle="#myTabContent"
|
||||
role="tablist">
|
||||
<li class="mr-2" role="presentation">
|
||||
<button
|
||||
class="inline-block p-4 border-b-2 rounded-t-lg text-primary-600 border-primary-600 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-400 dark:border-primary-500"
|
||||
id="profile-tab" data-tabs-target="#profile" type="button" role="tab" aria-controls="profile"
|
||||
aria-selected="true">Buy</button>
|
||||
</li>
|
||||
<li class="mr-2" role="presentation">
|
||||
<button
|
||||
class="inline-block p-4 text-gray-500 border-b-2 border-transparent border-gray-100 rounded-t-lg hover:text-gray-600 hover:border-gray-200 dark:hover:text-gray-300 dark:text-gray-400 dark:border-gray-700"
|
||||
id="dashboard-tab" data-tabs-target="#dashboard" type="button" role="tab" aria-controls="dashboard"
|
||||
aria-selected="false">Sell</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="max-w-3xl mx-auto mb-4 sm:mb-10" id="myTabContent">
|
||||
<div id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
||||
<div class="items-center block space-y-4 sm:space-y-0 sm:space-x-8 sm:flex">
|
||||
<div class="w-full">
|
||||
<label for="euro-form" class="sr-only">Euro</label>
|
||||
<div class="flex">
|
||||
<span
|
||||
class="inline-flex items-center px-3 text-sm text-gray-500 border border-r-0 border-gray-300 bg-white rounded-l-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
|
||||
<svg class="w-4 text-gray-900 dark:text-white" viewBox="0 0 15 14" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_12679_7638)">
|
||||
<path
|
||||
d="M13.8102 12.4801C13.6532 12.0964 13.4933 11.7126 13.3189 11.3347C13.1648 10.9975 12.9671 10.8986 12.5979 10.9829C12.1298 11.0905 11.6705 11.2329 11.2024 11.3289C10.2983 11.5178 9.39129 11.5353 8.49879 11.2533C7.37953 10.9015 6.78356 10.0904 6.41726 9.04384H9.45234C9.69072 9.04384 9.8826 8.85196 9.8826 8.61358V7.65712C9.8826 7.41873 9.69072 7.22686 9.45234 7.22686H6.12654C6.12654 6.9594 6.12363 6.70357 6.12654 6.44774H9.45234C9.69072 6.44774 9.8826 6.25586 9.8826 6.01748V5.06102C9.8826 4.82263 9.69072 4.63076 9.45234 4.63076H6.54517C6.54517 4.61913 6.54517 4.6075 6.55099 4.60169C6.89985 3.80803 7.4086 3.17136 8.24296 2.83994C9.21395 2.4562 10.2053 2.46492 11.2054 2.67133C11.6792 2.76726 12.1444 2.91262 12.6182 3.02019C12.9642 3.09868 13.1648 2.99693 13.313 2.67424C13.4846 2.30212 13.6416 1.92419 13.7985 1.54335C13.9468 1.18577 13.8596 0.932843 13.5224 0.735156C13.4381 0.685734 13.3508 0.645033 13.2607 0.610147C11.8595 0.0636002 10.4146 -0.139901 8.92323 0.0984862C7.87375 0.267102 6.89403 0.62759 6.04805 1.28461C4.98112 2.11025 4.28921 3.20043 3.88803 4.48249L3.8386 4.63076H2.34432C2.10594 4.63076 1.91406 4.82263 1.91406 5.06102V6.01748C1.91406 6.25586 2.10594 6.44774 2.34432 6.44774H3.52172C3.52172 6.70938 3.52172 6.96231 3.52172 7.22686H2.34432C2.10594 7.22686 1.91406 7.41873 1.91406 7.65712V8.61358C1.91406 8.85196 2.10594 9.04384 2.34432 9.04384H3.76302C3.87058 9.3927 3.96071 9.74737 4.09734 10.0817C4.81541 11.8144 6.01898 13.047 7.83014 13.6343C9.32733 14.1197 10.8361 14.1052 12.345 13.6895C12.7374 13.5819 13.127 13.4424 13.4991 13.2709C13.8596 13.1051 13.9526 12.8261 13.8102 12.4801Z"
|
||||
fill="currentColor" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_12679_7638">
|
||||
<rect width="14" height="14" fill="white" transform="translate(0.894531)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="number" id="euro-form"
|
||||
class="flex-1 block w-full min-w-0 p-3 text-sm text-gray-900 placeholder-gray-500 border border-gray-300 rounded-none rounded-r-lg bg-white 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="1000">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<label for="bitcoin-form" class="sr-only">Bitcoin</label>
|
||||
<div class="flex">
|
||||
<span
|
||||
class="inline-flex items-center px-3 text-sm text-gray-500 border border-r-0 border-gray-300 bg-white rounded-l-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
|
||||
<svg class="w-4 h-4" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_12679_13602)">
|
||||
<path
|
||||
d="M14.6837 8.69347C13.7487 12.4435 9.95037 14.7255 6.19989 13.7906C2.45117 12.8556 0.168953 9.05725 1.10411 5.30744C2.03861 1.55697 5.83677 -0.725463 9.58615 0.209474C13.3364 1.14441 15.6184 4.94322 14.6835 8.69347H14.6837Z"
|
||||
fill="#F7931A" />
|
||||
<path
|
||||
d="M10.9803 6.00311C11.1194 5.07167 10.4102 4.57095 9.44053 4.23692L9.75509 2.97517L8.98684 2.78377L8.68059 4.01227C8.47891 3.96195 8.27153 3.91448 8.06547 3.86745L8.37391 2.63086L7.60631 2.43945L7.29153 3.70077C7.12441 3.6627 6.96034 3.62508 6.80109 3.58548L6.80197 3.58155L5.74278 3.31708L5.53847 4.13739C5.53847 4.13739 6.10831 4.26798 6.09628 4.27608C6.40734 4.35373 6.46378 4.55958 6.45416 4.72277L6.09584 6.16017C6.11728 6.16564 6.14506 6.17352 6.17569 6.18577L6.09475 6.16564L5.59228 8.17923C5.55422 8.27373 5.45775 8.41548 5.24031 8.36167C5.24797 8.37283 4.68206 8.22233 4.68206 8.22233L4.30078 9.1017L5.30047 9.35086C5.48641 9.39745 5.66862 9.44623 5.84778 9.49217L5.52994 10.7686L6.29709 10.96L6.61209 9.69736C6.82144 9.75423 7.02487 9.80673 7.22394 9.85617L6.91025 11.1129L7.67828 11.3043L7.99612 10.0305C9.30578 10.2784 10.2908 10.1784 10.7049 8.99408C11.0389 8.04033 10.6885 7.49017 9.99944 7.1312C10.5012 7.01505 10.8792 6.68495 10.9801 6.00311H10.9803ZM9.22528 8.46383C8.98772 9.41758 7.38209 8.9022 6.86125 8.7727L7.283 7.08198C7.80362 7.21192 9.47291 7.46917 9.2255 8.46383H9.22528ZM9.46262 5.98933C9.24606 6.85689 7.9095 6.41611 7.47572 6.30805L7.85809 4.77461C8.29187 4.88267 9.68837 5.08436 9.46262 5.98933Z"
|
||||
fill="white" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_12679_13602">
|
||||
<rect width="14" height="14" fill="white" transform="translate(0.894531)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="number" id="bitcoin-form"
|
||||
class="flex-1 block w-full min-w-0 p-3 text-sm text-gray-900 placeholder-gray-500 border border-gray-300 rounded-none rounded-r-lg bg-white 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="1000">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="dashboard" role="tabpanel" aria-labelledby="dashboard-tab">
|
||||
<div class="items-center block space-y-4 sm:space-y-0 sm:space-x-8 sm:flex">
|
||||
<div class="w-full">
|
||||
<label for="sell-bitcoin-form" class="sr-only">Euro</label>
|
||||
<div class="flex">
|
||||
<span
|
||||
class="inline-flex items-center px-3 text-sm text-gray-500 border border-r-0 border-gray-200 bg-white rounded-l-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
|
||||
<svg class="w-4 h-4" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_12679_13602)">
|
||||
<path
|
||||
d="M14.6837 8.69347C13.7487 12.4435 9.95037 14.7255 6.19989 13.7906C2.45117 12.8556 0.168953 9.05725 1.10411 5.30744C2.03861 1.55697 5.83677 -0.725463 9.58615 0.209474C13.3364 1.14441 15.6184 4.94322 14.6835 8.69347H14.6837Z"
|
||||
fill="#F7931A" />
|
||||
<path
|
||||
d="M10.9803 6.00311C11.1194 5.07167 10.4102 4.57095 9.44053 4.23692L9.75509 2.97517L8.98684 2.78377L8.68059 4.01227C8.47891 3.96195 8.27153 3.91448 8.06547 3.86745L8.37391 2.63086L7.60631 2.43945L7.29153 3.70077C7.12441 3.6627 6.96034 3.62508 6.80109 3.58548L6.80197 3.58155L5.74278 3.31708L5.53847 4.13739C5.53847 4.13739 6.10831 4.26798 6.09628 4.27608C6.40734 4.35373 6.46378 4.55958 6.45416 4.72277L6.09584 6.16017C6.11728 6.16564 6.14506 6.17352 6.17569 6.18577L6.09475 6.16564L5.59228 8.17923C5.55422 8.27373 5.45775 8.41548 5.24031 8.36167C5.24797 8.37283 4.68206 8.22233 4.68206 8.22233L4.30078 9.1017L5.30047 9.35086C5.48641 9.39745 5.66862 9.44623 5.84778 9.49217L5.52994 10.7686L6.29709 10.96L6.61209 9.69736C6.82144 9.75423 7.02487 9.80673 7.22394 9.85617L6.91025 11.1129L7.67828 11.3043L7.99612 10.0305C9.30578 10.2784 10.2908 10.1784 10.7049 8.99408C11.0389 8.04033 10.6885 7.49017 9.99944 7.1312C10.5012 7.01505 10.8792 6.68495 10.9801 6.00311H10.9803ZM9.22528 8.46383C8.98772 9.41758 7.38209 8.9022 6.86125 8.7727L7.283 7.08198C7.80362 7.21192 9.47291 7.46917 9.2255 8.46383H9.22528ZM9.46262 5.98933C9.24606 6.85689 7.9095 6.41611 7.47572 6.30805L7.85809 4.77461C8.29187 4.88267 9.68837 5.08436 9.46262 5.98933Z"
|
||||
fill="white" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_12679_13602">
|
||||
<rect width="14" height="14" fill="white" transform="translate(0.894531)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="number" id="sell-bitcoin-form"
|
||||
class="flex-1 block w-full min-w-0 p-3 text-sm text-gray-900 placeholder-gray-500 border border-gray-300 rounded-none rounded-r-lg bg-white 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="1000">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<label for="sell-euro-form" class="sr-only">Bitcoin</label>
|
||||
<div class="flex">
|
||||
<span
|
||||
class="inline-flex items-center px-3 text-sm text-gray-500 border border-r-0 border-gray-300 bg-white rounded-l-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
|
||||
<svg class="w-4 text-gray-900 dark:text-white" viewBox="0 0 15 14" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_12679_7638)">
|
||||
<path
|
||||
d="M13.8102 12.4801C13.6532 12.0964 13.4933 11.7126 13.3189 11.3347C13.1648 10.9975 12.9671 10.8986 12.5979 10.9829C12.1298 11.0905 11.6705 11.2329 11.2024 11.3289C10.2983 11.5178 9.39129 11.5353 8.49879 11.2533C7.37953 10.9015 6.78356 10.0904 6.41726 9.04384H9.45234C9.69072 9.04384 9.8826 8.85196 9.8826 8.61358V7.65712C9.8826 7.41873 9.69072 7.22686 9.45234 7.22686H6.12654C6.12654 6.9594 6.12363 6.70357 6.12654 6.44774H9.45234C9.69072 6.44774 9.8826 6.25586 9.8826 6.01748V5.06102C9.8826 4.82263 9.69072 4.63076 9.45234 4.63076H6.54517C6.54517 4.61913 6.54517 4.6075 6.55099 4.60169C6.89985 3.80803 7.4086 3.17136 8.24296 2.83994C9.21395 2.4562 10.2053 2.46492 11.2054 2.67133C11.6792 2.76726 12.1444 2.91262 12.6182 3.02019C12.9642 3.09868 13.1648 2.99693 13.313 2.67424C13.4846 2.30212 13.6416 1.92419 13.7985 1.54335C13.9468 1.18577 13.8596 0.932843 13.5224 0.735156C13.4381 0.685734 13.3508 0.645033 13.2607 0.610147C11.8595 0.0636002 10.4146 -0.139901 8.92323 0.0984862C7.87375 0.267102 6.89403 0.62759 6.04805 1.28461C4.98112 2.11025 4.28921 3.20043 3.88803 4.48249L3.8386 4.63076H2.34432C2.10594 4.63076 1.91406 4.82263 1.91406 5.06102V6.01748C1.91406 6.25586 2.10594 6.44774 2.34432 6.44774H3.52172C3.52172 6.70938 3.52172 6.96231 3.52172 7.22686H2.34432C2.10594 7.22686 1.91406 7.41873 1.91406 7.65712V8.61358C1.91406 8.85196 2.10594 9.04384 2.34432 9.04384H3.76302C3.87058 9.3927 3.96071 9.74737 4.09734 10.0817C4.81541 11.8144 6.01898 13.047 7.83014 13.6343C9.32733 14.1197 10.8361 14.1052 12.345 13.6895C12.7374 13.5819 13.127 13.4424 13.4991 13.2709C13.8596 13.1051 13.9526 12.8261 13.8102 12.4801Z"
|
||||
fill="currentColor" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_12679_7638">
|
||||
<rect width="14" height="14" fill="white" transform="translate(0.894531)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="number" id="sell-euro-form"
|
||||
class="flex-1 block w-full min-w-0 p-3 text-sm text-gray-900 placeholder-gray-500 border border-gray-300 rounded-none rounded-r-lg bg-white 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="1000">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#"
|
||||
class="inline-flex items-center justify-center w-full sm:w-auto 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 mr-2 mb-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
|
||||
Connect your wallet
|
||||
</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 lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24">
|
||||
<div class="col-span-2 mb-8">
|
||||
<p class="text-lg font-medium text-primary-700 dark:text-primary-500">Trusted Worldwide</p>
|
||||
<h2 class="mt-3 mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
|
||||
Trusted by over 600 million users and 10,000 teams</h2>
|
||||
<p class="text-gray-500 sm:text-xl dark:text-gray-400">Our rigorous security and compliance standards
|
||||
are at the heart of all we do. We work tirelessly to protect you and your customers.</p>
|
||||
<div class="pt-6 mt-6 space-y-4 border-t border-gray-200 dark:border-gray-700">
|
||||
<div>
|
||||
<a href="#"
|
||||
class="inline-flex items-center text-base font-medium text-primary-700 hover:underline dark:text-primary-500">
|
||||
Explore Legality Guide
|
||||
<svg class="w-5 h-5 ml-1" 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>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#"
|
||||
class="inline-flex items-center text-base font-medium text-primary-700 hover:underline dark:text-primary-500">
|
||||
Visit the Trust Center
|
||||
<svg class="w-5 h-5 ml-1" 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 space-y-8 md:grid md:grid-cols-2 md:gap-12 md:space-y-0">
|
||||
<div>
|
||||
<svg class="w-10 h-10 mb-2 text-primary-700 md:w-12 md:h-12 dark:text-primary-500" fill="currentColor"
|
||||
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2 5a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm14 1a1 1 0 11-2 0 1 1 0 012 0zM2 13a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2zm14 1a1 1 0 11-2 0 1 1 0 012 0z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
<h3 class="mb-2 text-2xl font-bold dark:text-white">99.99% uptime</h3>
|
||||
<p class="text-gray-500 dark:text-gray-400">For Flowbite, with zero maintenance downtime</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<svg class="w-10 h-10 mb-2 text-primary-700 md:w-12 md:h-12 dark:text-primary-500" fill="currentColor"
|
||||
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z">
|
||||
</path>
|
||||
</svg>
|
||||
<h3 class="mb-2 text-2xl font-bold dark:text-white">600M+ Users</h3>
|
||||
<p class="text-gray-500 dark:text-gray-400">Trusted by over 600 milion users around the world</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<svg class="w-10 h-10 mb-2 text-primary-700 md:w-12 md:h-12 dark:text-primary-500" fill="currentColor"
|
||||
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z">
|
||||
</path>
|
||||
</svg>
|
||||
<h3 class="mb-2 text-2xl font-bold dark:text-white">5+ Million</h3>
|
||||
<p class="text-gray-500 dark:text-gray-400">Transactions per day</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<svg class="w-10 h-10 mb-2 text-primary-700 md:w-12 md:h-12 dark:text-primary-500" 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 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
<h3 class="mb-2 text-2xl font-bold dark:text-white">100+ countries</h3>
|
||||
<p class="text-gray-500 dark:text-gray-400">Have used Flowbite to create functional websites</p>
|
||||
</div>
|
||||
</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="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
|
||||
<img class="w-full mb-4 rounded-lg lg:mb-0 dark:hidden" src="{{< baseurl >}}/images/usa-map.png" alt="">
|
||||
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 dark:block" src="{{< baseurl >}}/images/usa-map-dark.png" alt="">
|
||||
|
||||
<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">Worldwide
|
||||
coins
|
||||
</h2>
|
||||
<p class="mb-8 lg:text-xl">Deliver great service experiences fast - without the complexity of
|
||||
traditional ITSM solutions.
|
||||
</p>
|
||||
<div class="pt-8 mb-6 border-t 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-700 dark:text-primary-400" 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">Manage your portfolio</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 font-medium text-primary-700 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">Recurring buys</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 font-medium 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-400" 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">Vault protection</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 font-medium 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>
|
||||
</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-sm mx-auto text-center">
|
||||
<h2 class="mb-6 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
|
||||
Popular cryptocurrencies
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<!-- Table -->
|
||||
<div class="relative max-w-4xl mx-auto mb-8 overflow-x-auto rounded-lg">
|
||||
<table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
|
||||
<tbody>
|
||||
<tr class="border-b bg-gray-50 dark:bg-gray-800 dark:border-gray-700 border-gray-200">
|
||||
<th scope="row" class="px-6 py-4 text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
|
||||
Bitcoin <span class="text-gray-500 dark:text-gray-400">BTC</span>
|
||||
</th>
|
||||
<td class="px-6 py-4 text-xl font-bold text-gray-900 dark:text-white">
|
||||
$38,716.43
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-semibold text-red-500">
|
||||
-10.82%
|
||||
</td>
|
||||
<td class="px-6 py-4 font-semibold text-gray-900 dark:text-white">
|
||||
$729,729,745,340.82
|
||||
</td>
|
||||
<td class="px-6 py-4 text-right">
|
||||
<a href="#" class="px-4 py-2 font-medium text-white rounded-sm bg-primary-700 hover:bg-primary-800 dark:bg-primary-600 dark:hover:bg-primary-700">Trade</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="border-b bg-gray-50 dark:bg-gray-800 dark:border-gray-700 border-gray-200">
|
||||
<th scope="row" class="px-6 py-4 text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
|
||||
Ethereum <span class="text-gray-500 dark:text-gray-400">ETH</span>
|
||||
</th>
|
||||
<td class="px-6 py-4 text-xl font-bold text-gray-900 dark:text-white">
|
||||
$2,818.15
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-semibold text-red-500">
|
||||
-13.88%
|
||||
</td>
|
||||
<td class="px-6 py-4 font-semibold text-gray-900 dark:text-white">
|
||||
$333,396,739,452.23
|
||||
</td>
|
||||
<td class="px-6 py-4 text-right">
|
||||
<a href="#" class="px-4 py-2 font-medium text-white rounded-sm bg-primary-700 hover:bg-primary-800 dark:bg-primary-600 dark:hover:bg-primary-700">Trade</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="border-b bg-gray-50 dark:bg-gray-800 dark:border-gray-700 border-gray-200">
|
||||
<th scope="row" class="px-6 py-4 text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
|
||||
Cardano <span class="text-gray-500 dark:text-gray-400">ADA</span>
|
||||
</th>
|
||||
<td class="px-6 py-4 text-xl font-bold text-gray-900 dark:text-white">
|
||||
$1.22
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-semibold text-green-500">
|
||||
+3.76%
|
||||
</td>
|
||||
<td class="px-6 py-4 font-semibold text-gray-900 dark:text-white">
|
||||
$40,465,663,783.16
|
||||
</td>
|
||||
<td class="px-6 py-4 text-right">
|
||||
<a href="#" class="px-4 py-2 font-medium text-white rounded-sm bg-primary-700 hover:bg-primary-800 dark:bg-primary-600 dark:hover:bg-primary-700">Trade</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="border-b bg-gray-50 dark:bg-gray-800 dark:border-gray-700 border-gray-200">
|
||||
<th scope="row" class="px-6 py-4 text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
|
||||
Dogecoin <span class="text-gray-500 dark:text-gray-400">DOGE</span>
|
||||
</th>
|
||||
<td class="px-6 py-4 text-xl font-bold text-gray-900 dark:text-white">
|
||||
$0.153765
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-semibold text-green-500">
|
||||
+8.39%
|
||||
</td>
|
||||
<td class="px-6 py-4 font-semibold text-gray-900 dark:text-white">
|
||||
$729,729,745,340.82
|
||||
</td>
|
||||
<td class="px-6 py-4 text-right">
|
||||
<a href="#" class="px-4 py-2 font-medium text-white rounded-sm bg-primary-700 hover:bg-primary-800 dark:bg-primary-600 dark:hover:bg-primary-700">Trade</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="bg-gray-50 dark:bg-gray-800">
|
||||
<th scope="row" class="px-6 py-4 text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
|
||||
Polkadot <span class="text-gray-500 dark:text-gray-400">DOT</span>
|
||||
</th>
|
||||
<td class="px-6 py-4 text-xl font-bold text-gray-900 dark:text-white">
|
||||
$22.24
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-semibold text-red-500">
|
||||
-13.17%
|
||||
</td>
|
||||
<td class="px-6 py-4 font-semibold text-gray-900 dark:text-white">
|
||||
$21,710,483,995.43
|
||||
</td>
|
||||
<td class="px-6 py-4 text-right">
|
||||
<a href="#" class="px-4 py-2 font-medium text-white rounded-sm bg-primary-700 hover:bg-primary-800 dark:bg-primary-600 dark:hover:bg-primary-700">Trade</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<p class="mb-5 text-center text-gray-500 sm:text-xl dark:text-gray-400">
|
||||
Sign up now to build your own portfolio for free!
|
||||
</p>
|
||||
<button type="button" 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 mr-2 mb-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
|
||||
Sign Up Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="text-center 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">
|
||||
<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="text-gray-500 sm:text-xl dark:text-gray-400 lg:px-48">Here we focus on markets where technology,
|
||||
innovation, and capital can unlock long-term value and drive economic growth.</p>
|
||||
|
||||
<div class="mt-8 mb-8 space-y-8 lg:mt-16 md:grid md:grid-cols-2 md:gap-12 md:space-y-0">
|
||||
<div>
|
||||
<div
|
||||
class="inline-flex items-center justify-center w-24 h-24 mb-6 rounded-lg bg-primary-100 dark:bg-primary-900">
|
||||
<svg class="w-16 h-16 mx-auto text-primary-600 dark:text-primary-500" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"></path>
|
||||
<path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mb-4 text-2xl font-bold dark:text-white">Liquidity</h3>
|
||||
<p class="mb-4 text-lg text-gray-500 dark:text-gray-400">Enterprise tools cost more, are difficult to use, and
|
||||
take
|
||||
longer to implement. According to G2, Flowbite is the easiest-to-use tool, with the fastest time to ROI.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="inline-flex items-center justify-center w-24 h-24 mb-6 bg-purple-100 rounded-lg dark:bg-purple-900">
|
||||
<svg class="w-16 h-16 mx-auto text-purple-600 dark:text-purple-500" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M9.504 1.132a1 1 0 01.992 0l1.75 1a1 1 0 11-.992 1.736L10 3.152l-1.254.716a1 1 0 11-.992-1.736l1.75-1zM5.618 4.504a1 1 0 01-.372 1.364L5.016 6l.23.132a1 1 0 11-.992 1.736L4 7.723V8a1 1 0 01-2 0V6a.996.996 0 01.52-.878l1.734-.99a1 1 0 011.364.372zm8.764 0a1 1 0 011.364-.372l1.733.99A1.002 1.002 0 0118 6v2a1 1 0 11-2 0v-.277l-.254.145a1 1 0 11-.992-1.736l.23-.132-.23-.132a1 1 0 01-.372-1.364zm-7 4a1 1 0 011.364-.372L10 8.848l1.254-.716a1 1 0 11.992 1.736L11 10.58V12a1 1 0 11-2 0v-1.42l-1.246-.712a1 1 0 01-.372-1.364zM3 11a1 1 0 011 1v1.42l1.246.712a1 1 0 11-.992 1.736l-1.75-1A1 1 0 012 14v-2a1 1 0 011-1zm14 0a1 1 0 011 1v2a1 1 0 01-.504.868l-1.75 1a1 1 0 11-.992-1.736L16 13.42V12a1 1 0 011-1zm-9.618 5.504a1 1 0 011.364-.372l.254.145V16a1 1 0 112 0v.277l.254-.145a1 1 0 11.992 1.736l-1.735.992a.995.995 0 01-1.022 0l-1.735-.992a1 1 0 01-.372-1.364z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mb-4 text-2xl font-bold dark:text-white">A better platform and partner</h3>
|
||||
<p class="mb-4 text-lg text-gray-500 dark:text-gray-400">Enterprise tools cost more, are difficult to use, and
|
||||
take
|
||||
longer to implement. According to G2, Flowbite is the easiest-to-use tool, with the fastest time to ROI.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="text-center">
|
||||
<a href="#"
|
||||
class="inline-flex items-center font-medium text-primary-600 hover:text-primary-700 hover:underline dark:text-primary-500 dark:hover:text-primary-400">
|
||||
Learn what makes Flowbite different <svg class="w-5 h-5 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>
|
||||
</a>
|
||||
</p>
|
||||
</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="items-center gap-8 xl:gap-16 md:grid md:grid-cols-2">
|
||||
<img class="w-full shadow-lg rounded-lg dark:hidden" src="{{< baseurl >}}/images/analytics-mockup.png" alt="analytics image">
|
||||
<img class="hidden shadow-lg rounded-lg w-full dark:block" src="{{< baseurl >}}/images/analytics-mockup-dark.png"
|
||||
alt="analytics image">
|
||||
|
||||
<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">Be the first
|
||||
to know about
|
||||
crypto news every day</h2>
|
||||
<p class="mb-6 text-gray-500 md:text-lg dark:text-gray-400">Flowbite helps you connect with friends 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:focus:ring-primary-900">
|
||||
Subscribe now
|
||||
<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 hover:text-primary-700 focus:ring-gray-100 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:hover:text-white dark:hover:bg-gray-700 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>
|
||||
</section>
|
||||
|
||||
<section class="bg-white dark:bg-gray-900">
|
||||
<div class="max-w-screen-xl px-4 pb-8 mx-auto sm:pb-16 lg:pb-24">
|
||||
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl">
|
||||
Need help?
|
||||
</h2>
|
||||
|
||||
<div class="grid grid-cols-1 gap-12 mt-8 sm:mt-12 md:grid-cols-3 sm:gap-16">
|
||||
<div class="flex items-start gap-4">
|
||||
<svg class="text-gray-400 w-14 h-14 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
|
||||
fill="currentColor">
|
||||
<path fill-rule="evenodd"
|
||||
d="M6.625 2.655A9 9 0 0119 11a1 1 0 11-2 0 7 7 0 00-9.625-6.492 1 1 0 11-.75-1.853zM4.662 4.959A1 1 0 014.75 6.37 6.97 6.97 0 003 11a1 1 0 11-2 0 8.97 8.97 0 012.25-5.953 1 1 0 011.412-.088z"
|
||||
clip-rule="evenodd" />
|
||||
<path fill-rule="evenodd"
|
||||
d="M5 11a5 5 0 1110 0 1 1 0 11-2 0 3 3 0 10-6 0c0 1.677-.345 3.276-.968 4.729a1 1 0 11-1.838-.789A9.964 9.964 0 005 11zm8.921 2.012a1 1 0 01.831 1.145 19.86 19.86 0 01-.545 2.436 1 1 0 11-1.92-.558c.207-.713.371-1.445.49-2.192a1 1 0 011.144-.83z"
|
||||
clip-rule="evenodd" />
|
||||
<path fill-rule="evenodd"
|
||||
d="M10 10a1 1 0 011 1c0 2.236-.46 4.368-1.29 6.304a1 1 0 01-1.838-.789A13.952 13.952 0 009 11a1 1 0 011-1z"
|
||||
clip-rule="evenodd" />
|
||||
</svg>
|
||||
|
||||
<div>
|
||||
<h3 class="text-lg font-bold leading-tight text-gray-900 sm:text-xl dark:text-white">
|
||||
24/7 Chat Support
|
||||
</h3>
|
||||
<p class="mt-3 text-base font-normal text-gray-500 dark:text-gray-400">
|
||||
Chat support with our friendly customer service agents at your service.
|
||||
</p>
|
||||
<div class="mt-4">
|
||||
<a href="#" title=""
|
||||
class="inline-flex items-center text-base font-medium leading-tight text-primary-700 hover:underline dark:text-primary-500">
|
||||
Chat now
|
||||
<svg aria-hidden="true" class="w-5 h-5 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" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4">
|
||||
<svg class="text-gray-400 w-14 h-14 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
|
||||
fill="currentColor">
|
||||
<path fill-rule="evenodd"
|
||||
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z"
|
||||
clip-rule="evenodd" />
|
||||
</svg>
|
||||
|
||||
<div>
|
||||
<h3 class="text-lg font-bold leading-tight text-gray-900 sm:text-xl dark:text-white">
|
||||
FAQs
|
||||
</h3>
|
||||
<p class="mt-3 text-base font-normal text-gray-500 dark:text-gray-400">
|
||||
View FAQs for detailed instructions on specific features.
|
||||
</p>
|
||||
<div class="mt-4">
|
||||
<a href="#" title=""
|
||||
class="inline-flex items-center text-base font-medium leading-tight text-primary-700 hover:underline dark:text-primary-500">
|
||||
Learn more
|
||||
<svg aria-hidden="true" class="w-5 h-5 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" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4">
|
||||
<svg class="text-gray-400 w-14 h-14 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
|
||||
fill="currentColor">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z"
|
||||
clip-rule="evenodd" />
|
||||
<path d="M15 7h1a2 2 0 012 2v5.5a1.5 1.5 0 01-3 0V7z" />
|
||||
</svg>
|
||||
|
||||
<div>
|
||||
<h3 class="text-lg font-bold leading-tight text-gray-900 sm:text-xl dark:text-white">
|
||||
Blog
|
||||
</h3>
|
||||
<p class="mt-3 text-base font-normal text-gray-500 dark:text-gray-400">
|
||||
Stay up to date with the latest stories and commentary.
|
||||
</p>
|
||||
<div class="mt-4">
|
||||
<a href="#" title=""
|
||||
class="inline-flex items-center text-base font-medium leading-tight text-primary-700 hover:underline dark:text-primary-500">
|
||||
Learn more
|
||||
<svg aria-hidden="true" class="w-5 h-5 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" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer 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">
|
||||
<p class="text-3xl font-bold leading-tight text-center dark:text-white">Start earning today</p>
|
||||
<div class="flex items-center justify-center my-6">
|
||||
<a href="#"
|
||||
class="py-2.5 px-5 mr-2 mb-2 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 mr-2 mb-2 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-700 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>
|
||||
1211
content/landing/digital-product.html
Normal file
1211
content/landing/digital-product.html
Normal file
File diff suppressed because it is too large
Load Diff
1703
content/landing/event.html
Normal file
1703
content/landing/event.html
Normal file
File diff suppressed because one or more lines are too long
0
content/landing/hero
Normal file
0
content/landing/hero
Normal file
1367
content/landing/mobile-application.html
Normal file
1367
content/landing/mobile-application.html
Normal file
File diff suppressed because it is too large
Load Diff
1030
content/landing/ngo.html
Normal file
1030
content/landing/ngo.html
Normal file
File diff suppressed because it is too large
Load Diff
1241
content/landing/open-source.html
Normal file
1241
content/landing/open-source.html
Normal file
File diff suppressed because one or more lines are too long
1113
content/landing/physical-product.html
Normal file
1113
content/landing/physical-product.html
Normal file
File diff suppressed because it is too large
Load Diff
642
content/landing/pre-launch.html
Normal file
642
content/landing/pre-launch.html
Normal file
@@ -0,0 +1,642 @@
|
||||
---
|
||||
title: Tailwind CSS Pre-launch (coming soon) landing page - Flowbite
|
||||
description: 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
|
||||
layout: main
|
||||
navbar: default
|
||||
---
|
||||
|
||||
<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-12 xl:gap-0 lg:grid-cols-12">
|
||||
<div class="mr-auto text-left place-self-center lg:col-span-7">
|
||||
<span
|
||||
class="bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-sm dark:bg-green-900 dark:text-green-300">
|
||||
It's free and coming soon
|
||||
</span>
|
||||
<div class="flex items-center gap-4 mt-4 mb-4">
|
||||
<img class="w-12 h-12" src="{{< baseurl >}}/images/logo.svg" alt="">
|
||||
<h1 class="max-w-2xl text-3xl font-bold leading-none tracking-tight sm:text-4xl xl:text-5xl dark:text-white">
|
||||
Flowbite Charts</h1>
|
||||
</div>
|
||||
<p class="max-w-2xl mb-6 text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">Start
|
||||
developing with an open-source library of over 450+ UI components, sections, and pages built with the utility
|
||||
classes from Tailwind CSS and designed in Figma.</p>
|
||||
<form action="#" class="">
|
||||
<div class="flex items-end mb-3">
|
||||
<div class="relative w-auto mr-3">
|
||||
<label for="member_email" class="block mb-2 text-base font-medium text-gray-900 dark:text-gray-300">
|
||||
Get notified when we launch
|
||||
</label>
|
||||
<input
|
||||
class="block w-full p-3 text-sm text-gray-900 border border-gray-300 rounded-lg md:w-96 bg-gray-50 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="Enter your e-mail address" type="email" name="member[email]" id="member_email" required="">
|
||||
</div>
|
||||
<div>
|
||||
<input type="submit" value="Subscribe"
|
||||
class="px-5 py-3 text-sm font-medium text-center text-white rounded-lg cursor-pointer 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-800"
|
||||
name="member_submit" id="member_submit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-sm text-left text-gray-500 dark:text-gray-300">By subscribing, you agree with our <a href="#"
|
||||
class="text-gray-900 hover:underline dark:text-white">Terms of Service</a> and <a
|
||||
class="text-gray-900 hover:underline dark:text-white" href="#">Privacy Policy</a>.</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
|
||||
<img class="relative z-20 mx-auto border border-gray-200 rounded-lg shadow-lg dark:border-gray-700 dark:hidden"
|
||||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/dashboard-mockup.svg" alt="dashboard overview">
|
||||
<img class="relative z-20 hidden mx-auto border rounded-lg shadow-lg dark:border-gray-700 dark:block"
|
||||
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/dashboard-mockup-dark.svg" alt="dashboard overview dark">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="border-t 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="space-y-8 text-center md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0">
|
||||
<div>
|
||||
<svg class="w-12 h-12 mx-auto mb-4 text-primary-700 dark:text-primary-500" fill="currentColor"
|
||||
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M6.625 2.655A9 9 0 0119 11a1 1 0 11-2 0 7 7 0 00-9.625-6.492 1 1 0 11-.75-1.853zM4.662 4.959A1 1 0 014.75 6.37 6.97 6.97 0 003 11a1 1 0 11-2 0 8.97 8.97 0 012.25-5.953 1 1 0 011.412-.088z"
|
||||
clip-rule="evenodd"></path>
|
||||
<path fill-rule="evenodd"
|
||||
d="M5 11a5 5 0 1110 0 1 1 0 11-2 0 3 3 0 10-6 0c0 1.677-.345 3.276-.968 4.729a1 1 0 11-1.838-.789A9.964 9.964 0 005 11zm8.921 2.012a1 1 0 01.831 1.145 19.86 19.86 0 01-.545 2.436 1 1 0 11-1.92-.558c.207-.713.371-1.445.49-2.192a1 1 0 011.144-.83z"
|
||||
clip-rule="evenodd"></path>
|
||||
<path fill-rule="evenodd"
|
||||
d="M10 10a1 1 0 011 1c0 2.236-.46 4.368-1.29 6.304a1 1 0 01-1.838-.789A13.952 13.952 0 009 11a1 1 0 011-1z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
<h3 class="mb-2 text-xl font-bold dark:text-white">Protection system</h3>
|
||||
<p class="mb-4 text-gray-500 dark:text-gray-400">We store the vast majority of the digital assets in secure
|
||||
offline storage.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<svg class="w-12 h-12 mx-auto mb-4 text-primary-700 dark:text-primary-500" 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>
|
||||
<h3 class="mb-2 text-xl font-bold dark:text-white">Offline access</h3>
|
||||
<p class="mb-4 text-gray-500 dark:text-gray-400">Flowbite maintains crypto insurance and all USD cash balances
|
||||
are covered.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<svg class="w-12 h-12 mx-auto mb-4 text-primary-700 dark:text-primary-500" fill="currentColor"
|
||||
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 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>
|
||||
<h3 class="mb-2 text-xl font-bold dark:text-white">Highly customizable</h3>
|
||||
<p class="mb-4 text-gray-500 dark:text-gray-400">Flowbite marketplace supports a variety of the most popular
|
||||
digital currencies.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="border-b border-gray-100 bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
|
||||
<div class="max-w-screen-xl px-4 pb-8 mx-auto sm:pb-16 lg:pb-24">
|
||||
<div class="space-y-12 lg:space-y-20">
|
||||
<!-- Row -->
|
||||
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
|
||||
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
|
||||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Live traffic
|
||||
reports
|
||||
</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>
|
||||
<!-- List -->
|
||||
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Continuous integration and
|
||||
deployment</span>
|
||||
</li>
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Development
|
||||
workflow</span>
|
||||
</li>
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Knowledge
|
||||
management</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="mb-8 lg:text-xl">Deliver great service experiences fast - without the complexity of
|
||||
traditional ITSM solutions.</p>
|
||||
</div>
|
||||
<div class="hidden lg:flex">
|
||||
<img class="w-full mb-4 rounded-lg lg:mb-0 dark:hidden" src="{{< baseurl >}}/images/usa-map.png" alt="USA map">
|
||||
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 dark:block" src="{{< baseurl >}}/images/usa-map-dark.png" alt="dark USA map image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row -->
|
||||
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
|
||||
<div class="hidden lg:flex">
|
||||
<img class="object-cover object-top w-full dark:hidden"
|
||||
src="{{< baseurl >}}/images/chart-mockup.png" alt="chart image">
|
||||
<img class="hidden object-cover object-top w-full dark:block"
|
||||
src="{{< baseurl >}}/images/chart-mockup-dark.png" alt="dark chart mockup">
|
||||
</div>
|
||||
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
|
||||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Advanced
|
||||
charts</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>
|
||||
<!-- List -->
|
||||
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Dynamic reports and
|
||||
dashboards</span>
|
||||
</li>
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Templates for
|
||||
everyone</span>
|
||||
</li>
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Development
|
||||
workflow</span>
|
||||
</li>
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Limitless business
|
||||
automation</span>
|
||||
</li>
|
||||
<li class="flex space-x-3">
|
||||
<!-- Icon -->
|
||||
<svg class="shrink-0 w-5 h-5 text-primary-700 dark:text-primary-500" 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 16zm3.707-9.293a1 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 class="text-base font-medium leading-tight text-gray-900 dark:text-white">Knowledge
|
||||
management</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p class=" lg:text-xl">Deliver great service experiences fast - without the complexity of traditional
|
||||
ITSM solutions.</p>
|
||||
</div>
|
||||
</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">
|
||||
<h2
|
||||
class="mb-6 text-3xl font-extrabold tracking-tight text-center text-gray-900 lg:mb-8 sm:text-4xl dark:text-white">
|
||||
Frequently asked questions</h2>
|
||||
<div class="max-w-screen-md mx-auto">
|
||||
<div id="accordion-flush" data-accordion="collapse"
|
||||
data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
|
||||
data-inactive-classes="text-gray-500 dark:text-gray-400">
|
||||
<h2 id="accordion-flush-heading-1">
|
||||
<button type="button"
|
||||
class="flex items-center justify-between w-full py-5 font-medium text-left text-gray-900 bg-white border-b border-gray-200 dark:border-gray-700 dark:bg-gray-900 dark:text-white"
|
||||
data-accordion-target="#accordion-flush-body-1" aria-expanded="true" aria-controls="accordion-flush-body-1">
|
||||
<span>Can I use Flowbite in open-source projects?</span>
|
||||
<svg data-accordion-icon="" class="w-6 h-6 rotate-180 shrink-0" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-flush-body-1" class="" aria-labelledby="accordion-flush-heading-1">
|
||||
<div class="py-5 border-b border-gray-200 dark:border-gray-700">
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">Flowbite is an open-source library of interactive
|
||||
components built on top of Tailwind CSS including buttons, dropdowns, modals, navbars, and more.</p>
|
||||
<p class="text-gray-500 dark:text-gray-400">Check out this guide to learn how to <a href="#"
|
||||
class="text-primary-700 dark:text-primary-500 hover:underline">get started</a> and start developing
|
||||
websites even faster with components on top of Tailwind CSS.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="accordion-flush-heading-2">
|
||||
<button type="button"
|
||||
class="flex items-center justify-between w-full py-5 font-medium text-left text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400"
|
||||
data-accordion-target="#accordion-flush-body-2" aria-expanded="false"
|
||||
aria-controls="accordion-flush-body-2">
|
||||
<span>Is there a Figma file available?</span>
|
||||
<svg data-accordion-icon="" class="w-6 h-6 shrink-0" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-flush-body-2" class="hidden" aria-labelledby="accordion-flush-heading-2">
|
||||
<div class="py-5 border-b border-gray-200 dark:border-gray-700">
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">Flowbite is first conceptualized and designed using the
|
||||
Figma software so everything you see in the library has a design equivalent in our Figma file.</p>
|
||||
<p class="text-gray-500 dark:text-gray-400">Check out the <a href="#"
|
||||
class="text-primary-700 dark:text-primary-500 hover:underline">Figma design system</a> based on the
|
||||
utility classes from Tailwind CSS and components from Flowbite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="accordion-flush-heading-3">
|
||||
<button type="button"
|
||||
class="flex items-center justify-between w-full py-5 font-medium text-left text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400"
|
||||
data-accordion-target="#accordion-flush-body-3" aria-expanded="false"
|
||||
aria-controls="accordion-flush-body-3">
|
||||
<span>What are the differences between Flowbite and Tailwind UI?</span>
|
||||
<svg data-accordion-icon="" class="w-6 h-6 shrink-0" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-flush-body-3" class="hidden" aria-labelledby="accordion-flush-heading-3">
|
||||
<div class="py-5 border-b border-gray-200 dark:border-gray-700">
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">The main difference is that the core components from
|
||||
Flowbite are open source under the MIT license, whereas Tailwind UI is a paid product. Another difference
|
||||
is that Flowbite relies on smaller and standalone components, whereas Tailwind UI offers sections of
|
||||
pages.</p>
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">However, we actually recommend using both Flowbite,
|
||||
Flowbite Pro, and even Tailwind UI as there is no technical reason stopping you from using the best of two
|
||||
worlds.</p>
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">Learn more about these technologies:</p>
|
||||
<ul class="pl-5 text-gray-500 list-disc dark:text-gray-400">
|
||||
<li><a href="#" class="text-primary-700 dark:text-primary-500 hover:underline">Flowbite Pro</a></li>
|
||||
<li><a href="#" class="text-primary-700 dark:text-primary-500 hover:underline">Tailwind UI</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="accordion-flush-heading-4">
|
||||
<button type="button"
|
||||
class="flex items-center justify-between w-full py-5 font-medium text-left text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400"
|
||||
data-accordion-target="#accordion-flush-body-4" aria-expanded="false"
|
||||
aria-controls="accordion-flush-body-4">
|
||||
<span>What about browser support?</span>
|
||||
<svg data-accordion-icon="" class="w-6 h-6 shrink-0" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-flush-body-4" class="hidden" aria-labelledby="accordion-flush-heading-4">
|
||||
<div class="py-5 border-b border-gray-200 dark:border-gray-700">
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">The main difference is that the core components from
|
||||
Flowbite are open source under the MIT license, whereas Tailwind UI is a paid product. Another difference
|
||||
is that Flowbite relies on smaller and standalone components, whereas Tailwind UI offers sections of
|
||||
pages.</p>
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">However, we actually recommend using both Flowbite,
|
||||
Flowbite Pro, and even Tailwind UI as there is no technical reason stopping you from using the best of two
|
||||
worlds.</p>
|
||||
<p class="mb-2 text-gray-500 dark:text-gray-400">Learn more about these technologies:</p>
|
||||
<ul class="pl-5 text-gray-500 list-disc dark:text-gray-400">
|
||||
<li><a href="#" class="text-primary-700 dark:text-primary-500 hover:underline">Flowbite Pro</a></li>
|
||||
<li><a href="#" class="text-primary-700 dark:text-primary-500 hover:underline">Tailwind UI</a></li>
|
||||
</ul>
|
||||
</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 class="max-w-2xl mx-auto text-center">
|
||||
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
|
||||
Get early access to Flowbite Wallet
|
||||
</h2>
|
||||
<p class="max-w-xl mx-auto text-gray-500 md:text-lg dark:text-gray-400">
|
||||
Stay up to date with the roadmap progress, announcements and
|
||||
exclusive discounts feel free to sign up with your email.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form action="#" class="max-w-lg mx-auto mt-8">
|
||||
<div class="items-center mb-3 space-y-4 sm:flex sm:space-y-0">
|
||||
<div class="relative w-full">
|
||||
<label for="email" class="hidden mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Email
|
||||
address</label>
|
||||
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
|
||||
<svg class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
|
||||
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<input
|
||||
class="block w-full p-3 pl-10 text-sm text-gray-900 bg-white border border-gray-300 rounded-lg sm:rounded-none sm:rounded-l-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="Enter your email" type="email" id="email" required="">
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit"
|
||||
class="w-full px-5 py-3 text-sm font-medium text-center text-white border rounded-lg cursor-pointer bg-primary-700 border-primary-700 sm:rounded-none sm:rounded-r-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:hover:border-primary-700 dark:focus:ring-primary-800">Subscribe</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-screen-sm mx-auto text-sm text-left text-gray-500 newsletter-form-footer dark:text-gray-300">We
|
||||
care
|
||||
about the protection of your data. Read our <a href="#"
|
||||
class="font-medium text-gray-900 underline dark:text-white">Privacy Policy</a>.</div>
|
||||
</form>
|
||||
</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">
|
||||
<div class="grid grid-cols-2 gap-8 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>
|
||||
1599
content/landing/saas.html
Normal file
1599
content/landing/saas.html
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user