└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Bootstrap FAQ Section
 2 | 
 3 | Responsive FAQ with Bootstrap 5. Templates include accordion faq, collapse FAQ, FAQ section & customized Bootstrap FAQ components.
 4 | 
 5 | FAQ is an abbreviation from "Frequently Asked Questions", FAQ is usually a section of a page or a full page itself. Building a FAQ with the latest Bootstrap 5 usually requires using components like accordion or collapse.
 6 | 
 7 | ## Basic examples
 8 | 
 9 | #### FAQ with Accordion
10 | 
11 | ```html
12 | <div class="accordion w-100" id="basicAccordion">
13 |   <div class="accordion-item">
14 |     <h2 class="accordion-header" id="headingOne">
15 |       <button class="accordion-button collapsed" type="button" data-mdb-toggle="collapse"
16 |         data-mdb-target="#basicAccordionCollapseOne" aria-expanded="false"
17 |         aria-controls="collapseOne">
18 |         Question #1
19 |       </button>
20 |     </h2>
21 |     <div id="basicAccordionCollapseOne" class="accordion-collapse collapse"
22 |       aria-labelledby="headingOne" data-mdb-parent="#basicAccordion" style="">
23 |       <div class="accordion-body">
24 |         <strong>This is the first item's accordion body.</strong> It is shown by default,
25 |         until the collapse plugin adds the appropriate classes that we use to style each
26 |         element. These classes control the overall appearance, as well as the showing and
27 |         hiding via CSS transitions. You can modify any of this with custom CSS or overriding
28 |         our default variables. It's also worth noting that just about any HTML can go within
29 |         the <code>.accordion-body
30 | ```
31 | 
32 | #### Much more examples and a detailed description can be found at [📄 FAQ Section documentation page](https://mdbootstrap.com/docs/standard/extended/faq/)
33 | 


--------------------------------------------------------------------------------