<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin
=
"anonymous"
>
integrity
=
"sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
div
class
=
"accordion"
id
=
"accordionExample"
>
<
div
class
=
"card"
>
<
div
class
=
"card-header"
id
=
"headingOne"
>
<
h2
class
=
"mb-0"
>
<
button
class
=
"btn btn-link"
type
=
"button"
data-target
=
"#collapseOne"
aria-expanded
=
"true"
aria-controls
=
"collapseOne"
>
Collapsible Item 1
</
button
>
</
h2
>
</
div
>
<
div
id
=
"collapseOne"
class
=
"collapse show"
aria-labelledby
=
"headingOne"
data-parent
=
"#accordionExample"
>
<
div
class
=
"card-body"
>
This is slot 1.
</
div
>
</
div
>
</
div
>
<
div
class
=
"card"
>
<
div
class
=
"card-header"
id
=
"headingTwo"
>
<
h2
class
=
"mb-0"
>
<
button
class
=
"btn btn-link collapsed"
type
=
"button"
data-target
=
"#collapseTwo"
aria-expanded
=
"true"
aria-controls
=
"collapseTwo"
>
Collapsible Item 2
</
button
>
</
h2
>
</
div
>
<
div
id
=
"collapseTwo"
class
=
"collapse show"
aria-labelledby
=
"headingTwo"
data-parent
=
"#accordionExample"
>
<
div
class
=
"card-body"
>
This is slot 2.
</
div
>
</
div
>
</
div
>
<
div
class
=
"accordion"
id
=
"accordionExample1"
>
<
div
class
=
"card"
>
<
div
class
=
"card-header"
id
=
"headingThree"
>
<
h2
class
=
"mb-0"
>
<
button
class
=
"btn btn-link collapsed"
type
=
"button"
data-toggle
=
"collapse"
data-target
=
"#collapseThree"
aria-expanded
=
"false"
aria-controls
=
"collapseThree"
>
Collapsible Item 3
</
button
>
</
h2
>
</
div
>
<
div
id
=
"collapseThree"
class
=
"collapse"
aria-labelledby
=
"headingThree"
data-parent
=
"#accordionExample1"
>
<
div
class
=
"card-body"
>
This is slot 3.
</
div
>
</
div
>
</
div
>
<
div
class
=
"card"
>
<
div
class
=
"card-header"
id
=
"headingFour"
>
<
h2
class
=
"mb-0"
>
<
button
class
=
"btn btn-link collapsed"
type
=
"button"
data-toggle
=
"collapse"
data-target
=
"#collapseFour"
aria-expanded
=
"false"
aria-controls
=
"collapseFour"
>
Collapsible Item 4
</
button
>
</
h2
>
</
div
>
<
div
id
=
"collapseFour"
class
=
"collapse"
aria-labelledby
=
"headingFour"
data-parent
=
"#accordionExample1"
>
<
div
class
=
"card-body"
>
This is slot 4.
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>