F.A.Q.

  1. Q: What is yoga? A: Yoga is a physical, mental, and spiritual practice originating from ancient India, aimed at promoting overall health and well-being.

  2. Q: What are the benefits of practicing yoga? A: The benefits of yoga include improved flexibility, strength, balance, stress reduction, better sleep, increased mindfulness, and more.

  3. Q: Is yoga for everyone? A: Yes, yoga is for people of all ages, fitness levels, and abilities. The practice can be modified to meet individual needs and goals.

  4. Q: What should I wear to a yoga class? A: Comfortable, stretchy clothing that allows for full range of motion is recommended for yoga classes.

  5. Q: Do I need any special equipment for yoga? A: A yoga mat is recommended, but not required. Some classes may use props such as blocks, straps, or blankets.

  6. Q: What styles of yoga do you offer? A: (Specific styles offered by the studio should be listed here)

  7. Q: Are private yoga classes available? A: Yes, private yoga classes are available for individuals or small groups who prefer personalized instruction.

  8. Q: What is the class size for your group yoga classes? A: (The studio's policy on class size should be listed here)

  9. Q: What is the age range for your classes? A: (The studio's policy on age range for classes should be listed here)

  10. Q: Is there a beginner's class offered? A: Yes, beginner-friendly classes are offered for those new to yoga.

  11. Q: Are pre-registration and payment required for classes? A: (The studio's policy on pre-registration and payment should be listed here)

  12. Q: Are showers and changing facilities available? A: (The studio's policy on showers and changing facilities should be listed here)

  13. Q: Can I bring my own yoga mat? A: Yes, you are welcome to bring your own yoga mat.

  14. Q: Is there a cost for towel rental? A: (The studio's policy on towel rental should be listed here)

  15. Q: Are water and other beverages available for purchase? A: (The studio's policy on availability of water and other beverages for purchase should be listed here)

FAQ PAGE

FAQ'S

What is an FAQ Page?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit saepe sequi, illum facere necessitatibus cum aliquam id illo omnis maxime, totam soluta voluptate amet ut sit ipsum aperiam. Perspiciatis, porro!


Why do you need an FAQ page?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit saepe sequi, illum facere necessitatibus cum aliquam id illo omnis maxime, totam soluta voluptate amet ut sit ipsum aperiam. Perspiciatis, porro!


Does it improves the user experience of a website?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit saepe sequi, illum facere necessitatibus cum aliquam id illo omnis maxime, totam soluta voluptate amet ut sit ipsum aperiam. Perspiciatis, porro!

main.js file var faq = document.getElementsByClassName("faq-page"); var i; for (i = 0; i < faq.length; i++) { faq[i].addEventListener("click", function () { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var body = this.nextElementSibling; if (body.style.display === "block") { body.style.display = "none"; } else { body.style.display = "block"; } }); } body{ font-family: 'Work Sans', sans-serif; } .faq-heading{ border-bottom: #777; padding: 20px 60px; } .faq-container{ display: flex; justify-content: center; flex-direction: column; } .hr-line{ width: 60%; margin: auto; } /* Style the buttons that are used to open and close the faq-page body */ .faq-page { /* background-color: #eee; */ color: #444; cursor: pointer; padding: 30px 20px; width: 60%; border: none; outline: none; transition: 0.4s; margin: auto; } .faq-body{ margin: auto; /* text-align: center; */ width: 50%; padding: auto; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .faq-page:hover { background-color: #F9F9F9; } /* Style the faq-page panel. Note: hidden by default */ .faq-body { padding: 0 18px; background-color: white; display: none; overflow: hidden; } .faq-page:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; } .active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }