netflix.faq

<!-- FAQ -->

      <div id="faq" class="row d-flex justify-content-center align-items-center">


        <div class="inner col-8 d-flex flex-column justify-content-center align-items-center">


          <h1 class="title">Frequently Asked Questions</h1>


          <!-- Accordion Item -->

            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingTwo">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                  How much does Netflix cost?
                </button>
              </h2>
              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Watch Netflix on your smartphone, tablet, Smart TV, laptop, or streaming device, all for one fixed monthly fee. Plans range from MXN139 to MXN266 a month. No extra costs, no contracts.</div>
              </div>
            </div>

            <!-- Accordion Item -->

            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingThree">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                  Where can I watch?
                </button>
              </h2>
              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Watch anywhere, anytime, on an unlimited number of devices. Sign in with your Netflix account to watch instantly on the web at netflix.com from your personal computer or on any internet-connected device that offers the Netflix app, including smart TVs, smartphones, tablets, streaming media players and game consoles. You can also download your favorite shows with the iOS, Android, or Windows 10 app. Use downloads to watch while you're on the go and without an internet connection. Take Netflix with you anywhere.</div>
              </div>
            </div>

            <!-- Accordion Item -->

            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingThree">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                  How do I cancel?
                </button>
              </h2>
              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Netflix is flexible. There are no pesky contracts and no commitments. You can easily cancel your account online in two clicks. There are no cancellation fees – start or stop your account anytime.</div>
              </div>
            </div>

            <!-- Accordion Item -->

            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingThree">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                  What can I watch on Netflix?
                </button>
              </h2>
              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Netflix has an extensive library of feature films, documentaries, TV shows, anime, award-winning Netflix originals, and more. Watch as much as you want, anytime you want.</div>
              </div>
            </div>

            <!-- Accordion Item -->

            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingThree">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                  Is Netflix good for kids?
                </button>
              </h2>
              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">The Netflix Kids experience is included in your membership to give parents control while kids enjoy family-friendly TV shows and movies in their own space. Kids profiles come with PIN-protected parental controls that let you restrict the maturity rating of content kids can watch and block specific titles you don’t want kids to see.</div>
              </div>
            </div>


          </div>


          <div class="call-to-action">
            <p>Ready to watch? Enter your email to create or restart your
              membership.</p>


            <div class="input-group mb-3">
              <input
                type="text"
                class="form-control"
                placeholder="Email address"
                value=""
                aria-label="Email input"
                aria-describedby="button-addon2"
              />

              <button
                class="btn"
                type="button"
                id="button-addon2"
              >
                Get Started >
              </button>
            </div>


          </div>


        </div>


      </div>





#faq {
  height: 600px;
  background-color: black;
}

#faq .inner {
  background-color: black;
  height: 400px;
}

#faq .inner .title {
  color: white;
}

#faq .inner .call-to-action {
  position: relative;
  z-index: 5;
}

#faq .inner .call-to-action .btn {
  background-color: #e50914;
  background-image: linear-gradient(to bottom, #e50914, #db0510);
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: white;
}