Home
Bunny
FAQ section

FAQ section

Frequently asked questions component

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

FAQ

Author Bunny

10.8k

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

Author:
R Thapa

1 year ago

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

Author:
Abhijit Sen

2 years ago

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

Author:
Anonymous

1 year ago

9.4k
Frequently Asked Questions section

Author:
Brandon D

2 years ago

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

Author:
King Kali

1 year ago

15.5k
FAQ section

Author:
Brandon D

2 years ago

10.8k
Help Center
Help Center

Author:
Tanvir Hasan Bappy (Tanvir)

9 months ago

846
Acode master
Acode master(=>good work for Acode master)

Author:
Code Master(Mfuranziza Dusabe Hamza)

4 months ago

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

Author:
Rajesh Maheshwari

6 months ago

928
Home
html , css

Author:
Hacker Development

4 months ago

328
FAQ - full size
Full sized FAQ section

Author:
kishan pc

1 year ago

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

Author:
Dika Rahman

11 months ago

1.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components