آکاردئون

<div class="accordion" id="accordion">
    <div class="card">
        <h2 class="card-header" id="headingOne">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">01. Can I order a specific color for my room ?</button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
            <div class="card-body">
                Exterior consultancy company that brings sensitivity to the layout pinnacle restaurants, hotels, offices & houses across the world. We have been providing advice on the interior layout, generating 2D or 3D interior design plans & customer service.
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">02. What is your service area ?</button>
        </h2>
        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
            <div class="card-body">
                Exterior consultancy company that brings sensitivity to the layout pinnacle restaurants, hotels, offices & houses across the world. We have been providing advice on the interior layout, generating 2D or 3D interior design plans & customer service.
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingThree">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">03. What is 3D rendering ?</button>
        </h2>
        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion">
            <div class="card-body">
                Exterior consultancy company that brings sensitivity to the layout pinnacle restaurants, hotels, offices & houses across the world. We have been providing advice on the interior layout, generating 2D or 3D interior design plans & customer service.
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingFour">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">04. Are there any discounts included ?</button>
        </h2>
        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordion">
            <div class="card-body">
                Exterior consultancy company that brings sensitivity to the layout pinnacle restaurants, hotels, offices & houses across the world. We have been providing advice on the interior layout, generating 2D or 3D interior design plans & customer service.
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingFive">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">05. What kind of interior designer you have?</button>
        </h2>
        <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordion">
            <div class="card-body">
                Exterior consultancy company that brings sensitivity to the layout pinnacle restaurants, hotels, offices & houses across the world. We have been providing advice on the interior layout, generating 2D or 3D interior design plans & customer service.
            </div>
        </div>
    </div>
</div>