https://yadi.sk/i/O3RLX4nuZAsdT

Фон имейдж.
Рабочая область - тень 1000x800
(Размеры условные т.к. фреймворк адапитивный)

На скрине достаточно точно показано.

Структура:
-Хейдер - Заголовок страницы.
-разделитель
-Вопрос.
-руководство к вопросу
-кнопки - ответ
2-3-3-2 расположение ( восьмиугольник)
Цвета кнопок - 2 (на скрине)
- шкала прогресса линия и 5 пунктов
-Футер:
реквизиты, название компании, политика конфиденциальности.

font-family:arial,helvetica,sans-serif
Размер текст вопрос - 48px ( опять же условно)

Знаки пунктуации - элементы стиля. (обратить внимание на скрин)

Ответ на вопрос - нажатия на кнопку с баллами.
Текущий вопрос -уезжает влево, появляется новый.
С новым вопросом меняется фон.
Структура url:
index
step-2
step-3
step-4
step-5
forma
thankyou

После отвта на 5 вопросов:
Результат:
завист от баллов ( суммарно)
меньше либо равно:

19
26
39
44
50
( на скрине баллы проставлены не верно сорри)

Результат тест над формой
Форма выплывает из результата( выпадает)
требувония к форме :
Имя 
Телефон
Имейл
Передача данных в mySQL
Форама и скрипт есть надо отредактировать.

При закрытии страницы( сообщение Вам осталось ответить всего {кол-во оставшихся вопросов} Кнопки «продолжить», "сдаться"