happychin-web/pages/faq/index.vue

<template>
  <Preloader></Preloader>
  <FixArea></FixArea>
  <Header-top-section sectionClass="header-top-section-4" />
  <TopHeader headerClass="header-4" />
  <div class="search-wrap">
    <div class="search-inner">
      <i class="fas fa-times search-close" id="search-close"></i>
      <div class="search-cell">
        <form method="get">
          <div class="search-field-holder">
            <input type="search" class="main-search-input" placeholder="Search..." />
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="breadcrumb-wrapper bg-cover" style="background-image: url('/image/breadcrumb.svg')">
    <div class="line-shape">
      <img src="/picture/line1.png" alt="shape-img" />
    </div>
    <div class="plane-shape float-bob-y">
      <img src="/picture/plane2.png" alt="shape-img" />
    </div>
    <div class="doll-shape float-bob-x">
      <img src="/picture/doll.png" alt="shape-img" />
    </div>
    <div class="parasuit-shape float-bob-y">
      <img src="/picture/parasuit1.png" alt="shape-img" />
    </div>
    <div class="frame-shape">
      <img src="/picture/frame3.png" alt="shape-img" />
    </div>
    <div class="bee-shape float-bob-x">
      <img src="/picture/bee1.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="page-heading">
        <h1 class="wow fadeInUp" data-wow-delay=".3s">FAQs</h1>
        <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
          <li>
            <a href="p9wfc14694.html">Home</a>
          </li>
          <li>
            <i class="fas fa-chevron-right"></i>
          </li>
          <li>FAQs</li>
        </ul>
      </div>
    </div>
  </div>
  <section class="faq-section fix section-padding">
    <div class="container">
      <div class="faq-wrapper">
        <div class="row g-4">
          <div class="col-lg-3">
            <div class="faq-left">
              <ul class="nav" role="tablist">
                <li class="nav-item" role="presentation">
                  <a
                    href="#trust"
                    data-bs-toggle="tab"
                    class="nav-link active"
                    aria-selected="true"
                    role="tab"
                  >
                    Trust & Safety
                  </a>
                </li>
                <li class="nav-item" role="presentation">
                  <a
                    href="#general"
                    data-bs-toggle="tab"
                    class="nav-link"
                    aria-selected="false"
                    role="tab"
                    tabindex="-1"
                  >
                    General
                  </a>
                </li>
                <li class="nav-item" role="presentation">
                  <a
                    href="#programs"
                    data-bs-toggle="tab"
                    class="nav-link"
                    aria-selected="false"
                    role="tab"
                    tabindex="-1"
                  >
                    Programs
                  </a>
                </li>
                <li class="nav-item" role="presentation">
                  <a
                    href="#kindergarten"
                    data-bs-toggle="tab"
                    class="nav-link"
                    aria-selected="false"
                    role="tab"
                    tabindex="-1"
                  >
                    Kindergarten
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-lg-9">
            <div class="tab-content">
              <div id="trust" class="tab-pane fade show active" role="tabpanel">
                <div class="faq-content">
                  <div class="faq-accordion">
                    <div class="accordion" id="accordion">
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq1"
                            aria-expanded="true"
                            aria-controls="faq1"
                          >
                            What skills will my child learn by using kinder?
                          </button>
                        </h5>
                        <div
                          id="faq1"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq2"
                            aria-expanded="false"
                            aria-controls="faq2"
                          >
                            What is included in your services?
                          </button>
                        </h5>
                        <div id="faq2" class="accordion-collapse show" data-bs-parent="#accordion">
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq3"
                            aria-expanded="false"
                            aria-controls="faq3"
                          >
                            What type of company is measured?
                          </button>
                        </h5>
                        <div
                          id="faq3"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq4"
                            aria-expanded="false"
                            aria-controls="faq4"
                          >
                            Are the tours included with meals?
                          </button>
                        </h5>
                        <div
                          id="faq4"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq5"
                            aria-expanded="false"
                            aria-controls="faq5"
                          >
                            What Activities are Done in the Development?
                          </button>
                        </h5>
                        <div
                          id="faq5"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq6"
                            aria-expanded="false"
                            aria-controls="faq6"
                          >
                            What ages is Prodigies designed for?
                          </button>
                        </h5>
                        <div
                          id="faq6"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="general" class="tab-pane fade" role="tabpanel">
                <div class="faq-content">
                  <div class="faq-accordion">
                    <div class="accordion" id="accordion2">
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq11"
                            aria-expanded="true"
                            aria-controls="faq11"
                          >
                            What skills will my child learn by using kinder?
                          </button>
                        </h5>
                        <div
                          id="faq11"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq22"
                            aria-expanded="false"
                            aria-controls="faq22"
                          >
                            What is included in your services?
                          </button>
                        </h5>
                        <div id="faq22" class="accordion-collapse show" data-bs-parent="#accordion">
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq33"
                            aria-expanded="false"
                            aria-controls="faq33"
                          >
                            What type of company is measured?
                          </button>
                        </h5>
                        <div
                          id="faq33"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq44"
                            aria-expanded="false"
                            aria-controls="faq44"
                          >
                            Are the tours included with meals?
                          </button>
                        </h5>
                        <div
                          id="faq44"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq55"
                            aria-expanded="false"
                            aria-controls="faq55"
                          >
                            What Activities are Done in the Development?
                          </button>
                        </h5>
                        <div
                          id="faq55"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq66"
                            aria-expanded="false"
                            aria-controls="faq66"
                          >
                            What ages is Prodigies designed for?
                          </button>
                        </h5>
                        <div
                          id="faq66"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="programs" class="tab-pane fade" role="tabpanel">
                <div class="faq-content">
                  <div class="faq-accordion">
                    <div class="accordion" id="accordion3">
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq111"
                            aria-expanded="true"
                            aria-controls="faq111"
                          >
                            What skills will my child learn by using kinder?
                          </button>
                        </h5>
                        <div
                          id="faq111"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq222"
                            aria-expanded="false"
                            aria-controls="faq222"
                          >
                            What is included in your services?
                          </button>
                        </h5>
                        <div
                          id="faq222"
                          class="accordion-collapse show"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq333"
                            aria-expanded="false"
                            aria-controls="faq333"
                          >
                            What type of company is measured?
                          </button>
                        </h5>
                        <div
                          id="faq333"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq444"
                            aria-expanded="false"
                            aria-controls="faq444"
                          >
                            Are the tours included with meals?
                          </button>
                        </h5>
                        <div
                          id="faq444"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq555"
                            aria-expanded="false"
                            aria-controls="faq555"
                          >
                            What Activities are Done in the Development?
                          </button>
                        </h5>
                        <div
                          id="faq555"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq666"
                            aria-expanded="false"
                            aria-controls="faq666"
                          >
                            What ages is Prodigies designed for?
                          </button>
                        </h5>
                        <div
                          id="faq666"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="kindergarten" class="tab-pane fade" role="tabpanel">
                <div class="faq-content">
                  <div class="faq-accordion">
                    <div class="accordion" id="accordion4">
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq1111"
                            aria-expanded="true"
                            aria-controls="faq1111"
                          >
                            What skills will my child learn by using kinder?
                          </button>
                        </h5>
                        <div
                          id="faq1111"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq2222"
                            aria-expanded="false"
                            aria-controls="faq2222"
                          >
                            What is included in your services?
                          </button>
                        </h5>
                        <div
                          id="faq2222"
                          class="accordion-collapse show"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq3333"
                            aria-expanded="false"
                            aria-controls="faq3333"
                          >
                            What type of company is measured?
                          </button>
                        </h5>
                        <div
                          id="faq3333"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq4444"
                            aria-expanded="false"
                            aria-controls="faq4444"
                          >
                            Are the tours included with meals?
                          </button>
                        </h5>
                        <div
                          id="faq4444"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item mb-3">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq5555"
                            aria-expanded="false"
                            aria-controls="faq5555"
                          >
                            What Activities are Done in the Development?
                          </button>
                        </h5>
                        <div
                          id="faq5555"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item">
                        <h5 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq6666"
                            aria-expanded="false"
                            aria-controls="faq6666"
                          >
                            What ages is Prodigies designed for?
                          </button>
                        </h5>
                        <div
                          id="faq6666"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion"
                        >
                          <div class="accordion-body">
                            Nulla facilisi. Vestibulum tristique sem in eros eleifend imperdiet.
                            Donec quis convallis neque. In id lacus pulvinar lacus, eget vulputate
                            lectus. Ut viverra bibendum lorem, at tempus nibh mattis in massa eget
                            lacus consequat auctor.
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <FooterSection></FooterSection>
</template>