FAQ section

Frequently asked questions component

This tailwind example is contributed by Bunny, on 24-Jan-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Frequently asked questions, QnA

FAQ

Author Bunny

Tailwind v3.4 11.9k 16

Fork Fullscreen

<div class="bg-white">
    <div class="max-w-screen-xl mx-auto pt-12 pb-16 sm:pt-16 sm:pb-20 px-4 sm:px-6 lg:pt-20 lg:pb-28 lg:px-8">
        <h2 class="text-3xl leading-9 font-extrabold text-gray-900 text-center">
            Frequently asked questions
        </h2>
        <div class="mt-6 border-t-4 border-gray-100 pt-10">
            <div class="grid grid-cols-1 md:grid-cols-2 md:gap-x-8 md:gap-y-12">
                <dl>
                    <dt class="font-medium leading-6 text-gray-900 text-lg mt-4">What is the return policy for your
                        products?</dt>
                    <dd class="mt-4">
                        <p class="leading-6 text-base text-gray-500">
                            Our return policy allows customers to return products within 30 days of purchase for a full
                            refund or exchange.
                        </p>
                    </dd>
                </dl>

<dl>
                    <dt class="font-medium leading-6 text-gray-900 text-lg mt-4">
                        How do I track my order?
                    </dt>
                    <dd class="mt-4">
                        <p class="leading-6 text-base text-gray-500">
                            You can track your order by logging into your account on our website and viewing the
                            tracking information provided.
                        </p>
                    </dd>
                </dl>

<dl>
                    <dt class="font-medium leading-6 text-gray-900 text-lg mt-4">
                        What are the shipping options available?
                    </dt>
                    <dd class="mt-4">
                        <p class="leading-6 text-base text-gray-500">
                            We offer standard and expedited shipping options for all orders. Delivery times and prices
                            will vary depending on your location and the size of your order.
                        </p>
                    </dd>
                </dl>

<dl>
                    <dt class="font-medium leading-6 text-gray-900 text-lg mt-4">
                        What are the hours of operation?
                    </dt>
                    <dd class="mt-4">
                        <p class="leading-6 text-base text-gray-500">
                            Our customer service department is open Monday-Friday, 9am-5pm EST.
                        </p>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>

Related Examples

FAQ page

R Thapa

3 years ago

16.2k
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.6k
Accordion FAQ
quick and easy access to frequently asked questions related to insurance. It allows users to expand and collapse questions with answers.

Anonymous

3 years ago

10.7k
Frequently Asked Questions section

Brandon D

3 years ago

12.7k
FAQ Accordion Component
An interactive experience where users can click on questions to reveal or hide the corresponding answers.

King Kali

3 years ago

17.2k
FAQ section

Brandon D

3 years ago

11.4k
Frequently Asked Questions
A beautiful and modern accordion FAQ component using HTML & Tailwind CSS with smooth animations.

Rajesh Maheshwari

1 year ago

2.2k
Frequently asked questions (FAQ)

Brandon D

3 years ago

13.2k
Attractive Feature Section
With Gradient Color 6 Features

KULDEEP

1 year ago

1.4k
suuply chain
hhh

Ishimwe Shadad

5 months ago

411
FAQ with dropdown with Dark mode
Added dark mode and improved UI and Code quality

Dika Rahman

2 years ago

2.2k
FAQ - Htmlwind
Offset intro faq section

Htmlwind

1 year ago

1.2k