From 4c72cdb70e42fa714d26b6ca84c87bd1c2c7251c Mon Sep 17 00:00:00 2001
From: Nathan <nmalcolm@users.noreply.github.com>
Date: Fri, 19 Jul 2024 12:12:10 +0400
Subject: [PATCH] Update test123.html

---
 test123.html | 69 +---------------------------------------------------
 1 file changed, 1 insertion(+), 68 deletions(-)
diff --git a/test123.html b/test123.html
index a4f0de6..abeb7a1 100644
--- a/test123.html
+++ b/test123.html
@@ -1,68 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/70bac27c03a0b7b1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/70bac27c03a0b7b1.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-486c318d206acd38.js" defer=""></script><script src="/_next/static/chunks/framework-d51ece3d757c7ed2.js" defer=""></script><script src="/_next/static/chunks/main-e3ee4f9da2049d71.js" defer=""></script><script src="/_next/static/chunks/pages/_app-c9dde6405da43a95.js" defer=""></script><script src="/_next/static/chunks/2852872c-3a39461fcf6ae401.js" defer=""></script><script src="/_next/static/chunks/0eceb729-33c9adcd64f1fbc0.js" defer=""></script><script src="/_next/static/chunks/75fc9c18-e9ae95234248f008.js" defer=""></script><script src="/_next/static/chunks/575-84adb7cbfd4cc821.js" defer=""></script><script src="/_next/static/chunks/5926-d4e375191dba07fd.js" defer=""></script><script src="/_next/static/chunks/1620-c08333e3cad5dd49.js" defer=""></script><script src="/_next/static/chunks/3280-98da48e0c0f7c5da.js" defer=""></script><script src="/_next/static/chunks/6429-7013160979e58117.js" defer=""></script><script src="/_next/static/chunks/3626-564af863a0be17ed.js" defer=""></script><script src="/_next/static/chunks/pages/blocks/%5BcategorySlug%5D/%5BsubcategorySlug%5D-64adde7852526540.js" defer=""></script><script src="/_next/static/uokB-4IoUQyReoioqIgNw/_buildManifest.js" defer=""></script><script src="/_next/static/uokB-4IoUQyReoioqIgNw/_ssgManifest.js" defer=""></script></head><body class="antialiased"><div id="__next"><style>
-      #nprogress {
-        pointer-events: none;
-      }
-      #nprogress .bar {
-        background: rgb(63,131,248);
-        position: fixed;
-        z-index: 9999;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 2px;
-      }
-      #nprogress .peg {
-        display: block;
-        position: absolute;
-        right: 0px;
-        width: 100px;
-        height: 100%;
-        box-shadow: 0 0 10px rgb(63,131,248), 0 0 5px rgb(63,131,248);
-        opacity: 1;
-        -webkit-transform: rotate(3deg) translate(0px, -4px);
-        -ms-transform: rotate(3deg) translate(0px, -4px);
-        transform: rotate(3deg) translate(0px, -4px);
-      }
-      #nprogress .spinner {
-        display: block;
-        position: fixed;
-        z-index: 1031;
-        top: 15px;
-        right: 15px;
-      }
-      #nprogress .spinner-icon {
-        width: 18px;
-        height: 18px;
-        box-sizing: border-box;
-        border: solid 2px transparent;
-        border-top-color: rgb(63,131,248);
-        border-left-color: rgb(63,131,248);
-        border-radius: 50%;
-        -webkit-animation: nprogresss-spinner 400ms linear infinite;
-        animation: nprogress-spinner 400ms linear infinite;
-      }
-      .nprogress-custom-parent {
-        overflow: hidden;
-        position: relative;
-      }
-      .nprogress-custom-parent #nprogress .spinner,
-      .nprogress-custom-parent #nprogress .bar {
-        position: absolute;
-      }
-      @-webkit-keyframes nprogress-spinner {
-        0% {
-          -webkit-transform: rotate(0deg);
-        }
-        100% {
-          -webkit-transform: rotate(360deg);
-        }
-      }
-      @keyframes nprogress-spinner {
-        0% {
-          transform: rotate(0deg);
-        }
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-    </style><div class="flex flex-col min-h-screen bg-white dark:bg-gray-900"><div class="h-screen bg-gray-50 dark:bg-gray-900"><div class="flex flex-col justify-center items-center px-6 pt-8 mx-auto md:h-screen pt:mt-0"><svg role="status" class="animate-spin text-blue-200 fill-blue-500 dark:text-blue-600 dark:fill-blue-400 w-10 h-10" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path></svg></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"categorySlug":"marketing","category":{"id":"f6797978-8394-460a-9351-26ba02452b2b","title":"Marketing UI","thumbnail":"Marketing UI","description":"Get started with a large collection of free and premium UI components built with Tailwind CSS and the Flowbite library featuring hero sections, headers, contact forms, and more.","seoTitle":"Tailwind CSS Marketing UI Sections - Flowbite","seoDescription":"Get started with a large collection of free and premium UI components built with Tailwind CSS and the Flowbite library featuring hero sections, headers, contact forms, and more."},"subcategorySlug":"faq","subcategory":{"id":"f4e8c93b-61cb-4f2f-8fb9-3460907a8cc8","title":"Tailwind CSS FAQ Sections - Flowbite","thumbnail":"FAQ Sections","description":"Get started with a collection of FAQ (frequently asked questions) sections to show a list of questions and answers to your website visitors and users.","seoTitle":"Tailwind CSS FAQ Sections - Flowbite","seoDescription":"Get started with a collection of FAQ (frequently asked questions) sections to show a list of questions and answers to your website visitors and users."},"blockTemplates":[{"id":"d7f26edf-bb63-403b-9a0c-f478cb2a00a3","categoryId":"f4e8c93b-61cb-4f2f-8fb9-3460907a8cc8","isFree":true,"isPublic":true,"title":"Default example","slug":"default","description":"Use this simple example of a FAQ section to show a list of questions and answers based on two columns and a question mark icon.","seoTitle":"Default example","seoDescription":"Use this simple example of a FAQ section to show a list of questions and answers based on two columns and a question mark icon.","seoIndex":false,"requiresJs":false,"sortingNumber":1,"iframeClasses":null,"createdAt":"2022-06-19T14:40:31.362Z","updatedAt":"2023-01-31T13:49:27.749Z","content":{"html":"\u003csection class=\"bg-white dark:bg-gray-900\"\u003e\n  \u003cdiv class=\"py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6\"\u003e\n      \u003ch2 class=\"mb-8 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white\"\u003eFrequently asked questions\u003c/h2\u003e\n      \u003cdiv class=\"grid pt-8 text-left border-t border-gray-200 md:gap-16 dark:border-gray-700 md:grid-cols-2\"\u003e\n          \u003cdiv\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      What do you mean by \"Figma assets\"?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eYou will have access to download the full Figma project including all of the pages, the components, responsive pages, and also the icons, illustrations, and images included in the screens.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"mb-10\"\u003e                        \n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      What does \"lifetime access\" exactly mean?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eOnce you have purchased either the design, code, or both packages, you will have access to all of the future updates based on the roadmap, free of charge.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      How does support work?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eWe're aware of the importance of well qualified support, that is why we decided that support will only be provided by the authors that actually worked on this project.\u003c/p\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eFeel free to \u003ca href=\"#\" class=\"font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline\" target=\"_blank\" rel=\"noreferrer\"\u003econtact us\u003c/a\u003e and we'll help you out as soon as we can.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      I want to build more than one project. Is that allowed?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eYou can use Windster for an unlimited amount of projects, whether it's a personal website, a SaaS app, or a website for a client. As long as you don't build a product that will directly compete with Windster either as a UI kit, theme, or template, it's fine.\u003c/p\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eFind out more information by \u003ca href=\"#\" class=\"font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline\"\u003ereading the license\u003c/a\u003e.\u003c/p\u003e\n              \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      What does \"free updates\" include?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eThe free updates that will be provided is based on the \u003ca href=\"#\" class=\"font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline\"\u003eroadmap\u003c/a\u003e that we have laid out for this project. It is also possible that we will provide extra updates outside of the roadmap as well.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      What does the free version include?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eThe \u003ca href=\"#\" class=\"font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline\"\u003efree version\u003c/a\u003e of Windster includes a minimal style guidelines, component variants, and a dashboard page with the mobile version alongside it.\u003c/p\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eYou can use this version for any purposes, because it is open-source under the MIT license.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      What is the difference between Windster and Tailwind UI?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eAlthough both Windster and Tailwind UI are built for integration with Tailwind CSS, the main difference is in the design, the pages, the extra components and UI elements that Windster includes.\u003c/p\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eAdditionally, Windster is a project that is still in development, and later it will include both the application, marketing, and e-commerce UI interfaces.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"mb-10\"\u003e\n                  \u003ch3 class=\"flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white\"\u003e\n                      \u003csvg class=\"flex-shrink-0 mr-2 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\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                      Can I use Windster in open-source projects?\n                  \u003c/h3\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eGenerally, it is accepted to use Windster in open-source projects, as long as it is not a UI library, a theme, a template, a page-builder that would be considered as an alternative to Windster itself.\u003c/p\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eWith that being said, feel free to use this design kit for your open-source projects.\u003c/p\u003e\n                  \u003cp class=\"text-gray-500 dark:text-gray-400\"\u003eFind out more information by \u003ca href=\"#\" class=\"font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline\"\u003ereading the license\u003c/a\u003e.\u003c/p\u003e\n              \u003c/div\u003e\n          \u003c/div\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/section\u003e","htmlHeaderPostMetadata":null,"htmlHeaderPreMetadata":null,"htmlBodyPostMetadata":null,"htmlBodyPreMetadata":null,"js":"","cssUrls":null,"jsUrls":[],"urlsExpireAt":null,"darkClassName":null}},{"id":"c01e2b55-4a69-41cf-846b-44b5958def0a","categoryId":"f4e8c93b-61cb-4f2f-8fb9-3460907a8cc8","isFree":false,"isPublic":true,"title":"Search bar with links","slug":"search-bar","description":"Use this example to enable the possibility to search for questions and answers and also show a list of helpful links to commonly asked questions.","seoTitle":"Search bar with links","seoDescription":"Use this example to enable the possibility to search for questions and answers and also show a list of helpful links to commonly asked questions.","seoIndex":false,"requiresJs":false,"sortingNumber":2,"iframeClasses":null,"createdAt":"2022-06-19T14:39:37.240Z","updatedAt":"2024-06-15T08:59:29.186Z","content":{"html":"\u003csection class=\"yjGyQxv8jnYk9_MGMqLN zlFmyfujKXCLCPyPEOIS\"\u003e\n  \u003cdiv class=\"HV01LldvyEqRHHy0hljF veFXkDzfJN473U3ycrV8 OmM4wtdsNjVR2r7OSzsm RV8RoaI_SlEMC5CEQ3ms IBnFXMOXF1_c25AC5s9x sfxzXnWHolluRGSsbMHw\"\u003e\n      \u003cdiv class=\"_chPjFVKOPRcMolL9C9r RV8RoaI_SlEMC5CEQ3ms _F_1gdhzusC6tSOWHtx_ _BTfre_DcBxkj7buMlKq UUEOw57fsGfhykSdFAmj\"\u003e\n          \u003ch2 class=\"_9OKVeTXzfSwD_NYO6_G _Bu4HL5sPDOGN_IKUsOc marR_sCaF_d1KewmkXGX P2kov_od1FPjxxII24T5 g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003eHow can we help you?\u003c/h2\u003e\n          \u003cp class=\"_BTfre_DcBxkj7buMlKq XdjN1uxS_rsa3F90ox40 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic HUVIJuZ9QnvurQq0NDcX\"\u003eHere are a few of the questions we get the most. If you don't see what's on your mind, reach out to us anytime on phone, chat, or email.\u003c/p\u003e\n          \u003clabel for=\"email-adress-icon\" class=\"ttxtqsLWp2pFRX8yUvWd rD4HtsUG_hahmbh2Kj09 MxG1ClE4KPrIvlL5_Q5x _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH BWabIWdbZ5qWNbPXxuBc _Rz9TooiK_4jTN_Ub8Gm\"\u003eYour Email\u003c/label\u003e\n          \u003cdiv class=\"QYPW4nl6nHaIbrtaXf4h\"\u003e\n              \u003cdiv class=\"iZ8W30HPRQAuO6al90LU BlSalPC4mE3l43xyY9d0 _J57_xJ7KhmAX1D2Pnei kqgYncRJQ7spwKfig6It neyUwteEn7DOg9pBSJJE _mzhSDAYlA3W05MgSqAf ubsPczbxEg7lOg0_Eg1A\"\u003e\n                  \u003csvg class=\"nLhohPz5FpffXM9RSdFT _XD2a764x49B1E2F9f8X K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n              \u003c/div\u003e\n              \u003cinput type=\"text\" id=\"email-adress-icon\" class=\"ttxtqsLWp2pFRX8yUvWd jCISvWkW5oStPH6Wrb_H iHyrYta0Jcy0_7nMWLK7 pc_qflWCTpC31MNR3lx3 g3OYBOqwXUEW4dRGogkH PWreZZgitgAm_Nv4Noh9 T_tFENbpK8DMDNjQRyQa _Qk4_E9_iLqcHsRZZ4ge jCHKuJ3G7rklx_LiAfbf focus:ring-primary-500 focus:border-primary-500 _t2wg7hRcyKsNN8CSSeU _BIVSYBXQUqEf_ltPrSk _DJ2tfp6E9c_teMKVD3z a0Ed69aMSu0vgf4oysz0 dark:focus:ring-primary-500 dark:focus:border-primary-500\" placeholder=\"Type keywords to find answers\"\u003e\n          \u003c/div\u003e\n          \u003cp class=\"KgBTWt39fdiAC__YVNt8 MxG1ClE4KPrIvlL5_Q5x K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eYou can also browse the topics below to find what you are looking for.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"i0EfZzmTLElZVOble53D MSzSnYVuK0BuLFmWaksd hAFtnIdYDiO6M_67F11P NLUM9g1CxiratTbPnE1W jy_Hxe6ExV9WCWVrzney\"\u003e\n          \u003cdiv\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eGeneral\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"FLfl_xS1XCloWU2wRi87 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to update\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to change the language\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eAbout forwarding limits\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to update Flowbite\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n          \u003c/div\u003e\n          \u003cdiv\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eAndroid\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"FLfl_xS1XCloWU2wRi87 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eVerifying your number\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to restore your chat history\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to manage your notifications\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eAccount \u0026amp; Profile\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n          \u003c/div\u003e\n          \u003cdiv\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eIphone\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"FLfl_xS1XCloWU2wRi87 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to restore your chat history\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to use status\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to manage your notifications\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eCan’t log out\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n          \u003c/div\u003e\n          \u003cdiv\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eWeb \u0026amp; Desktop\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"FLfl_xS1XCloWU2wRi87 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eAbout WhatsApp Web and Desktop\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to log in or out\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to manage your notifications\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to update Flowbite\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n          \u003c/div\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/section\u003e","htmlHeaderPostMetadata":null,"htmlHeaderPreMetadata":null,"htmlBodyPostMetadata":null,"htmlBodyPreMetadata":null,"js":"","cssUrls":["https://d2s3ptptdai04x.cloudfront.net/get-flowbite-pro.1b0a9ca5-0593-417d-80b9-1fe9ca480ee8.css?Expires=2033974769\u0026Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnMzcHRwdGRhaTA0eC5jbG91ZGZyb250Lm5ldC9nZXQtZmxvd2JpdGUtcHJvLjFiMGE5Y2E1LTA1OTMtNDE3ZC04MGI5LTFmZTljYTQ4MGVlOC5jc3MiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMzM5NzQ3Njl9fX1dfQ__\u0026Signature=Hfi6d7ao6XjIV3n2ic02FKApbI2W-bjE~lbKjDY898feCay5gLOpmy9~qNGOYlvNcVjfkJM7XiIHMVkBm7mVcJfP1he8nbdAVINWKttjSR0KGxL-vcEGaH-ZHu0fnnFW8yG8aQC4lc1WtVY7VuTzBrdlJ9O8nuwp9WeEgl1yEeoaHp5bhrKImrrCRFjQPI86V~BYPwDq~dUAWonFI5nTJWWmuZN5GIgLo-ELiFEaB4yFmh7S96riVGo5ySo-yayAZN3yrsqE0dhVpnKpexROTIbnD4EgnEupANt7LE0O~y9s21JDYiFwo2-7GFsribOlbMmbwSCybtY6r2LLU82iOw__\u0026Key-Pair-Id=K2J5W1U51CTOXP"],"jsUrls":[],"urlsExpireAt":"2034-06-15T08:59:29.080Z","darkClassName":"_neKTiNR9ODo9dbROzCM"}},{"id":"332c8fc5-6f90-4265-bd71-4ee713c951ab","categoryId":"f4e8c93b-61cb-4f2f-8fb9-3460907a8cc8","isFree":false,"isPublic":true,"title":"FAQ as accordion","slug":"accordion","description":"This example is based on the Accordion component from Flowbite and it can be used to only expand the answer to each question based on user interaction.","seoTitle":"Accordion","seoDescription":"This example is based on the Accordion component from Flowbite and it can be used to only expand the answer to each question based on user interaction.","seoIndex":false,"requiresJs":true,"sortingNumber":3,"iframeClasses":null,"createdAt":"2022-06-19T14:41:25.036Z","updatedAt":"2024-06-15T08:59:04.724Z","content":{"html":"\u003csection class=\"yjGyQxv8jnYk9_MGMqLN zlFmyfujKXCLCPyPEOIS\"\u003e\n    \u003cdiv class=\"OmM4wtdsNjVR2r7OSzsm veFXkDzfJN473U3ycrV8 RV8RoaI_SlEMC5CEQ3ms HV01LldvyEqRHHy0hljF IBnFXMOXF1_c25AC5s9x sfxzXnWHolluRGSsbMHw\"\u003e\n        \u003ch2 class=\"SGCI_v4dZasZ65DtKHsW F_2Dre6FGlusaaY9LAdu G_Z_YOvXu8grS0GsAGg_ vAGTG1e_BcCgc9_9R6z3 marR_sCaF_d1KewmkXGX P2kov_od1FPjxxII24T5 _F_1gdhzusC6tSOWHtx_ g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003eFrequently asked questions\u003c/h2\u003e\n        \u003cdiv class=\"RV8RoaI_SlEMC5CEQ3ms _chPjFVKOPRcMolL9C9r\"\u003e\n            \u003cdiv 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\"\u003e\n                \u003ch2 id=\"accordion-flush-heading-1\"\u003e\n                    \u003cbutton type=\"button\" class=\"kqgYncRJQ7spwKfig6It _T15kfOPGkvwZnqhqKce neyUwteEn7DOg9pBSJJE _HWADNS2701qmy_ajlg3 jCISvWkW5oStPH6Wrb_H _A6LflweZRUwrcL6M2Tk PJD8Rj8ZmfldJGExe8Fx g3OYBOqwXUEW4dRGogkH yjGyQxv8jnYk9_MGMqLN umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy zlFmyfujKXCLCPyPEOIS a0Ed69aMSu0vgf4oysz0\" data-accordion-target=\"#accordion-flush-body-1\" aria-expanded=\"true\" aria-controls=\"accordion-flush-body-1\"\u003e\n                        \u003cspan\u003eCan I use Flowbite in open-source projects?\u003c/span\u003e\n                        \u003csvg data-accordion-icon=\"\" class=\"nLhohPz5FpffXM9RSdFT _XD2a764x49B1E2F9f8X R4jqCxTOcV8d4zX2X0UZ zujhCQXfQfsYXApYjSOW\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                    \u003c/button\u003e\n                \u003c/h2\u003e\n                \u003cdiv id=\"accordion-flush-body-1\" class=\"\" aria-labelledby=\"accordion-flush-heading-1\"\u003e\n                    \u003cdiv class=\"_HWADNS2701qmy_ajlg3 umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy\"\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eFlowbite is an open-source library of interactive components built on top of Tailwind CSS including buttons, dropdowns, modals, navbars, and more.\u003c/p\u003e\n                        \u003cp class=\"K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eCheck out this guide to learn how to \u003ca href=\"#\" class=\"text-primary-600 dark:text-primary-500 _5zvlMLkN1qETxEl3IhT\"\u003eget started\u003c/a\u003e and start developing websites even faster with components on top of Tailwind CSS.\u003c/p\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003ch2 id=\"accordion-flush-heading-2\"\u003e\n                    \u003cbutton type=\"button\" class=\"kqgYncRJQ7spwKfig6It _T15kfOPGkvwZnqhqKce neyUwteEn7DOg9pBSJJE _HWADNS2701qmy_ajlg3 jCISvWkW5oStPH6Wrb_H _A6LflweZRUwrcL6M2Tk PJD8Rj8ZmfldJGExe8Fx K1PPCJwslha8GUIvV_Cr umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy eCx_6PNzncAD5yo7Qcic\" data-accordion-target=\"#accordion-flush-body-2\" aria-expanded=\"false\" aria-controls=\"accordion-flush-body-2\"\u003e\n                        \u003cspan\u003eIs there a Figma file available?\u003c/span\u003e\n                        \u003csvg data-accordion-icon=\"\" class=\"nLhohPz5FpffXM9RSdFT _XD2a764x49B1E2F9f8X zujhCQXfQfsYXApYjSOW\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                    \u003c/button\u003e\n                \u003c/h2\u003e\n                \u003cdiv id=\"accordion-flush-body-2\" class=\"j2x7_17hqRVmwte_tWFa\" aria-labelledby=\"accordion-flush-heading-2\"\u003e\n                    \u003cdiv class=\"_HWADNS2701qmy_ajlg3 umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy\"\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eFlowbite is first conceptualized and designed using the Figma software so everything you see in the library has a design equivalent in our Figma file.\u003c/p\u003e\n                        \u003cp class=\"K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eCheck out the \u003ca href=\"#\" class=\"text-primary-600 dark:text-primary-500 _5zvlMLkN1qETxEl3IhT\"\u003eFigma design system\u003c/a\u003e based on the utility classes from Tailwind CSS and components from Flowbite.\u003c/p\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003ch2 id=\"accordion-flush-heading-3\"\u003e\n                    \u003cbutton type=\"button\" class=\"kqgYncRJQ7spwKfig6It _T15kfOPGkvwZnqhqKce neyUwteEn7DOg9pBSJJE _HWADNS2701qmy_ajlg3 jCISvWkW5oStPH6Wrb_H _A6LflweZRUwrcL6M2Tk PJD8Rj8ZmfldJGExe8Fx K1PPCJwslha8GUIvV_Cr umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy eCx_6PNzncAD5yo7Qcic\" data-accordion-target=\"#accordion-flush-body-3\" aria-expanded=\"false\" aria-controls=\"accordion-flush-body-3\"\u003e\n                        \u003cspan\u003eWhat are the differences between Flowbite and Tailwind UI?\u003c/span\u003e\n                        \u003csvg data-accordion-icon=\"\" class=\"nLhohPz5FpffXM9RSdFT _XD2a764x49B1E2F9f8X zujhCQXfQfsYXApYjSOW\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                    \u003c/button\u003e\n                \u003c/h2\u003e\n                \u003cdiv id=\"accordion-flush-body-3\" class=\"j2x7_17hqRVmwte_tWFa\" aria-labelledby=\"accordion-flush-heading-3\"\u003e\n                    \u003cdiv class=\"_HWADNS2701qmy_ajlg3 umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy\"\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eThe 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.\u003c/p\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eHowever, 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.\u003c/p\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eLearn more about these technologies:\u003c/p\u003e\n                        \u003cul class=\"fF8rgOnW6c5_84KFva_4 _6E6wM9ePQTdBsbopBu4 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                            \u003cli\u003e\u003ca href=\"#\" class=\"text-primary-600 dark:text-primary-500 _5zvlMLkN1qETxEl3IhT\"\u003eFlowbite Pro\u003c/a\u003e\u003c/li\u003e\n                            \u003cli\u003e\u003ca href=\"#\" class=\"text-primary-600 dark:text-primary-500 _5zvlMLkN1qETxEl3IhT\"\u003eTailwind UI\u003c/a\u003e\u003c/li\u003e\n                        \u003c/ul\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003ch2 id=\"accordion-flush-heading-4\"\u003e\n                    \u003cbutton type=\"button\" class=\"kqgYncRJQ7spwKfig6It _T15kfOPGkvwZnqhqKce neyUwteEn7DOg9pBSJJE _HWADNS2701qmy_ajlg3 jCISvWkW5oStPH6Wrb_H _A6LflweZRUwrcL6M2Tk PJD8Rj8ZmfldJGExe8Fx K1PPCJwslha8GUIvV_Cr umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy eCx_6PNzncAD5yo7Qcic\" data-accordion-target=\"#accordion-flush-body-4\" aria-expanded=\"false\" aria-controls=\"accordion-flush-body-4\"\u003e\n                        \u003cspan\u003eWhat about browser support?\u003c/span\u003e\n                        \u003csvg data-accordion-icon=\"\" class=\"nLhohPz5FpffXM9RSdFT _XD2a764x49B1E2F9f8X zujhCQXfQfsYXApYjSOW\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n                    \u003c/button\u003e\n                \u003c/h2\u003e\n                \u003cdiv id=\"accordion-flush-body-4\" class=\"j2x7_17hqRVmwte_tWFa\" aria-labelledby=\"accordion-flush-heading-4\"\u003e\n                    \u003cdiv class=\"_HWADNS2701qmy_ajlg3 umaBek2qJLzF9vdDPtgc pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy\"\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eThe 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.\u003c/p\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eHowever, 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.\u003c/p\u003e\n                        \u003cp class=\"rD4HtsUG_hahmbh2Kj09 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eLearn more about these technologies:\u003c/p\u003e\n                        \u003cul class=\"fF8rgOnW6c5_84KFva_4 _6E6wM9ePQTdBsbopBu4 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                            \u003cli\u003e\u003ca href=\"#\" class=\"text-primary-600 dark:text-primary-500 _5zvlMLkN1qETxEl3IhT\"\u003eFlowbite Pro\u003c/a\u003e\u003c/li\u003e\n                            \u003cli\u003e\u003ca href=\"#\" class=\"text-primary-600 dark:text-primary-500 _5zvlMLkN1qETxEl3IhT\"\u003eTailwind UI\u003c/a\u003e\u003c/li\u003e\n                        \u003c/ul\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e \n        \u003c/div\u003e               \n    \u003c/div\u003e\n\u003c/section\u003e","htmlHeaderPostMetadata":null,"htmlHeaderPreMetadata":null,"htmlBodyPostMetadata":null,"htmlBodyPreMetadata":null,"js":"","cssUrls":["https://d2s3ptptdai04x.cloudfront.net/get-flowbite-pro.4c7d36ec-4e1d-48e4-8e74-de3e8b5a1baf.css?Expires=2033974737\u0026Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnMzcHRwdGRhaTA0eC5jbG91ZGZyb250Lm5ldC9nZXQtZmxvd2JpdGUtcHJvLjRjN2QzNmVjLTRlMWQtNDhlNC04ZTc0LWRlM2U4YjVhMWJhZi5jc3MiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMzM5NzQ3Mzd9fX1dfQ__\u0026Signature=H~~Ixqi0IXplmk~rFthcY-Mikh3vrHYj~1kmSBVYPqpsQX59PKfKgh3wSJULyJ-OcMlH2K9drsh0YFbISNIATAsUkheu31y9DQjjsy-VC1A-z2AiGXvl1dLa41L-15P8Zm-qrOTSFGPLRdNzgxKwqBLwHhmEWDDo2vZSCI2uMcPnt0nRH8usV67~RDRmu7qynwKvbsTY00F4R4Rzh8~HCCNCWC1mCTikFC4PZeLn05Mp2wM8Cu0r9uvZlXYjUSuCFVHvE12fqZaVJNp~9vce6roUAc~7oZ4B2CDXfRA6GCXKJKtb~jpot6~kGi77c2CXcByx2zL56az2fL68x-GSaw__\u0026Key-Pair-Id=K2J5W1U51CTOXP"],"jsUrls":["https://d2s3ptptdai04x.cloudfront.net/get-flowbite-pro.993804d7-9039-4809-b199-aee2f37688e3.js?Expires=2033974745\u0026Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnMzcHRwdGRhaTA0eC5jbG91ZGZyb250Lm5ldC9nZXQtZmxvd2JpdGUtcHJvLjk5MzgwNGQ3LTkwMzktNDgwOS1iMTk5LWFlZTJmMzc2ODhlMy5qcyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MjAzMzk3NDc0NX19fV19\u0026Signature=0Hs7uMsAFJM~QgkUdq54u9508f3fyj-MJhOsMzNPYbwMlJMYzFdwQ3tGgl-TFSOPDiJjTo~dcg26H5Y9Pp-bmRkVviHEObCMT3wiyzQWUsuMgKDivsQg-VE5PX8b-B57408F-pK3E9CJMMw-pLBiEOvsoLMtfZ9NBNSeIIdZgLXYAJHaK8UckJAhU-zk9YACP6dtn5poi6mH4vtwqYeTXvKbDzzD2qVKR8mgi6ttEx-w2-zLR0vpl-2KUTgy34-9ccqLKdHzoEIQz1roJZ36k95QVYJtWMoO~rrZ9XoQe6uRy1O~FpyZNN9IYjTWnR4bm5M9MnsXsUOBpycUaO6QcQ__\u0026Key-Pair-Id=K2J5W1U51CTOXP"],"urlsExpireAt":"2034-06-15T08:58:57.137Z","darkClassName":"_neKTiNR9ODo9dbROzCM"}},{"id":"678d9ff2-6d41-41cd-b5ad-fe49c7baaae5","categoryId":"f4e8c93b-61cb-4f2f-8fb9-3460907a8cc8","isFree":false,"isPublic":true,"title":"Example with three columns","slug":"three-column","description":"Use this example if you want to show up to three FAQ items for every row and place them below a pricing section for increased conversion rate.","seoTitle":"Example with three columns","seoDescription":"Use this example if you want to show up to three FAQ items for every row and place them below a pricing section for increased conversion rate.","seoIndex":false,"requiresJs":false,"sortingNumber":4,"iframeClasses":null,"createdAt":"2022-06-19T14:40:59.346Z","updatedAt":"2024-06-15T08:59:13.427Z","content":{"html":"\u003csection class=\"yjGyQxv8jnYk9_MGMqLN zlFmyfujKXCLCPyPEOIS\"\u003e\n    \u003cdiv class=\"OmM4wtdsNjVR2r7OSzsm veFXkDzfJN473U3ycrV8 RV8RoaI_SlEMC5CEQ3ms HV01LldvyEqRHHy0hljF IBnFXMOXF1_c25AC5s9x sfxzXnWHolluRGSsbMHw\"\u003e\n        \u003cdiv class=\"RV8RoaI_SlEMC5CEQ3ms VoMipUTHOmwp4dxe8WDG _F_1gdhzusC6tSOWHtx_\"\u003e\n            \u003ch2 class=\"rD4HtsUG_hahmbh2Kj09 _Bu4HL5sPDOGN_IKUsOc marR_sCaF_d1KewmkXGX P2kov_od1FPjxxII24T5 g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003eFrequently asked questions\u003c/h2\u003e\n            \u003cp class=\"_BTfre_DcBxkj7buMlKq K1PPCJwslha8GUIvV_Cr _GGdFG_IIZCUeiyL8_uJ eCx_6PNzncAD5yo7Qcic\"\u003eAsk us anything about our brand and products, and get factual responses.\u003c/p\u003e\n        \u003c/div\u003e\n        \n        \u003cdiv class=\"i0EfZzmTLElZVOble53D XG_JHZii6VUFSUkjd4Kc PJD8Rj8ZmfldJGExe8Fx VPOaIHacePDZ9eYE_phl pxHuWvF853ck68OLN6ef JeVit_1klYopnNwu_8oy rbNWHaEryIVTsorBVuja n1Hp5PSVUgoyjl5YJL2e hAFtnIdYDiO6M_67F11P NLUM9g1CxiratTbPnE1W\"\u003e\n            \u003cdiv\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        What do you mean by \"Figma assets\"?\n                    \u003c/h3\u003e\n                    \u003cp class=\"K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eYou will have access to download the full Figma project including all of the pages, the components, responsive pages, and also the icons, illustrations, and images included in the screens.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e                        \n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        What does \"lifetime access\" exactly mean?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eOnce you have purchased either the design, code, or both packages, you will have access to all of the future updates based on the roadmap, free of charge.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        How does support work?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eWe're aware of the importance of well qualified support, that is why we decided that support will only be provided by the authors that actually worked on this project.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eFeel free to \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk vjxcH6oRcT32j4R9BxSq text-primary-600 dark:text-primary-500 _LWmEJ3ddClfhUowkba_\" target=\"_blank\" rel=\"noreferrer\"\u003econtact us\u003c/a\u003e and we'll help you out as soon as we can.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        I want to build more than one project with Flowbite. Is that allowed?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eYou can use Flowbite for an unlimited amount of projects, whether it's a personal website, a SaaS app, or a website for a client. As long as you don't build a product that will directly compete with Flowbite either as a UI kit, theme, or template, it's fine.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eFind out more information by \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk vjxcH6oRcT32j4R9BxSq text-primary-600 dark:text-primary-500 _LWmEJ3ddClfhUowkba_\"\u003ereading the license\u003c/a\u003e.\u003c/p\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        What does \"free updates\" include?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eThe free updates that will be provided is based on the \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk vjxcH6oRcT32j4R9BxSq text-primary-600 dark:text-primary-500 _LWmEJ3ddClfhUowkba_\"\u003eroadmap\u003c/a\u003e that we have laid out for this project. It is also possible that we will provide extra updates outside of the roadmap as well.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        What does the free version include?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eThe \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk vjxcH6oRcT32j4R9BxSq text-primary-600 dark:text-primary-500 _LWmEJ3ddClfhUowkba_\"\u003efree version\u003c/a\u003e of Flowbite includes a minimal style guidelines, component variants, and a dashboard page with the mobile version alongside it.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eYou can use this version for any purposes, because it is open-source under the MIT license.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        What is the difference between Flowbite and Tailwind UI?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eAlthough both Flowbite and Tailwind UI are built for integration with Tailwind CSS, the main difference is in the design, the pages, the extra components and UI elements that Flowbite includes.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eAdditionally, Flowbite is a project that is still in development, and later it will include both the application, marketing, and e-commerce UI interfaces.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        Can I use Flowbite in open-source projects?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eGenerally, it is accepted to use Flowbite in open-source projects, as long as it is not a UI library, a theme, a template, a page-builder that would be considered as an alternative to Flowbite itself.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eWith that being said, feel free to use this design kit for your open-source projects.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eFind out more information by \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk vjxcH6oRcT32j4R9BxSq text-primary-600 dark:text-primary-500 _LWmEJ3ddClfhUowkba_\"\u003ereading the license\u003c/a\u003e.\u003c/p\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        When will I get access to the Tailwind CSS code if I pre-ordered it?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eThe official date that we have set out to release the code version of Flowbite is the \u003cspan class=\"_A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH\"\u003e25th of September, 2021\u003c/span\u003e. We are already working on the integration and if you have a pre-order, you will also get frequent updates about the progress.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eYou'll be one of the first to know when it will be available.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        What is your refund policy?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eIf you are unhappy with your purchase, just \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk vjxcH6oRcT32j4R9BxSq text-primary-600 dark:text-primary-500 _LWmEJ3ddClfhUowkba_\" target=\"_blank\" rel=\"noreferrer\"\u003econtact us\u003c/a\u003e within 30 days and we'll issue a full refund.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        Is it allowed to use the design assets, such as the fonts, icons, and illustrations?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eWhat you see is what you get. Which means that all icons, fonts, and illustrations can be used based on the licensing that we researched or purchased. For example, we purchased rights to use the illustrations in Flowbite.\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"nWZf98ol6C_zfYzOT9TH\"\u003e\n                    \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G VwrSTsh__so52zqMJvws _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003e\n                        Where can I access my download files?\n                    \u003c/h3\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eAfter you purchased one of the plans, you will get two emails: one for the invoice, and another one with the download files.\u003c/p\u003e\n                    \u003cp class=\"_9OKVeTXzfSwD_NYO6_G K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eSoon we will create a way that you will be able to access the download files from the Flowbite dashboard from this website.\u003c/p\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/section\u003e","htmlHeaderPostMetadata":null,"htmlHeaderPreMetadata":null,"htmlBodyPostMetadata":null,"htmlBodyPreMetadata":null,"js":"","cssUrls":["https://d2s3ptptdai04x.cloudfront.net/get-flowbite-pro.38fe7c89-3043-4f0a-82f6-09d719d2ac65.css?Expires=2033974753\u0026Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnMzcHRwdGRhaTA0eC5jbG91ZGZyb250Lm5ldC9nZXQtZmxvd2JpdGUtcHJvLjM4ZmU3Yzg5LTMwNDMtNGYwYS04MmY2LTA5ZDcxOWQyYWM2NS5jc3MiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMzM5NzQ3NTN9fX1dfQ__\u0026Signature=c5OhlMyiyTq9QXEQ9z5-ch-7XcZoGaeuwy7H6LckYztJajWHhh9jPj6dMIOJR6gIH5ueA7evu9CCTAliu08ArQKb6XT9dDQhVbVkSVgHH7keBbRlmxz1Ux2gZgZOP6ii2NiViCXVSehSnEn0GXAc9lj0Wl0vCCdIm8gIqQJ8Y-nz9iewA93T8m0OCuhTgduLQJst-r-ayflNXRyLEJA7TlP9xVqLLIbMDg-YBLSiKnB0AooRfzgHeJFe9PU2Cjjc1sUcRmweuAikyMqQT05Xl~WTqBCDKRNXRHKc-NV4onWC8XmdRCNeZxZYFjMM7auHHqeXDO7IM0IGO8VXmI4sPg__\u0026Key-Pair-Id=K2J5W1U51CTOXP"],"jsUrls":[],"urlsExpireAt":"2034-06-15T08:59:13.281Z","darkClassName":"_neKTiNR9ODo9dbROzCM"}},{"id":"5a839103-7233-407f-81e2-d7f1916ac262","categoryId":"f4e8c93b-61cb-4f2f-8fb9-3460907a8cc8","isFree":false,"isPublic":true,"title":"Help center","slug":"help-center","description":"This is an advanced example that you can use to allow the user to search for questions and also show a list of helpful links inside cards.","seoTitle":"Help center","seoDescription":"This is an advanced example that you can use to allow the user to search for questions and also show a list of helpful links inside cards.","seoIndex":false,"requiresJs":false,"sortingNumber":5,"iframeClasses":null,"createdAt":"2022-06-19T14:40:02.433Z","updatedAt":"2024-06-15T08:58:43.843Z","content":{"html":"\u003csection class=\"yjGyQxv8jnYk9_MGMqLN zlFmyfujKXCLCPyPEOIS\"\u003e\n  \u003cdiv class=\"OmM4wtdsNjVR2r7OSzsm veFXkDzfJN473U3ycrV8 RV8RoaI_SlEMC5CEQ3ms HV01LldvyEqRHHy0hljF IBnFXMOXF1_c25AC5s9x sfxzXnWHolluRGSsbMHw\"\u003e\n      \u003cdiv class=\"RV8RoaI_SlEMC5CEQ3ms _chPjFVKOPRcMolL9C9r _F_1gdhzusC6tSOWHtx_ _BTfre_DcBxkj7buMlKq UUEOw57fsGfhykSdFAmj\"\u003e\n          \u003ch2 class=\"_9OKVeTXzfSwD_NYO6_G _Bu4HL5sPDOGN_IKUsOc marR_sCaF_d1KewmkXGX P2kov_od1FPjxxII24T5 g3OYBOqwXUEW4dRGogkH a0Ed69aMSu0vgf4oysz0\"\u003eHow can we help you?\u003c/h2\u003e\n          \u003cp class=\"_BTfre_DcBxkj7buMlKq XdjN1uxS_rsa3F90ox40 K1PPCJwslha8GUIvV_Cr HUVIJuZ9QnvurQq0NDcX jt7K__cy_iHy7aMDMaLX\"\u003eHere are a few of the questions we get the most. If you don't see what's on your mind, reach out to us anytime on phone, chat, or email.\u003c/p\u003e\n          \u003clabel for=\"email-adress-icon\" class=\"ttxtqsLWp2pFRX8yUvWd rD4HtsUG_hahmbh2Kj09 MxG1ClE4KPrIvlL5_Q5x _A6LflweZRUwrcL6M2Tk g3OYBOqwXUEW4dRGogkH BWabIWdbZ5qWNbPXxuBc _Rz9TooiK_4jTN_Ub8Gm\"\u003eYour Email\u003c/label\u003e\n          \u003cdiv class=\"QYPW4nl6nHaIbrtaXf4h\"\u003e\n              \u003cdiv class=\"kqgYncRJQ7spwKfig6It iZ8W30HPRQAuO6al90LU BlSalPC4mE3l43xyY9d0 _J57_xJ7KhmAX1D2Pnei neyUwteEn7DOg9pBSJJE _mzhSDAYlA3W05MgSqAf ubsPczbxEg7lOg0_Eg1A\"\u003e\n                  \u003csvg class=\"nLhohPz5FpffXM9RSdFT _XD2a764x49B1E2F9f8X K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M9 2a1 1 0 000 2h2a1 1 0 100-2H9z\"\u003e\u003c/path\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n              \u003c/div\u003e\n              \u003cinput type=\"text\" id=\"email-adress-icon\" class=\"ttxtqsLWp2pFRX8yUvWd iHyrYta0Jcy0_7nMWLK7 pc_qflWCTpC31MNR3lx3 jCISvWkW5oStPH6Wrb_H g3OYBOqwXUEW4dRGogkH jCHKuJ3G7rklx_LiAfbf _Qk4_E9_iLqcHsRZZ4ge PWreZZgitgAm_Nv4Noh9 T_tFENbpK8DMDNjQRyQa focus:ring-primary-500 focus:border-primary-500 _t2wg7hRcyKsNN8CSSeU _BIVSYBXQUqEf_ltPrSk _DJ2tfp6E9c_teMKVD3z a0Ed69aMSu0vgf4oysz0 dark:focus:ring-primary-500 dark:focus:border-primary-500\" placeholder=\"Type keywords to find answers\"\u003e\n          \u003c/div\u003e\n          \u003cp class=\"KgBTWt39fdiAC__YVNt8 MxG1ClE4KPrIvlL5_Q5x K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003eYou can also browse the topics below to find what you are looking for.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"i0EfZzmTLElZVOble53D MSzSnYVuK0BuLFmWaksd hAFtnIdYDiO6M_67F11P NLUM9g1CxiratTbPnE1W jy_Hxe6ExV9WCWVrzney\"\u003e\n          \u003cdiv class=\"iHyrYta0Jcy0_7nMWLK7 YPSoR6AXtPgkmylUmcbT lhxYQ_2y3sYNN3W1V_3q _cpMMPjFQqjJu4i0Puod\"\u003e\n              \u003cdiv class=\"kqgYncRJQ7spwKfig6It _WclR59Ji8jwfmjPtOei neyUwteEn7DOg9pBSJJE _9OKVeTXzfSwD_NYO6_G bt0MUzUgiWUaZjB4iWGh _EiPZYgyUypIYjFtegNh YPSoR6AXtPgkmylUmcbT bg-primary-100 dark:bg-primary-900 vx_csTgyPJm9r9DuiRxF pCbLTk3BuhmV9_NKVj6_\"\u003e\n                  \u003csvg class=\"eUuXwBkW5W4__eatjSfd RRXFBumaW2SHdseZaWm6 text-primary-600 J_wkClaoCa0Dt_pPlz8T CULwPNZ8mCg6FSPowra5 dark:text-primary-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M9 2a1 1 0 000 2h2a1 1 0 100-2H9z\"\u003e\u003c/path\u003e\u003cpath 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\"\u003e\u003c/path\u003e\u003c/svg\u003e\n              \u003c/div\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eGeneral\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"_9OKVeTXzfSwD_NYO6_G __Iv72FadFpzwcpFl5_5 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eAbout forwarding limits\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to update Flowbite?\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to change privacy settings?\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk text-primary-600 _5zvlMLkN1qETxEl3IhT dark:text-primary-500\"\u003eSee all\u003c/a\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"iHyrYta0Jcy0_7nMWLK7 YPSoR6AXtPgkmylUmcbT lhxYQ_2y3sYNN3W1V_3q _cpMMPjFQqjJu4i0Puod\"\u003e\n              \u003cdiv class=\"kqgYncRJQ7spwKfig6It _WclR59Ji8jwfmjPtOei neyUwteEn7DOg9pBSJJE _9OKVeTXzfSwD_NYO6_G bt0MUzUgiWUaZjB4iWGh _EiPZYgyUypIYjFtegNh YPSoR6AXtPgkmylUmcbT bg-primary-100 dark:bg-primary-900 vx_csTgyPJm9r9DuiRxF pCbLTk3BuhmV9_NKVj6_\"\u003e\n                  \u003csvg class=\"eUuXwBkW5W4__eatjSfd RRXFBumaW2SHdseZaWm6 text-primary-600 J_wkClaoCa0Dt_pPlz8T CULwPNZ8mCg6FSPowra5 dark:text-primary-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" d=\"M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n              \u003c/div\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eLicense\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"_9OKVeTXzfSwD_NYO6_G __Iv72FadFpzwcpFl5_5 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eVerifying your number\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to restore your chat history\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to manage your notifications\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk text-primary-600 _5zvlMLkN1qETxEl3IhT dark:text-primary-500\"\u003eSee all\u003c/a\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"iHyrYta0Jcy0_7nMWLK7 YPSoR6AXtPgkmylUmcbT lhxYQ_2y3sYNN3W1V_3q _cpMMPjFQqjJu4i0Puod\"\u003e\n              \u003cdiv class=\"kqgYncRJQ7spwKfig6It _WclR59Ji8jwfmjPtOei neyUwteEn7DOg9pBSJJE _9OKVeTXzfSwD_NYO6_G bt0MUzUgiWUaZjB4iWGh _EiPZYgyUypIYjFtegNh YPSoR6AXtPgkmylUmcbT bg-primary-100 dark:bg-primary-900 vx_csTgyPJm9r9DuiRxF pCbLTk3BuhmV9_NKVj6_\"\u003e\n                  \u003csvg class=\"eUuXwBkW5W4__eatjSfd RRXFBumaW2SHdseZaWm6 text-primary-600 J_wkClaoCa0Dt_pPlz8T CULwPNZ8mCg6FSPowra5 dark:text-primary-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M5 2a2 2 0 00-2 2v14l3.5-2 3.5 2 3.5-2 3.5 2V4a2 2 0 00-2-2H5zm4.707 3.707a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L8.414 9H10a3 3 0 013 3v1a1 1 0 102 0v-1a5 5 0 00-5-5H8.414l1.293-1.293z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n              \u003c/div\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eRefund policy\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"_9OKVeTXzfSwD_NYO6_G FLfl_xS1XCloWU2wRi87 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to restore your chat history\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to use status\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to manage your notifications\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk text-primary-600 _5zvlMLkN1qETxEl3IhT dark:text-primary-500\"\u003eSee all\u003c/a\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"iHyrYta0Jcy0_7nMWLK7 YPSoR6AXtPgkmylUmcbT lhxYQ_2y3sYNN3W1V_3q _cpMMPjFQqjJu4i0Puod\"\u003e\n              \u003cdiv class=\"kqgYncRJQ7spwKfig6It _WclR59Ji8jwfmjPtOei neyUwteEn7DOg9pBSJJE _9OKVeTXzfSwD_NYO6_G bt0MUzUgiWUaZjB4iWGh _EiPZYgyUypIYjFtegNh YPSoR6AXtPgkmylUmcbT bg-primary-100 dark:bg-primary-900 vx_csTgyPJm9r9DuiRxF pCbLTk3BuhmV9_NKVj6_\"\u003e\n                  \u003csvg class=\"eUuXwBkW5W4__eatjSfd RRXFBumaW2SHdseZaWm6 text-primary-600 J_wkClaoCa0Dt_pPlz8T CULwPNZ8mCg6FSPowra5 dark:text-primary-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n              \u003c/div\u003e\n              \u003ch3 class=\"_9OKVeTXzfSwD_NYO6_G uyo8h_4Kh1IoUwm8bwJI _WfIfkoGCi0vvUrnNs4M a0Ed69aMSu0vgf4oysz0\"\u003eAccount\u003c/h3\u003e\n              \u003cul role=\"list\" class=\"_9OKVeTXzfSwD_NYO6_G __Iv72FadFpzwcpFl5_5 K1PPCJwslha8GUIvV_Cr eCx_6PNzncAD5yo7Qcic\"\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eAbout WhatsApp Web and Desktop\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to log in or out\u003c/a\u003e\n                  \u003c/li\u003e\n                  \u003cli\u003e\n                      \u003ca href=\"#\" class=\"_5zvlMLkN1qETxEl3IhT\"\u003eHow to manage your notifications\u003c/a\u003e\n                  \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003ca href=\"#\" class=\"_A6LflweZRUwrcL6M2Tk text-primary-600 _5zvlMLkN1qETxEl3IhT dark:text-primary-500\"\u003eSee all\u003c/a\u003e\n          \u003c/div\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/section\u003e","htmlHeaderPostMetadata":null,"htmlHeaderPreMetadata":null,"htmlBodyPostMetadata":null,"htmlBodyPreMetadata":null,"js":"","cssUrls":["https://d2s3ptptdai04x.cloudfront.net/get-flowbite-pro.58928be5-eed5-4465-8d3d-57f16d4c0a24.css?Expires=2033974724\u0026Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnMzcHRwdGRhaTA0eC5jbG91ZGZyb250Lm5ldC9nZXQtZmxvd2JpdGUtcHJvLjU4OTI4YmU1LWVlZDUtNDQ2NS04ZDNkLTU3ZjE2ZDRjMGEyNC5jc3MiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMzM5NzQ3MjR9fX1dfQ__\u0026Signature=kWfiIV3vw0-FaGVOt8QOoYw9aSGZVDYZ36knRoKKQI3YF0EbNQve6oNmc7u-XB5LB6qKPuVp8ulXtFLqDlty8OwlQPmZt8VNjsctgL1NHMe6xOTNoWxqfX4P84~wsmsdnOC8HUvAn-lJ3SJYmYS6YrR1cueYxfzdpCYfMY3nrCNO9crjr7giTNvFY3Z-BxGtgdIww~3JTlqIkYJxmp1sbqEV0vZES3jh4E9JxyTxwzmyHP7rUsPjwFYKAwR3cKPxzBGzvDPaGqQ68jytgyc6ng7BHLw0MnoyI03JFRMMBnkpyhZ9Bd8G6OXK8FqPQc9rH6wl1-8UQaNxQS02~YEg1Q__\u0026Key-Pair-Id=K2J5W1U51CTOXP"],"jsUrls":[],"urlsExpireAt":"2034-06-15T08:58:43.684Z","darkClassName":"_neKTiNR9ODo9dbROzCM"}}],"relatedBlockCategories":[{"id":"591e2590-37f1-4d17-b647-203c314ffabb","title":"Tailwind CSS Update Forms (CRUD) - Flowbite","thumbnail":"Update Forms (CRUD)","slug":"crud-update-forms","totalBlocks":5,"categoryTitle":"Application UI","categoryColor":"blue","categorySlug":"application","IconDark":"https://flowbite.s3.amazonaws.com/block-thumbnails/application/update-page-dark.svg","IconLight":"https://flowbite.s3.amazonaws.com/block-thumbnails/application/update-page.svg"},{"id":"2580dbac-893a-434b-b4cf-60ddeff96d29","title":"Tailwind CSS Footer Sections - Flowbite","thumbnail":"Footer Sections","slug":"footer","totalBlocks":7,"categoryTitle":"Marketing UI","categoryColor":"green","categorySlug":"marketing","IconDark":"https://flowbite.s3.amazonaws.com/block-thumbnails/marketing/footer-dark.svg","IconLight":"https://flowbite.s3.amazonaws.com/block-thumbnails/marketing/footer.svg"},{"id":"c96a5a67-c92c-4834-8157-e9e5c176c265","title":"Tailwind CSS Contact Form - Flowbite","thumbnail":"Contact Forms","slug":"contact","totalBlocks":6,"categoryTitle":"Marketing UI","categoryColor":"green","categorySlug":"marketing","IconDark":"https://flowbite.s3.amazonaws.com/block-thumbnails/marketing/contact-dark.svg","IconLight":"https://flowbite.s3.amazonaws.com/block-thumbnails/marketing/contact.svg"}]},"__N_SSP":true},"page":"/blocks/[categorySlug]/[subcategorySlug]","query":{"categorySlug":"marketing","subcategorySlug":"faq"},"buildId":"uokB-4IoUQyReoioqIgNw","runtimeConfig":{},"isFallback":false,"gssp":true,"scriptLoader":[]}</script></body></html>
+Murder is always acceptable
