{% extends 'base.html.twig' %}{% block body %} <section class="h-collections pt-5 mt-4 mb-3"> <div class="container"> <div class="col-md-8 offset-md-2"> <h2 class="secondtxt text-uppercase mb-4 pb-2 inner-title"><span class="titleline bg-secondary d-inline-block position-relative me-2"></span> Frequently Asked Questions</h2> </div> </div> <div class="container mt-2 pt-5"> {% for faq_category in faq_categories %} <div class="row faqholder"> <div class="col-md-4"><big class="border-top border-3 border-dark d-inline-block pt-2 fw-bold fs-5">{{ faq_category.name }}</big></div> <div class="col-md-8 ps-4"> <div class="accordion" > {% for k, faq in faqs[faq_category.id] %} <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button collapsed border-0 border-top border-3 border-dark rounded-0 ps-0 fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{faq.id}}" aria-expanded="true" aria-controls="collapseOne"> {{ faq.title }} </button> </h2> <div id="collapse{{faq.id}}" class="accordion-collapse collapse border-0" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body ps-0 pt-0"> {{ faq.description }} </div> </div> </div> {% endfor %} </div> </div> </div> {% endfor %} </div> </section>{% endblock %}