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

11.1k

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

2 years ago

15.3k
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.8k
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

2 years ago

9.9k
Frequently Asked Questions section

Author:
Brandon D

2 years ago

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

Author:
King Kali

2 years ago

15.9k
FAQ section

Author:
Brandon D

2 years ago

11k
FAQ Section

Author:
Abdul Baset Bappy

5 months ago

406
Simple expanded FAQ example

Author:
Orson Kincaid

1 year ago

1.6k
About Us Component

Author:
KULDEEP

4 months ago

924
Attractive Feature Section
With Gradient Color 6 Features

Author:
KULDEEP

4 months ago

715
Home
html , css

Author:
Hacker Development

6 months ago

549
CTA Responsive
Gradient Style CTA

Author:
KULDEEP

4 months ago

343

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components