Quiz - это набор вопросов с вариантами ответов. В рамках этой задачи мы не будем фиксировать какой из ответов выбрал пользователь и вообще ничего не будем записывать о поведении пользователя. Основная задача - просто чтобы он прошел квиз.


Сам квиз нужно сделать на одной странице, показывающим вопросы исходя из заданного в query параметра q с номером вопроса.


Use case:

1. Пользователь входит на страницу квиза. Его встречает приветственная надпись и кнопка “Start quiz”
2. При нажатии на start quiz, пользователь переходит по ссылке на эту же страницу с ?q=0
3. При входе на страницу с заданным q происходит поиск соответствующего номера вопроса в json файле (пример: http://1.onel-priboy.ru/questinos.json)
4. Если вопрос с соответствующим номером найден - вывести картинку вопроса и варианты ответа
5. Если вопрос с соответствующим номером не найден - вывести финальный экран с кнопкой. Ссылка на кнопке будет вести на внешний ресурс
6. При нажатии на вариант ответа (не зависимо на какой), пользователь перенаправляется на следующий вопрос.

Подчеркиваю - нужно чтобы страница обновлялась, а не реализовывать это js’ом.


Верстка максимальн простая. Адаптивность необходимо поддержать только в изменении величины изображения вопроса и кнопок ответов. Они должны увеличиться занимая до 600px по ширине, если девайс позволяет (приведено на макете)

Разработать нужно без фреймворков, но можно использовать jquery

На макетах приведено два варианта расположения рекламных блоков на странице. При загрузке вопроса нужно использовать рандомное расположение.