{% extends "layout/layout.html" %}
{% set page_title = "Accordion" %}
{% block content %}

<main class="app-wrapper">
  {% include "../templates/layout/header-footer/app-header.html" %}
  {% include "../templates/layout/header-footer/app-sidebar.html" %}
  {% include "../templates/layout/header-footer/topnavbar.html" %}
  <div class="content-wrapper">
    <div class="page-content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12 rt-mb-25">
            {% include "../templates/components/breadcrumbs/breadcrumbs.html" %}
          </div>
          <div class="row">
            <div class="col-lg-6">
              <div class="card">
                <div class="card-header">Basic</div>
                <div class="card-body">
                  <div class="accordion" id="accordionExample1">
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
                          aria-expanded="true" aria-controls="collapseOne">
                          <img src="assets/images/svg/file.svg" alt="">
                          Tittle One
                        </button>
                      </h2>
                      <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                        data-bs-parent="#accordionExample1">
                        <div class="accordion-body">
                          <p>Aliquam tincidunt enim in venenatis auctor. Maecenas sed porttitor justo. Etiam pharetra suscipit libero, eu
                            suscipit
                            quam sollicitudin id. Etiam eget massa ipsum. Cras cursus mauris ac massa pellentesque, eu mattis felis porta.
                            Sed erat
                            nisl, placerat quis ultrices eget, pellentesque a augue. Phasellus vel scelerisque quam.</p>
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingTwo">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                          aria-expanded="false" aria-controls="collapseTwo">
                          <img src="assets/images/svg/file.svg" alt="">
                          Tittle Two
                        </button>
                      </h2>
                      <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                        data-bs-parent="#accordionExample1">
                        <div class="accordion-body">
                          <p>Aliquam tincidunt enim in venenatis auctor. Maecenas sed porttitor justo. Etiam pharetra suscipit libero, eu
                            suscipit
                            quam sollicitudin id. Etiam eget massa ipsum. Cras cursus mauris ac massa pellentesque, eu mattis felis porta.
                            Sed
                            erat
                            nisl, placerat quis ultrices eget, pellentesque a augue. Phasellus vel scelerisque quam.</p>
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingThree">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
                          aria-expanded="false" aria-controls="collapseThree">
                          <img src="assets/images/svg/file.svg" alt="">
                          Tittle Three
                        </button>
                      </h2>
                      <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                        data-bs-parent="#accordionExample1">
                        <div class="accordion-body">
                          <p>Aliquam tincidunt enim in venenatis auctor. Maecenas sed porttitor justo. Etiam pharetra suscipit libero, eu
                            suscipit
                            quam sollicitudin id. Etiam eget massa ipsum. Cras cursus mauris ac massa pellentesque, eu mattis felis porta.
                            Sed
                            erat
                            nisl, placerat quis ultrices eget, pellentesque a augue. Phasellus vel scelerisque quam.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="card">
                <div class="card-header">Basic</div>
                <div class="card-body">
                  <div class="accordion" id="accordionExample2">
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingFour">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour"
                          aria-expanded="true" aria-controls="collapseFour">
                          <img src="assets/images/svg/file.svg" alt="">
                          Tittle One
                        </button>
                      </h2>
                      <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                        data-bs-parent="#accordionExample2">
                        <div class="accordion-body">
                          <p>Aliquam tincidunt enim in venenatis auctor. Maecenas sed porttitor justo. Etiam pharetra suscipit
                            libero, eu
                            suscipit
                            quam sollicitudin id. Etiam eget massa ipsum. Cras cursus mauris ac massa pellentesque, eu mattis felis
                            porta.
                            Sed erat
                            nisl, placerat quis ultrices eget, pellentesque a augue. Phasellus vel scelerisque quam.</p>
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingFive">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                          data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                          <img src="assets/images/svg/file.svg" alt="">
                          Tittle Two
                        </button>
                      </h2>
                      <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                        data-bs-parent="#accordionExample2">
                        <div class="accordion-body">
                          <p>Aliquam tincidunt enim in venenatis auctor. Maecenas sed porttitor justo. Etiam pharetra suscipit
                            libero, eu
                            suscipit
                            quam sollicitudin id. Etiam eget massa ipsum. Cras cursus mauris ac massa pellentesque, eu mattis felis
                            porta.
                            Sed
                            erat
                            nisl, placerat quis ultrices eget, pellentesque a augue. Phasellus vel scelerisque quam.</p>
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingSix">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                          data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                          <img src="assets/images/svg/file.svg" alt="">
                          Tittle Three
                        </button>
                      </h2>
                      <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
                        data-bs-parent="#accordionExample2">
                        <div class="accordion-body">
                          <p>Aliquam tincidunt enim in venenatis auctor. Maecenas sed porttitor justo. Etiam pharetra suscipit
                            libero, eu
                            suscipit
                            quam sollicitudin id. Etiam eget massa ipsum. Cras cursus mauris ac massa pellentesque, eu mattis felis
                            porta.
                            Sed
                            erat
                            nisl, placerat quis ultrices eget, pellentesque a augue. Phasellus vel scelerisque quam.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          {% include "../templates/layout/header-footer/footer.html" %}
        </div>
      </div>
    </div>
  </div>
</main>

{% endblock %}