<!DOCTYPE html><html lang="pt-br"><!-- Mirrored from c-acaushow.online/quiz/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 12 Mar 2024 04:11:36 GMT --><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/all.min.css">
    <script async="" src="js/fbevents.js"></script><script async="" src="js/fbevents_1.js"></script><script src="js/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="180x180" href="favicon.ico">
    <script src="js/bootstrap.bundle.min.js"></script>
    <title>Avaliação Eduora</title>
    
  <body data-rsssl=1>
    <header>
      <i class="fa-solid fa-bars" style="color: white"></i>
      <!-- <img decoding="async" src="assets/images/google_logo.svg" alt=""> -->
      <img decoding="async" src="images/lopanpers.png" alt="">
      <span id="saldo" style="margin-left: auto"></span>
    </header>
    <main>
      <div class="card pergunta01" id="pergunta01">
        <div class="card__logo">
          <img decoding="async" src="images/ft1.jpg" alt="">
        </div>
        <div class="card__satisfacao">
          <h2>De 0 a 5, como você avaliaria sua familiaridade com a Pampers?</h2>
          <div class="card__gradeContainer">
            <div class="card__grade" id="card__grade1" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star1"></i>
            </div>
            <div class="card__grade" id="card__grade2" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star2"></i>
            </div>
            <div class="card__grade" id="card__grade3" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star3"></i>
            </div>
            <div class="card__grade" id="card__grade4" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star4"></i>
            </div>
            <div class="card__grade" id="card__grade5" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star5"></i>
            </div>
          </div>
          <div class="card__gradeDescricao">
            <p>Muito ruim</p>
            <p>Muito bom</p>
          </div>
        </div>
        <div class="card__resposta">
          <h2>
            Quando pensa na Pampers, qual a primeira palavra que vem na sua mente?
          </h2>
          <div class="resposta__gradeContainer">
            <div class="resposta__grade resposta1" onclick="toggleResponse(this, 'resposta1')">
              <p onclick="scrollToDown()">Conforto</p>
            </div>
            <div class="resposta__grade resposta1" onclick="toggleResponse(this, 'resposta1')">
              <p onclick="scrollToDown()">Segurança</p>
            </div>

            <div class="resposta__grade resposta1" onclick="toggleResponse(this, 'resposta1')">
            <p onclick="scrollToDown()">Qualidade</p>
          </div>

          <div class="resposta__grade resposta1" onclick="toggleResponse(this, 'resposta1')">
          <p onclick="scrollToDown()">Todos a cima</p>
        </div>
        

          </div>
        </div>
  
        <button class="card__enviarResposta" id="enviarResposta" onclick="pergunta01()" disabled="">
          Enviar avaliação
        </button>
      </div>
      <div class="card pergunta02" id="pergunta02" style="display: none">
        <div class="card__logo">
          <img decoding="async" src="images/ft2.jpg" alt="">
        </div>
        <div class="card__satisfacao">
          <h2>
            De 0 a 5, como você avaliaria a qualidade das fraldas da Pampers que já experimentou?
          </h2>
          <div class="card__gradeContainer">
            <div class="card__grade" id="card__grade1" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star1"></i>
            </div>
            <div class="card__grade" id="card__grade2" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star2"></i>
            </div>
            <div class="card__grade" id="card__grade3" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star3"></i>
            </div>
            <div class="card__grade" id="card__grade4" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star4"></i>
            </div>
            <div class="card__grade" id="card__grade5" onclick="toggleCard(this)">
              <i class="fa-regular fa-star" id="star5"></i>
            </div>
... (204 linhas)