init
This commit is contained in:
60
static/Vvvebjs/demo/landing/sections/faq/faq-1.html
Normal file
60
static/Vvvebjs/demo/landing/sections/faq/faq-1.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<section class="py-5" aria-label="faq-1">
|
||||
<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 Consequatur quidem eius cum voluptatum quasi delectus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4 justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
111
static/Vvvebjs/demo/landing/sections/faq/faq-2.html
Normal file
111
static/Vvvebjs/demo/landing/sections/faq/faq-2.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<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>
|
||||
69
static/Vvvebjs/demo/landing/sections/faq/faq-3.html
Normal file
69
static/Vvvebjs/demo/landing/sections/faq/faq-3.html
Normal file
@@ -0,0 +1,69 @@
|
||||
<section class="py-5" aria-label="faq-3">
|
||||
<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 Consequatur quidem eius cum voluptatum quasi delectus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4 justify-content-center">
|
||||
<div class="col-md-5">
|
||||
<span class="text-muted">Lorem ipsum dolor</span>
|
||||
<h2 class="fw-bold">Have Any Questions?</h2>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequatur quidem eius cum voluptatum quasi delectus assumenda culpa.</p>
|
||||
<a class="btn btn-primary mt-1" href="/page/contact">Contact us</a>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<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>
|
||||
245
static/Vvvebjs/demo/landing/sections/faq/faq-4.html
Normal file
245
static/Vvvebjs/demo/landing/sections/faq/faq-4.html
Normal file
@@ -0,0 +1,245 @@
|
||||
<section class="py-5" aria-label="faq-4">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center mb-5">
|
||||
<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 Consequatur quidem eius cum voluptatum quasi delectus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<div class="row g-3 g-md-4">
|
||||
<div class="col-lg-6">
|
||||
<h6 class="mb-3 mt-3 mt-md-0">Technical</h6>
|
||||
<div class="accordion faq accordion-flush" id="faq1-accordion accordion-flush">
|
||||
<div class="accordion faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq1-headingOne">
|
||||
<button aria-controls="faq1-collapseOne" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq1-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="faq1-headingOne" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq1-accordion accordion-flush" id="faq1-collapseOne">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq1-headingTwo">
|
||||
<button aria-controls="faq1-collapseTwo" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq1-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="faq1-headingTwo" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq1-accordion accordion-flush" id="faq1-collapseTwo">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq1-headingThree">
|
||||
<button aria-controls="faq1-collapseThree" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq1-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="faq1-headingThree" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq1-accordion accordion-flush" id="faq1-collapseThree">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq1-headingFour">
|
||||
<button aria-controls="faq1-collapseFour" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq1-collapseFour" data-bs-toggle="collapse" type="button">
|
||||
<div class="text-muted me-3">
|
||||
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||||
</button>
|
||||
</h2>
|
||||
<div aria-labelledby="faq1-headingFour" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq1-accordion accordion-flush" id="faq1-collapseFour">
|
||||
<div class="accordion faq 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-lg-6">
|
||||
<h6 class="mb-3 mt-3 mt-md-0">Licensing</h6>
|
||||
<div class="accordion faq accordion-flush" id="faq2-accordion accordion-flush">
|
||||
<div class="accordion faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq1-headingOne">
|
||||
<button aria-controls="faq2-collapseOne" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq2-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="faq2-headingOne" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq2-accordion accordion-flush" id="faq2-collapseOne">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq2-headingTwo">
|
||||
<button aria-controls="faq2-collapseTwo" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq2-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="faq2-headingTwo" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq2-accordion accordion-flush" id="faq2-collapseTwo">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq2-headingThree">
|
||||
<button aria-controls="faq2-collapseThree" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq2-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="faq2-headingThree" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq2-accordion accordion-flush" id="faq2-collapseThree">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq2-headingFour">
|
||||
<button aria-controls="faq2-collapseFour" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq2-collapseFour" data-bs-toggle="collapse" type="button">
|
||||
<div class="text-muted me-3">
|
||||
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||||
</button>
|
||||
</h2>
|
||||
<div aria-labelledby="faq2-headingFour" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq2-accordion accordion-flush" id="faq2-collapseFour">
|
||||
<div class="accordion faq 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-lg-6">
|
||||
<h6 class="mb-3 mt-3 mt-md-0">Support</h6>
|
||||
<div class="accordion faq accordion-flush" id="faq3-accordion accordion-flush">
|
||||
<div class="accordion faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq3-headingOne">
|
||||
<button aria-controls="faq3-collapseOne" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq3-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="faq3-headingOne" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq3-accordion accordion-flush" id="faq3-collapseOne">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq3-headingTwo">
|
||||
<button aria-controls="faq3-collapseTwo" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq3-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="faq3-headingTwo" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq3-accordion accordion-flush" id="faq3-collapseTwo">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq3-headingThree">
|
||||
<button aria-controls="faq3-collapseThree" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq3-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="faq3-headingThree" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq3-accordion accordion-flush" id="faq3-collapseThree">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq3-headingFour">
|
||||
<button aria-controls="faq3-collapseFour" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq3-collapseFour" data-bs-toggle="collapse" type="button">
|
||||
<div class="text-muted me-3">
|
||||
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||||
</button>
|
||||
</h2>
|
||||
<div aria-labelledby="faq3-headingFour" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq3-accordion accordion-flush" id="faq3-collapseFour">
|
||||
<div class="accordion faq 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-lg-6">
|
||||
<h6 class="mb-3 mt-3 mt-md-0">Payments</h6>
|
||||
<div class="accordion faq accordion-flush" id="faq4-accordion accordion-flush">
|
||||
<div class="accordion faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq4-headingOne">
|
||||
<button aria-controls="faq4-collapseOne" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq4-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="faq4-headingOne" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq4-accordion accordion-flush" id="faq4-collapseOne">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq4-headingTwo">
|
||||
<button aria-controls="faq4-collapseTwo" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq4-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="faq4-headingTwo" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq4-accordion accordion-flush" id="faq4-collapseTwo">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq4-headingThree">
|
||||
<button aria-controls="faq4-collapseThree" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq4-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="faq4-headingThree" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq4-accordion accordion-flush" id="faq4-collapseThree">
|
||||
<div class="accordion faq 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 faq accordion-item">
|
||||
<h2 class="accordion faq accordion-header" id="faq4-headingFour">
|
||||
<button aria-controls="faq4-collapseFour" aria-expanded="false" class="accordion faq accordion-button collapsed" data-bs-target="#faq4-collapseFour" data-bs-toggle="collapse" type="button">
|
||||
<div class="text-muted me-3">
|
||||
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||||
</button>
|
||||
</h2>
|
||||
<div aria-labelledby="faq4-headingFour" class="accordion faq accordion-collapse collapse" data-bs-parent="#faq4-accordion accordion-flush" id="faq4-collapseFour">
|
||||
<div class="accordion faq 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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
141
static/Vvvebjs/demo/landing/sections/faq/faq-5.html
Normal file
141
static/Vvvebjs/demo/landing/sections/faq/faq-5.html
Normal file
@@ -0,0 +1,141 @@
|
||||
<section class="py-5" aria-label="subscribe-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center mb-5">
|
||||
<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 Consequatur quidem eius cum voluptatum quasi delectus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center pt-lg-3">
|
||||
<div class="col-md-3">
|
||||
<h2 class="mt-3 fw-bold">Payment</h2>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="accordion faq accordion-flush" id="payment-accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="payment-headingOne">
|
||||
<button aria-controls="payment-collapseOne" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#payment-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="payment-headingOne" class="accordion-collapse collapse" data-bs-parent="#payment-accordion" id="payment-collapseOne">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="payment-headingTwo">
|
||||
<button aria-controls="payment-collapseTwo" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#payment-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="payment-headingTwo" class="accordion-collapse collapse" data-bs-parent="#payment-accordion" id="payment-collapseTwo">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="payment-headingThree">
|
||||
<button aria-controls="payment-collapseThree" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#payment-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="payment-headingThree" class="accordion-collapse collapse" data-bs-parent="#payment-accordion" id="payment-collapseThree">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="payment-headingFour">
|
||||
<button aria-controls="payment-collapseFour" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#payment-collapseFour" data-bs-toggle="collapse" type="button">
|
||||
<div class="text-muted me-3">
|
||||
|
||||
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||||
</button>
|
||||
</h2>
|
||||
<div aria-labelledby="payment-headingFour" class="accordion-collapse collapse" data-bs-parent="#payment-accordion" id="payment-collapseFour">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-md-3">
|
||||
<h2 class="mt-3 fw-bold">Shipping</h2>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="accordion faq accordion-flush" id="Shipping-accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="Shipping-headingOne">
|
||||
<button aria-controls="Shipping-collapseOne" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#Shipping-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="Shipping-headingOne" class="accordion-collapse collapse" data-bs-parent="#Shipping-accordion" id="Shipping-collapseOne">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="Shipping-headingTwo">
|
||||
<button aria-controls="Shipping-collapseTwo" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#Shipping-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="Shipping-headingTwo" class="accordion-collapse collapse" data-bs-parent="#Shipping-accordion" id="Shipping-collapseTwo">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="Shipping-headingThree">
|
||||
<button aria-controls="Shipping-collapseThree" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#Shipping-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="Shipping-headingThree" class="accordion-collapse collapse" data-bs-parent="#Shipping-accordion" id="Shipping-collapseThree">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="Shipping-headingFour">
|
||||
<button aria-controls="Shipping-collapseFour" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#Shipping-collapseFour" data-bs-toggle="collapse" type="button">
|
||||
<div class="text-muted me-3">
|
||||
|
||||
</div>Lorem ipsum dolor sit amet adipisicing ?
|
||||
</button>
|
||||
</h2>
|
||||
<div aria-labelledby="Shipping-headingFour" class="accordion-collapse collapse" data-bs-parent="#Shipping-accordion" id="Shipping-collapseFour">
|
||||
<div class="accordion-body">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quos voluptatum at, quibusdam blanditiis saepe soluta laborum, repellendus nemo id porro dolor eveniet perspiciatis veritatis doloremque aliquam nam! Libero, nostrum!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
107
static/Vvvebjs/demo/landing/sections/faq/faq-6.html
Normal file
107
static/Vvvebjs/demo/landing/sections/faq/faq-6.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<section class="py-5" aria-label="faq-6">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center mb-3">
|
||||
<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 Consequatur quidem eius cum voluptatum quasi delectus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<div class="row g-3 g-md-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="card bg-body-tertiary p-4">
|
||||
<div class=" d-flex">
|
||||
<div class="text-muted me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card bg-body-tertiary p-4">
|
||||
<div class=" d-flex">
|
||||
<div class="text-muted me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card bg-body-tertiary p-4">
|
||||
<div class=" d-flex">
|
||||
<div class="text-muted me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card bg-body-tertiary p-4">
|
||||
<div class=" d-flex">
|
||||
<div class="text-muted me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card bg-body-tertiary p-4">
|
||||
<div class=" d-flex">
|
||||
<div class="text-muted me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card bg-body-tertiary p-4">
|
||||
<div class=" d-flex">
|
||||
<div class="text-muted me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
95
static/Vvvebjs/demo/landing/sections/faq/faq-7.html
Normal file
95
static/Vvvebjs/demo/landing/sections/faq/faq-7.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<section class="py-5" aria-label="faq-7">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center mb-3">
|
||||
<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 Consequatur quidem eius cum voluptatum quasi delectus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-10">
|
||||
<div class="row g-4 g-md-5">
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex">
|
||||
<div class="text-primary me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex">
|
||||
<div class="text-primary me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex">
|
||||
<div class="text-primary me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex">
|
||||
<div class="text-primary me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex">
|
||||
<div class="text-primary me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex">
|
||||
<div class="text-primary me-4">
|
||||
<svg class="bi bi-question-circle-fill" fill="currentColor" height="32" viewbox="0 0 16 16" width="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-2 mb-lg-4 fw-bold">Lorem ipsum dolor adipisicing ?</h5>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nihil. Praesentium nostrum fugiat id dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user