<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">
                    داستان های بزرگ چیست؟?
                </a>
            </h6>
        </div>
        <div id="collapse-1-1" class="collapse show" data-parent="#accordion-1" style="">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-1-2">
                    ویدیوی پخش جدید کجاست؟?
                </a>
            </h6>
        </div>
        <div id="collapse-1-2" class="collapse" data-parent="#accordion-1">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-1-3">
                    چرا ما باید مقاله را منتشر کنیم؟
                </a>
            </h6>
        </div>
        <div id="collapse-1-3" class="collapse" data-parent="#accordion-1">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-1-4">
                    نحوه اشتراک کانال؟?
                </a>
            </h6>
        </div>
        <div id="collapse-1-4" class="collapse" data-parent="#accordion-1">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </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">
                    داستان های بزرگ چیست؟?
                </a>
            </h6>
        </div>
        <div id="collapse-2-1" class="collapse show" data-parent="#accordion-2" style="">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-2-2">
                    ویدیو جدید جدید کجاست؟?
                </a>
            </h6>
        </div>
        <div id="collapse-2-2" class="collapse" data-parent="#accordion-2">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-2-3">
                    چرا ما باید مقاله را منتشر کنیم؟
                </a>
            </h6>
        </div>
        <div id="collapse-2-3" class="collapse" data-parent="#accordion-2">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-2-4">
                    نحوه اشتراک کانال؟?
                </a>
            </h6>
        </div>
        <div id="collapse-2-4" class="collapse" data-parent="#accordion-2">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </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">
                    داستان های بزرگ چیست؟?
                </a>
            </h6>
        </div>
        <div id="collapse-3-1" class="collapse show" data-parent="#accordion-3" style="">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-3-2">
                    ویدیو جدید جدید کجاست؟?
                </a>
            </h6>
        </div>
        <div id="collapse-3-2" class="collapse" data-parent="#accordion-3">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-3-3">
                    چرا ما باید مقاله را منتشر کنیم؟
                </a>
            </h6>
        </div>
        <div id="collapse-3-3" class="collapse" data-parent="#accordion-3">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h6>
                <a class="collapsed" data-toggle="collapse" data-target="#collapse-3-4">
                    نحوه اشتراک کانال؟?
                </a>
            </h6>
        </div>
        <div id="collapse-3-4" class="collapse" data-parent="#accordion-3">
            <div class="card-body">
                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </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>اقامت در هتل</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>هتل تاج دریایی</a></li>
                            <li><a href="#"><i class="fa fa-angle-right pr-3"></i>رستوران شیک</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>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </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>حمل و نقل</span>
                        </a>
                    </h6>
                </div>
                <div id="collapse-4-3" class="collapse" data-parent="#accordion-4">
                    <div class="card-body">
                        <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>