Адаптивная вёрстка проекта

Каждый файл (PNG) является исходником для Adobe Fireworks (аналог фотошопа) - слои, объекты, тексты и т.д.

Ссылка на файлы: https://drive.google.com/drive/folders/12ItCVuMu1W7nOPnuL2f25i_5Fqu2arBZ

Максимальная ширина - 1400 пикселей. Шире не должно растягиваться. Нарисовать серые полосы по бокам на большом мониторе. Контекст страницы располагается по центру монитора.

Все должно быть адаптивным, под мобилы до 500 пикселей:

• сначала исчезает левое меню (просто скрыть, никаким своим меню заменять не надо, мобильное меню сделаем сами)
• далее элементы становятся меньше или переезжают на 2-3 строки
• где необходимо в мобильной версии можно удалять часть информации, часть слов и прочие необходимые действия

На главной странице cabinet-dashboard04.fw.png может быть от 2х до 6 валют в ряд.

Некоторые элементы выглядят по разному, в зависимости от ширины экрана и кол-ва информации. Их можно комбинировать прямо в одной странице друг под другом. Например, 5 вариантов прогресса сбора денег. Или 4 варианта бонусных таблиц. Либо делать разные макеты с показом разных состояний.

При верстке необходимо делать общие стили на все HTML сразу.

Шапку, левое меню и подвал верстать не нужно. Заменить простым прямоугольником.

В задании требуется верстка 4х страниц, где есть сильно меняющиеся части.