"bootstrap FAQ"
Bootstrap 4.1.1 Snippet by Poojathakur

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <title> </title> <meta charset="utf-8" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <title></title> <meta content="" name="description" /> <meta content="" name="keywords" /> <!-- Favicons --> <link href="" rel="icon" /> <link href="" rel="apple-touch-icon" /> <!-- Vendor CSS Files --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" /> </head> <body> <!-- ======= FAQ section ======= --> <section class="FAQ"> <div class="container"> <div class="faq-inner text-center"> <h2>FAQs</h2> </div> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Can I be anonymous as a seller? </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>Yes, you can choose your own username, which shows on your listings and bidding. You do need to put in your real name and address when signing up, but they aren't shown to anyone until the transaction completes. If you have any further questions, please email us at hello@buymysku.com.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Are there any commissions payable when you sell with Buy My SKU? </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>No, there are no commissions or fees charged by Buy My SKU for a successful sale.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> What does it cost to sell on the platform? </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>We only charge listing fees when you create a listing to sell. More information can be found on our PRICING page.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingfour"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour"> Are there any restrictions on what products can be listed for sale? </button> </h2> <div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>Yes. Products that are illegal or unsafe may not be listed for sale. Adult products may be listed without photos. If you are unsure please email us hello@buymysku.com. Buy My SKU reserves the right to make the final descision as to whether a product listing breaches these requirements.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingfive"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive"> Are there any restrictions on what products can be listed for sale? </button> </h2> <div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>Yes. Products that are illegal or unsafe may not be listed for sale. Adult products may be listed without photos. If you are unsure please email us hello@buymysku.com. Buy My SKU reserves the right to make the final descision as to whether a product listing breaches these requirements.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingsix"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsesix" aria-expanded="false" aria-controls="collapsix"> How do I collect payment when I've sold a listing? </button> </h2> <div id="collapsesix" class="accordion-collapse collapse" aria-labelledby="headingsix" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p>No.</p> </div> </div> </div> </div> </div> </section> <!-- ======= FAQ END section ======= --> <!-- ======= JS Files ======= --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> </html>
.FAQ { padding: 100px 0px; position: relative; } .FAQ::after { position: absolute; content: ""; background-image: url("../images/store.png"); width: 277px; height: 216px; right: 0; bottom: 0; } .faq-inner { padding-bottom: 50px; } .FAQ .accordion { width: 100%; max-width: 900px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 0px 49px rgba(0, 162, 202, 0.13); border-radius: 5px; padding-bottom: 30px; } .FAQ .accordion-item { background-color: #fff; border: none; } .FAQ .accordion-button:not(.collapsed) { background-color: #00a2ca; box-shadow: none; font-weight: 500; font-size: 20px; text-transform: capitalize; color: #FFFFFF; } .FAQ .accordion-button { font-weight: 500; font-size: 20px; line-height: 40px; text-transform: capitalize; color: #000000; } .FAQ .accordion-button:not(.collapsed)::after { transform: none; position: relative; content: "-"; font-size: 40px; background-image: none; } .FAQ .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; position: relative; content: "+"; font-size: 26px; background-image: none; top: -12px; } .FAQ .accordion-body { padding: 1rem 1.25rem; background: #FBFBFB; }

Related: See More


Questions / Comments: