Accordion
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
<div class="style-1">
<div id="accordion-1" class="row">
<div class="col-12"><h2>Accordion</h2></div>
<div class="col-12 col-lg-6">
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-1">
<a class="card-title">Sed do eiusmod tempor incididunt ut labore</a>
</div>
<div id="style-1-tab-1" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-2">
<a class="card-title">Quis nostrud exercitation ullamco laboris nisi ut</a>
</div>
<div id="style-1-tab-2" class="card-body collapse" data-parent="#accordion-1">
<p>Suspendisse sed leo aliquam, porta risus sit amet, tristique libero. Vivamus aliquam tincidunt enim nec commodo. Sed vehicula iaculis aliquam. Cras vitae scelerisque eros, sed maximus enim. In euismod urna id porttitor eleifend. Sed porta nibh in risus imperdiet, a pretium nibh scelerisque. Ut blandit ullamcorper lectus, quis ultrices felis pulvinar vel. Ut mollis molestie mollis. Sed iaculis magna ut arcu facilisis, sed varius justo aliquam.</p>
</div>
</div>
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-7">
<a class="card-title">Duis aute irure dolor in reprehenderit in volupta</a>
</div>
<div id="style-1-tab-7" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-8">
<a class="card-title">Excepteur sint occaecat cupidatat non proident</a>
</div>
<div id="style-1-tab-8" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-3">
<a class="card-title">Quis autem vel eum iure reprehenderit qui in ea</a>
</div>
<div id="style-1-tab-3" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-4">
<a class="card-title">Vel illum qui dolorem eum fugiat quo voluptas</a>
</div>
<div id="style-1-tab-4" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-5">
<a class="card-title">Nemo enim ipsam voluptatem quia voluptas sit</a>
</div>
<div id="style-1-tab-5" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-1-tab-6">
<a class="card-title">Numquam eius modi tempora incidunt ut labore</a>
</div>
<div id="style-1-tab-6" class="card-body collapse" data-parent="#accordion-1">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
</div>
</div>
</div>
Error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt eque porro quisquam est, qui dolorem ipsum quia dolor.
Error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt eque porro quisquam est, qui dolorem ipsum quia dolor.
Error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt eque porro quisquam est, qui dolorem ipsum quia dolor.
<div class="style-2">
<div id="accordion-2" class="row">
<div class="col-12">
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-2-tab-1">
<a class="card-title">Solar Energy Generation</a>
</div>
<div id="style-2-tab-1" class="card-body collapse" data-parent="#accordion-2">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
</div>
<div class="col-12">
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-2-tab-2">
<a class="card-title">Wind Mill Energy Generation</a>
</div>
<div id="style-2-tab-2" class="card-body collapse" data-parent="#accordion-2">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
</div>
<div class="col-12">
<div class="yg-card-wrapper">
<div class="card-header collapsed" data-toggle="collapse" data-target="#style-2-tab-3">
<a class="card-title">Bio Fuel Energy Generation</a>
</div>
<div id="style-2-tab-3" class="card-body collapse" data-parent="#accordion-2">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div>
</div>
</div>
</div>