>
                <div class="row mb-4 justify-content-center">
                    <div class="col-12 col-md-8 col-lg-7">
                        <h1 class="display-3 mb-4">Accordions</h1>
                        <p class="lead">Using the <span class="font-weight-bold">card</span> component, you can extend the default collapse behavior to create an accordion.</p>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class