ACCORDION

                
                        
    <div class="accordion-style-1">
        <h3>Accordion Style 1</h3>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-1-1" role="button" aria-expanded="false" aria-controls="item-1-1" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-1-1">
                <div class="item-content">
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-1-2" role="button" aria-expanded="false" aria-controls="item-1-2" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-1-2">
                <div class="item-content">
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-1-3" role="button" aria-expanded="false" aria-controls="item-1-3" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-1-3">
                <div class="item-content">
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-1-4" role="button" aria-expanded="false" aria-controls="item-1-4" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-1-4">
                <div class="item-content">
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
    </div>
                        
                    Copy to clipboard
                    

                
                        
    <div class="accordion-style-2">
        <h3>Accordion Style 2</h3>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-2-1" role="button" aria-expanded="false" aria-controls="item-2-1" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-2-1">
                <div class="item-content">
                    <hr>
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-2-2" role="button" aria-expanded="false" aria-controls="item-2-2" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-2-2">
                <div class="item-content">
                    <hr>
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-2-3" role="button" aria-expanded="false" aria-controls="item-2-3" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-2-3">
                <div class="item-content">
                    <hr>
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <a class="collapsed" data-toggle="collapse" href="#item-2-4" role="button" aria-expanded="false" aria-controls="item-2-4" title="Title">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing?</p>
            </a>
            <div class="collapse" id="item-2-4">
                <div class="item-content">
                    <hr>
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elk. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullarnco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure dolor in reprehenderit in voluptate velit use cilium dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. sunt in culpa qui officia deserunt monk anim id est laborum.</p>
                </div>
            </div>
        </div>
    </div>
                        
                    Copy to clipboard
                    

                
                        
    <div class="accordion-style-3">
        <h3>Accordion Style 3</h3>
        <div class="row">
            <div class="col-lg-6 col-md-12 col-12">
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-1" role="button" aria-expanded="false" aria-controls="item-3-1" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-1">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-2" role="button" aria-expanded="false" aria-controls="item-3-2" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-2">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-3" role="button" aria-expanded="false" aria-controls="item-3-3" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-3">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-4" role="button" aria-expanded="false" aria-controls="item-3-4" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-4">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-12">
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-5" role="button" aria-expanded="false" aria-controls="item-3-5" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-5">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-6" role="button" aria-expanded="false" aria-controls="item-3-6" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-6">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-7" role="button" aria-expanded="false" aria-controls="item-3-7" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-7">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <a class="collapsed" data-toggle="collapse" href="#item-3-8" role="button" aria-expanded="false" aria-controls="item-3-8" title="Title">
                        <p>Lorem ipsum dolor sit amet adipiscing?</p>
                    </a>
                    <div class="collapse" id="item-3-8">
                        <div class="item-content">
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. quis nostrud exercitation ullamco aborts nisi ut aliquip ex ea commodo consequat. Duls ante irure dolor In reprehenderit In voluptate</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
                        
                    Copy to clipboard