quiz.html

<div class="quiz__wrap">

    <h2 class="quiz__title container">
        Поможем рассчитать стоимость публикации,
        исходя из необходимых показателей журнала
    </h2>

    <div class="quiz__poster img-frame">
        <img class="img-frame__img lazy"
             src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="./media/pop-up/photo-7.jpg"
             srcset="./media/pop-up/photo-7@2x.jpg, 2x"
             alt="photo-7">
        <div class="img-frame__labels container">
            <span class="img-frame__label">Новикова София,</span>
            <span class="img-frame__label">Ведущий специалист World Sci Publ.</span>
        </div>
    </div>

    <div class="quiz__main container">
        <div class="quiz__inner">
            <div class="quiz__header">
                <h3 class="quiz__subtitle">
                    Ответьте на несколько вопросов, мы рассчитаем сроки и стоимость
                    публикации по Вашему направлению.
                </h3>
            </div>
            <div class="quiz__content quizlet">

                <div class="quizlet__progress progress-bar">

                    <h4 class="progress-bar__title">Вопрос 1 из 5</h4>

                    <div class="progress-bar_step-0 steps">

                        <div class="progress-bar__inner ">

                            <div class="progress-bar__bar">
                                <div class="progress-bar__bar-inner"></div>
                            </div>
                            <div class="progress-bar__circle progress-bar__circle_1">
                                <span class="progress-bar__circle-text">1</span>
                            </div>
                            <div class="progress-bar__circle progress-bar__circle_2">
                                <span class="progress-bar__circle-text">2</span>
                            </div>
                            <div class="progress-bar__circle progress-bar__circle_3">
                                <span class="progress-bar__circle-text">3</span>
                            </div>
                            <div class="progress-bar__circle progress-bar__circle_4">
                                <span class="progress-bar__circle-text">4</span>
                            </div>
                            <div class="progress-bar__circle progress-bar__circle_5">
                                <span class="progress-bar__circle-text">5</span>
                            </div>

                        </div>
                    </div>

                </div>

                <h3 class="quizlet__question">
                    1. В какие сроки Вам необходима публикация?
                </h3>

                <div class="quizlet__answers">
                </div>

                <button class="quizlet__option button-quiz quiz__button-next">
                    Пропустить вопрос
                </button>

            </div>
        </div>
    </div>

</div>