111 lines
6.1 KiB
HTML
111 lines
6.1 KiB
HTML
|
<section class="py-5" aria-label="faq-2">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center text-center">
|
||
|
|
<div class="col-lg-8 col-xl-7">
|
||
|
|
<span class="text-muted">F.A.Q</span>
|
||
|
|
<h2 class="display-5 fw-bold">Frequently Asked Questions</h2>
|
||
|
|
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row mt-4 justify-content-center">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="accordion faq accordion-flush" id="faqAccordion1">
|
||
|
|
<div class="accordion-item">
|
||
|
|
<h2 class="accordion-header" id="headingOne">
|
||
|
|
<button aria-controls="collapseOne" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseOne" data-bs-toggle="collapse" type="button">
|
||
|
|
<div class="text-muted me-3">
|
||
|
|
|
||
|
|
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1" id="collapseOne">
|
||
|
|
<div class="accordion-body">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores porro quidem qui recusandae animi eaque id atque, dolorum expedita magnam modi dolores corrupti. Laudantium cumque suscipit voluptas asperiores, et recusandae.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="accordion-item">
|
||
|
|
<h2 class="accordion-header" id="headingTwo">
|
||
|
|
<button aria-controls="collapseTwo" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseTwo" data-bs-toggle="collapse" type="button">
|
||
|
|
<div class="text-muted me-3">
|
||
|
|
|
||
|
|
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1" id="collapseTwo">
|
||
|
|
<div class="accordion-body">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores porro quidem qui recusandae animi eaque id atque, dolorum expedita magnam modi dolores corrupti. Laudantium cumque suscipit voluptas asperiores, et recusandae.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="accordion-item">
|
||
|
|
<h2 class="accordion-header" id="headingThree">
|
||
|
|
<button aria-controls="collapseThree" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseThree" data-bs-toggle="collapse" type="button">
|
||
|
|
<div class="text-muted me-3">
|
||
|
|
|
||
|
|
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1" id="collapseThree">
|
||
|
|
<div class="accordion-body">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores porro quidem qui recusandae animi eaque id atque, dolorum expedita magnam modi dolores corrupti. Laudantium cumque suscipit voluptas asperiores, et recusandae.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="accordion faq accordion-flush" id="faqAccordion2">
|
||
|
|
<div class="accordion-item">
|
||
|
|
<h2 class="accordion-header" id="headingOne">
|
||
|
|
<button aria-controls="collapseOne2" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseOne2" data-bs-toggle="collapse" type="button">
|
||
|
|
<div class="text-muted me-3">
|
||
|
|
|
||
|
|
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2" id="collapseOne2">
|
||
|
|
<div class="accordion-body">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores porro quidem qui recusandae animi eaque id atque, dolorum expedita magnam modi dolores corrupti. Laudantium cumque suscipit voluptas asperiores, et recusandae.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="accordion-item">
|
||
|
|
<h2 class="accordion-header" id="headingTwo">
|
||
|
|
<button aria-controls="collapseTwo2" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseTwo2" data-bs-toggle="collapse" type="button">
|
||
|
|
<div class="text-muted me-3">
|
||
|
|
|
||
|
|
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2" id="collapseTwo2">
|
||
|
|
<div class="accordion-body">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores porro quidem qui recusandae animi eaque id atque, dolorum expedita magnam modi dolores corrupti. Laudantium cumque suscipit voluptas asperiores, et recusandae.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="accordion-item">
|
||
|
|
<h2 class="accordion-header" id="headingThree">
|
||
|
|
<button aria-controls="collapseThree2" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseThree2" data-bs-toggle="collapse" type="button">
|
||
|
|
<div class="text-muted me-3">
|
||
|
|
|
||
|
|
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||
|
|
</button>
|
||
|
|
</h2>
|
||
|
|
<div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2" id="collapseThree2">
|
||
|
|
<div class="accordion-body">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores porro quidem qui recusandae animi eaque id atque, dolorum expedita magnam modi dolores corrupti. Laudantium cumque suscipit voluptas asperiores, et recusandae.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|