Cверстать HTML страницу для отображения данных
Необходимо сверстать HTML страничку для отображения статичных данных игровой тематики.
* Стили - должны подключаться .css файлом. Постпроцессоры css использовать нет необходимости.
* Адаптивность - адаптив под современные десктопные разрешения, без мобильников и планшетов.
Собственно данные - на странице должно отображаться условное название приложения ($APPNAME), строка с именем провайдера данных ($PROVIDER) и строка времени генерации страницы ($TIME).
Блок вывода текста ошибки, по дефолту скрытый.
Блок профиля - в него входит имя, аватар и небольшой статистический блок игрока из 4 числовых позиций.
Блок рекордов игрока, таблица с 4 позициями, которая в теории может расширяться.
Две большие таблицы, с неким ТОП-рейтингом, туда будет передаваться порядковый номер, изображение, название, и три числовых значения. Позиций в этом столбце может быть больше 10, никакой пагинации здесь не нужно, просто идем скроллом вниз по странице.
Данные должны размещаться в полный масштаб страницы, в приятном визуальном и информативном оформлении.
По цветовой гамме и размещению элементов - обсуждаемо, сообщу кандидатам в виде сайта-образца.
Предоставляю действующий вариант html (в масштабе 67%, так как все элементы крупные и не вмещаются на страницу) страницы в виде скриншота, собственно которую и планируем заменить, на что-то более адаптивное, красивое и информативное.