Home
Simon Scheffer
FAQ section

FAQ section

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

FAQ

Author Simon Scheffer

11.1k

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

Author:
Sophia Baker

3 years ago

19.6k
Frequently Asked Questions section

Author:
Brandon D

3 years ago

12.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

18.1k
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

10.2k
Frequently asked questions (FAQ)

Author:
Brandon D

3 years ago

12.4k
FAQ page

Author:
R Thapa

2 years ago

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

Author:
Manuela Bianka

3 years ago

11.9k
FAQ - Htmlwind
Offset intro faq section

Author:
Htmlwind

9 months ago

839
FAQ section
Frequently asked questions component

Author:
Bunny

3 years ago

11.3k
FAQ with Tailwind CSS and Alpine.js

Author:
ariaw

11 months ago

1.1k
Our Services Section – Animated & Responsive
A modern and dynamic “Services” section built with Tailwind CSS and Alpine.js, designed to showcase your company’s main offerings with clean visuals and engaging animations. This component uses smooth fade and slide animations to reveal each service card as it comes into view. Each card highlights a core business area — Web Development, Mobile Apps, and Cloud Solutions — with beautiful hover effects, icons, and descriptive lists. Perfect for SaaS websites, agencies, and startups looking to present their services in a visually appealing, professional, and responsive layout. Key Features Smooth scroll-triggered animations with Alpine.js Responsive grid layout (mobile → desktop ready) Built with Tailwind CSS for fast customization Dark mode support included Interactive hover effects for each service card Ideal for corporate, SaaS, or portfolio websites 💡 Services Included 🌐 Web Development (Responsive, SEO-friendly, Optimized) 📱 Mobile Apps (Cross-platform, iOS & Android) ☁️ Cloud Solutions (AWS, Azure, Auto-scaling, Security)

Author:
wavy kits

4 months ago

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

Author:
Rajesh Maheshwari

1 year ago

1.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components