{{> partials/head title="UI Kit | ICE Mortgage Technology"}} {{> partials/modals}} {{> partials/navbar classList="navbar-light fixed-top bg-white border-bottom" container="container-fluid" button="primary"}}
{{> partials/sidenav}}

Accordion

Bootstrap documentation

{{> sections/accordion}}
<div id="faqs" class="component-faq accordion">
  <div class="position-relative mb-2 rounded-0 accordion-item border-0">
    <div id="faq-1-1" class="p-0">
      <button type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1-1" aria-expanded="true" aria-controls="collapse-1-1" class="btn btn-link w-100 text-start bg-icecloud px-4 py-3 pe-10 fs-lg text-decoration-none collapsed">
      Question Number One
      </button>
      <div id="collapse-1-1" aria-labelledby="faq-1-1" data-bs-parent="#faqs" class="collapse bg-white mt-2">
        <div class="px-6 pt-6 pb-4">
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, ut officia tempora inventore aut magni itaque eius quia quis a est totam harum voluptate minus? Repudiandae a maxime natus fugit.</p>
        </div>
      </div>
    </div>
  </div>
  <div class="position-relative mb-2 rounded-0 accordion-item border-0">
    <div id="faq-1-2" class="p-0">
      <button type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1-2" aria-expanded="true" aria-controls="collapse-1-2" class="btn btn-link w-100 text-start bg-icecloud px-4 py-3 pe-10 fs-lg text-decoration-none collapsed">
        Question Number Two
      </button>
    <div id="collapse-1-2" aria-labelledby="faq-1-2" data-bs-parent="#faqs" class="collapse bg-white mt-2">
    <div class="px-6 pt-6 pb-4">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, ut officia tempora inventore aut magni itaque eius quia quis a est totam harum voluptate minus? Repudiandae a maxime natus fugit.</p>
      </div>
    </div>
  </div>
</div>
  <div class="position-relative mb-2 rounded-0 accordion-item border-0">
    <div id="faq-2-9" class="p-0">
      <button type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2-9" aria-expanded="true" aria-controls="collapse-2-9" class="btn btn-link w-100 text-start bg-icecloud px-4 py-3 pe-10 fs-lg text-decoration-none collapsed">
        Question Number Three
      </button>
      <div id="collapse-2-9" aria-labelledby="faq-2-9" data-bs-parent="#faqs" class="collapse bg-white mt-2">
        <div class="px-6 pt-6 pb-4">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, ut officia tempora inventore aut magni itaque eius quia quis a est totam harum voluptate minus? Repudiandae a maxime natus fugit.</p>
        </div>
      </div>
    </div>
  </div>
</div>
{{> partials/scripts}}