Collapse

<div class="accordion mb-6" id="accordionExample">
    <div class="card mb-4">
        <a href="#collapseOne"
           class="card-header text-decoration-none"
           data-toggle="collapse"
           aria-expanded="true" aria-controls="collapseOne" id="headingOne">
            <span class="card-icon"><i class="fas fa-cube"></i></span>
            <span class="card-title mb-0">
                Our Mission
            </span>
			<span class="dynamic-icon"></span>
        </a>
        <div id="collapseOne" class="collapse show"
             aria-labelledby="headingOne"
             data-parent="#accordionExample">
            <div class="card-body">
                No one rejects, dislikes, or avoids pleasure itself, because
                it
                is pleasure, but because those who do not know is blend mol
                how
                to pursue pleasure ration ignitation.Lorem ipsum dolor sit
                amet..
            </div>
        </div>
    </div>
    <div class="card mb-4">
        <a href="#collapseTwo" class="card-header collapsed text-decoration-none"
           id="headingTwo"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseTwo">
            <span class="card-icon"><i class="fas fa-pencil-alt"></i></span>
            <span class="card-title mb-0">
                What We Do ?
            </span>
											<span class="dynamic-icon"></span>
        </a>
        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
             data-parent="#accordionExample">
            <div class="card-body">
                No one rejects, dislikes, or avoids pleasure itself, because
                it
                is pleasure, but because those who do not know is blend mol
                how
                to pursue pleasure ration ignitation.Lorem ipsum dolor sit
                amet..
            </div>
        </div>
    </div>
    <div class="card mb-4">
        <a href="#collapseThree" class="card-header collapsed text-decoration-none"
           id="headingThree"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseThree">
            <span class="card-icon"><i class="far fa-database"></i></span>
            <span class="card-title mb-0">
                Our Company’s Value
            </span>
											<span class="dynamic-icon"></span>
        </a>
        <div id="collapseThree" class="collapse"
             aria-labelledby="headingThree"
             data-parent="#accordionExample">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer
                labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you
                probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
</div>

<div class="accordion accordion-style-02" id="accordionExample-01">
    <div class="card">
        <a href="#collapseOne-01" class="card-header d-flex align-items-center text-decoration-none"
           data-toggle="collapse"
           aria-expanded="true" aria-controls="collapseOne" id="headingOne-01">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">
                1. How to contact with providers on Thedir?
            </span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseOne-01" class="collapse show" aria-labelledby="headingOne-01"
             data-parent="#accordionExample-01">
            <div class="card-body">
                No one rejects, dislikes, or avoids pleasure itself, because it
                is pleasure, but because those who do not know is blend mol how
                to pursue pleasure ration ignitation.Lorem ipsum dolor sit
                amet..
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseTwo-01" class="card-header collapsed text-decoration-none" id="headingTwo-01"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseTwo-01">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">
                2. How to write review on Thedir?
            </span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseTwo-01" class="collapse" aria-labelledby="headingTwo"
             data-parent="#accordionExample-01">
            <div class="card-body">
                Nulla venenatis. In pede mi, aliquet sit amet, euismod in,auctor ut,
                ligula. Aliquam dapibus tincidunt metu. Praesent justo dolor, lobortis
                quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.<br>
                Donec sagittis euismod purus. Sed ut perspiciatis unde omnis iste natus
                error sit voluptatem accusantium doloremque laudantium, totam rem
                aperiam, eaque ipsa quae ab illo inventore
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseThree-01" class="card-header collapsed text-decoration-none" id="headingThree-01"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseThree-01">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">
                3. How to become a provider on Thedir?</span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseThree-01" class="collapse" aria-labelledby="headingThree-01"
             data-parent="#accordionExample-01">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseFour" class="card-header collapsed text-decoration-none" id="headingFour"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseFour">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">4. What benefits that i will get when become provider?</span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
             data-parent="#accordionExample-01">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseFive" class="card-header collapsed text-decoration-none" id="headingFive"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseFive">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">5. What i have to when my listing has been reported by somone?</span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
             data-parent="#accordionExample-01">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseSix" class="card-header collapsed text-decoration-none" id="headingSix"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseSix">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">
                6. Where i can find a support from your team?</span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
             data-parent="#accordionExample-01">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseSeven" class="card-header collapsed text-decoration-none" id="headingSeven"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseSeven">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">
                7. How much comission that i can earn when use Thedir’s Affiliate?</span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
             data-parent="#accordionExample-01">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
    <div class="card">
        <a href="#collapseEight" class="card-header collapsed text-decoration-none" id="headingEight"
           data-toggle="collapse"
           aria-expanded="false" aria-controls="collapseEight">
            <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">
                8. How about secure and payment on Thedir?</span>
            <span class="dynamic-icon"></span>
        </a>
        <div id="collapseEight" class="collapse" aria-labelledby="headingEight"
             data-parent="#accordionExample-01">
            <div class="card-body">
                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 on it squid single-origin coffee nulla assumenda
                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                wes anderson cred nesciunt sapiente ea proident. Ad vegan
                excepteur butcher vice lomo. Leggings occaecat craft beer
                farm-to-table, raw denim aesthetic synth nesciunt you probably
                haven't heard of them accusamus labore sustainable VHS.
            </div>
        </div>
    </div>
</div>