<section class="bg-primary-light py-24 py-md-40">
<div class="container">
<div class="text-center mb-20">
<span class="h6 text-primary">Hey! Have any questions?</span>
<h2 class="text-dark mt-12">FAQ's</h2>
</div>
<div class="mw-4xl mx-auto">
<div class="accordion" id="">
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">1</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">How should I develop my workflow over time?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse show" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body pb-8">
<div class="ms-md-6 ms-xl-20 ps-6 ps-md-12 py-2 border-start">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal:</p>
<div>
<span class="me-6 d-inline-block rounded-circle bg-primary" style="width: 6px; height: 6px;"></span>
<span>Distribution of letters</span>
</div>
<div>
<span class="me-6 d-inline-block rounded-circle bg-primary" style="width: 6px; height: 6px;"></span>
<span>Content here</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">2</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">Can I pay by card?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body"></div>
</div>
</div>
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">3</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">How often should the app be updated?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body pb-8"></div>
</div>
</div>
<div class="accordion-item py-1 px-4 ps-md-10 pe-md-12 mb-4 border-0 bg-white rounded">
<h2 class="accordion-header" id="">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="true" aria-controls="">
<div class="d-flex align-items-center">
<div class="me-4 me-md-8">
<span class="d-flex justify-content-center align-items-center bg-primary-light rounded-circle h6" style=" width: 48px; height: 48px">4</span>
</div>
<div class="pe-2">
<div class="d-flex align-items-center">
<h3 class="h5 mb-0">Are Zoospace apps free?</h3>
</div>
</div>
</div>
</button>
</h2>
<div class="accordion-collapse collapse" aria-labelledby="" data-bs-parent="" id="">
<div class="accordion-body pb-8"></div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 43
- Applications 5
- Banner 15
- Blog 53
- Call to action 86
- Contact 28
- Contacts 5
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 39
- Features 118
- Footers 48
- Graphs 18
- HTTP codes 43
- Headers 86
- How it works 39
- Logo clouds 68
- Modals 3
- Navbar 68
- Navigation (horizontal) 80
- Navigation (vertical) 6
- Navigations 4
- Newsletter 41
- Portfolio 39
- Pricing 35
- Projects 9
- Reviews 5
- Sign in / Sign up 65
- Stats 71
- Tables 52
- Tables 5
- Team 35
- Testimonials 35
- Users 25
The frequently asked questions section is used to present answers to frequently asked questions. Bootstrap FAQ components will allow you to show them in an aesthetic and clear way.
Choose from many variations of the Bootstrap components FAQ. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Bootstrap website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all sections of the Bootstrap components FAQ, code and our editor. Try the demo for free.
Component #6
Component #7
Component #8
Component #9
