FAQ section

This tailwind example is contributed by Simon Scheffer, on 01-Dec-2022. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Frequently asked questions, QnA

FAQ

Author Simon Scheffer

Tailwind v3.4 11.5k 12

Fork Fullscreen

<div class="px-4 py-20 bg-lightblue">
    <div class="flex flex-col max-w-6xl mx-auto md:flex-row">
        <h2 class="w-full pb-6 mr-8 text-3xl font-extrabold leading-9 md:w-1/3">
            Frequently-asked questions
        </h2>
        <dl class="w-full md:w-2/3">
            <dt class="mb-4">
                <h3 class="text-xl font-semibold">
                    This is a sample question?
                </h3>
            </dt>
            <dd class="mb-16">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                    culpa qui officia deserunt mollit anim id est laborum.

</p>
            </dd>
            <dt class="mb-4">
                <h3 class="text-xl font-semibold">
                    This is a sample question?
                </h3>
            </dt>
            <dd class="mb-16">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                    culpa qui officia deserunt mollit anim id est laborum.

</p>
            </dd>
        </dl>
    </div>
</div>

Related Examples

Accordion FAQ
FAQ Accordion section without using any javascript

Sophia Baker

3 years ago

20.5k
Frequently Asked Questions section

Brandon D

3 years ago

12.6k
FAQ with dropdown
Created by Surjith S M -> https://twitter.com/surjithctly This component does not use javascript for dropdown

Abhijit Sen

3 years ago

18.5k
Accordion FAQ
quick and easy access to frequently asked questions related to insurance. It allows users to expand and collapse questions with answers.

Anonymous

2 years ago

10.6k
Frequently asked questions (FAQ)

Brandon D

3 years ago

13.2k
FAQ page

R Thapa

2 years ago

16.1k
FAQ section
An expanding frequently asked questions section made without using javascript.

Manuela Bianka

4 years ago

12.3k
FAQ - full size
Full sized FAQ section

kishan pc

2 years ago

3k
Accordions & FAQs with css chevrons: No javascript needed
Chevron toggle without using nested SVG images.

Sherry Lynne

1 month ago

124
FAQs
This is a FAQ it is made using html and tailwindcss

ishimwe shadad

1 year ago

1.3k
Free SEO Audit & Analysis Tool
Instant SEO analysis of your website. Check 50+ ranking factors including on-page SEO, technical issues, and mobile performance.

MD Mostafa Niloy

10 months ago

759
FAQ with Search

Dpk Mht

2 years ago

2.9k