<div class="accordion accordion-style-1" id="accordion-1">
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="" data-toggle="collapse" data-target="#collapse-1-1" aria-expanded="false">
                    What are top stories?
                </a>
            </h6>
        </div>
        <div id="collapse-1-1" class="collapse show" data-parent="#accordion-1" style="">
            <div class="card-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-1-2">
                    Where are the new cast video?
                </a>
            </h6>
        </div>
        <div id="collapse-1-2" class="collapse" data-parent="#accordion-1">
            <div class="card-body">
                <p>Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-1-3">
                    Why we need to publish article
                </a>
            </h6>
        </div>
        <div id="collapse-1-3" class="collapse" data-parent="#accordion-1">
            <div class="card-body">
                <p>Placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-1-4">
                    How to subscribe the channel?
                </a>
            </h6>
        </div>
        <div id="collapse-1-4" class="collapse" data-parent="#accordion-1">
            <div class="card-body">
                <p>Dkmosa placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
</div>

<div class="accordion accordion-style-2" id="accordion-2">
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="" data-toggle="collapse" data-target="#collapse-2-1" aria-expanded="false">
                    What are top stories?
                </a>
            </h6>
        </div>
        <div id="collapse-2-1" class="collapse show" data-parent="#accordion-2" style="">
            <div class="card-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-2-2">
                    Where are the newcast video?
                </a>
            </h6>
        </div>
        <div id="collapse-2-2" class="collapse" data-parent="#accordion-2">
            <div class="card-body">
                <p>Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-2-3">
                    Why we need to publish article
                </a>
            </h6>
        </div>
        <div id="collapse-2-3" class="collapse" data-parent="#accordion-2">
            <div class="card-body">
                <p>Placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-2-4">
                    How to subscribe the channel?
                </a>
            </h6>
        </div>
        <div id="collapse-2-4" class="collapse" data-parent="#accordion-2">
            <div class="card-body">
                <p>Dkmosa placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
</div>

<div class="accordion accordion-style-3" id="accordion-3">
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="" data-toggle="collapse" data-target="#collapse-3-1" aria-expanded="false">
                    What are top stories?
                </a>
            </h6>
        </div>
        <div id="collapse-3-1" class="collapse show" data-parent="#accordion-3" style="">
            <div class="card-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-3-2">
                    Where are the newcast video?
                </a>
            </h6>
        </div>
        <div id="collapse-3-2" class="collapse" data-parent="#accordion-3">
            <div class="card-body">
                <p>Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-3-3">
                    Why we need to publish article
                </a>
            </h6>
        </div>
        <div id="collapse-3-3" class="collapse" data-parent="#accordion-3">
            <div class="card-body">
                <p>Placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-3-4">
                    How to subscribe the channel?
                </a>
            </h6>
        </div>
        <div id="collapse-3-4" class="collapse" data-parent="#accordion-3">
            <div class="card-body">
                <p>Dkmosa placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
            </div>
        </div>
    </div>
</div>

<div class="accordion accordion-style-4" id="accordion-4">
    <div class="row">
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h6>
                        <a class="font-weight-600" data-toggle="collapse" data-target="#collapse-4-1" aria-expanded="false">
                            <i class="vl-building fa-2x"></i>
                            <span>Hotel & Accommodation</span>
                        </a>
                    </h6>
                </div>
                <div id="collapse-4-1" class="collapse show" data-parent="#accordion-4" style="">
                    <div class="card-body">
                        <ul class="accordion-list">
                            <li><a href="#"><i class="fa fa-angle-right pr-3"></i>Hotel Intercontinental</a></li>
                            <li><a href="#"><i class="fa fa-angle-right pr-3"></i>Sea Crown Hotel</a></li>
                            <li><a href="#"><i class="fa fa-angle-right pr-3"></i>Marmaid Eco Resort</a></li>
                            <li><a href="#"><i class="fa fa-angle-right pr-3"></i>Blue Marine</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h6>
                        <a class="collapsed font-weight-600" data-toggle="collapse" data-target="#collapse-4-2">
                            <i class="vl-burger fa-2x"></i>
                            <span>Food & Drinks</span>
                        </a>
                    </h6>
                </div>
                <div id="collapse-4-2" class="collapse" data-parent="#accordion-4">
                    <div class="card-body">
                        <p>Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h6>
                        <a class="collapsed font-weight-600" data-toggle="collapse" data-target="#collapse-4-3">
                            <i class="vl-delivery-van fa-2x"></i>
                            <span>Transportation</span>
                        </a>
                    </h6>
                </div>
                <div id="collapse-4-3" class="collapse" data-parent="#accordion-4">
                    <div class="card-body">
                        <p>Placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque mattis, leo quam aliquet diam, congue laoreet elit metus eget diam. Proin ac metus diam.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>