Accordions

Lorem ipsum dolor sit amet, adipisicing elit.
Accordion Single Open - Light & Dark
Lorem ipsum dolor sit amet, consectetur.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird.
Lorem ipsum dolor sit amet, consectetur adipisicing.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Numquam deleniti laudantium autem, magnam libero corrupti velit recusandae? Magni natus ducimus iste asperiores unde repellendus minus explicabo delectus facere. Libero, et.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.


Lorem ipsum dolor sit amet, consectetur.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird.
Lorem ipsum dolor sit amet, consectetur adipisicing.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Numquam deleniti laudantium autem, magnam libero corrupti velit recusandae? Magni natus ducimus iste asperiores unde repellendus minus explicabo delectus facere. Libero, et.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.
Accordion Styles

For accordion light use normal accordion.

For accordion dark add .accordion-dark class.

<div id="accordion">
    <div class="accordion-item">
        <div class="accordion-title">
            <h5 class="mb-0" data-toggle="collapse" data-target="#collapseOne">Title</h5>
        </div>
        <div class="collapse accordion-content" id="collapseOne" data-parent="#accordion">
            <div class="accordion-content-inner">
                Content
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <div class="accordion-title">
            <h5 class="mb-0" data-toggle="collapse" data-target="#collapseTwo">Title</h5>
        </div>
        <div class="collapse accordion-content" id="collapseTwo" data-parent="#accordion">
            <div class="accordion-content-inner">
                Content
            </div>
        </div>
    </div>
</div>
Accordion Multiple Open - Light & Dark
Lorem ipsum dolor sit amet, consectetur.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird.
Lorem ipsum dolor sit amet, consectetur adipisicing.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Numquam deleniti laudantium autem, magnam libero corrupti velit recusandae? Magni natus ducimus iste asperiores unde repellendus minus explicabo delectus facere. Libero, et.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.


Lorem ipsum dolor sit amet, consectetur.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird.
Lorem ipsum dolor sit amet, consectetur adipisicing.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Numquam deleniti laudantium autem, magnam libero corrupti velit recusandae? Magni natus ducimus iste asperiores unde repellendus minus explicabo delectus facere. Libero, et.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.
Lorem ipsum dolor sit amet, consectetur.
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est neque ipsa.
<div id="accordion">
    <div class="accordion-item">
        <div class="accordion-title">
            <h5 class="mb-0" data-toggle="collapse" data-target="#collapseThree-3"> Lorem ipsum dolor sit amet, consectetur.</h5>
        </div>
        <div class="collapse accordion-content" id="collapseThree-3">
            <div class="accordion-content-inner">
                aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto
                corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est
                neque ipsa.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <div class="accordion-title">
            <h5 class="mb-0" data-toggle="collapse" data-target="#collapseFour-3"> Lorem ipsum dolor sit amet, consectetur.</h5>
        </div>
        <div class="collapse accordion-content" id="collapseFour-3">
            <div class="accordion-content-inner">
                aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto
                corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est
                neque ipsa.
            </div>
        </div>
    </div>
</div>