Сверстать страницу

Нужно сверстать одну страницу с данными, плюс четыре пустые с шапкой, так чтобы можно было по табам переключаться. 

Главная страница которую нужно сверстать – это дашборд, сборка всех главных цифр из программы учета. Эскиз этой страницы в приложении. 

Требования 

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

Хорошо закомментировано, разделено по блокам, чтобы потом программистам было просто работать с этой страницей 

Применять Бутстрап или писать с нуля или как то еще – обсуждается. 

Нужно учесть и предусмотреть довольно большой разброс разрешений. Эта страница предназначена как для мобильных устройств, так для компьютера и для вывода в браузер телевизора с большой диагональю. Базовое разрешение Full HD, но для телефона это будет слишком мелко. Здесь нужны предложения от вас. 

Все цифры в данном отчете – ссылки. Реальный адрес ссылки будет подставляться позже, сейчас просто сделать шаблон ведущий на "http://000000". 

Структура  

Центральная: index.html, именно ее нужно сверстать полностью 

Пустые страницы, только шапка с табами: 

Итоговые отчеты: report.html 

Оперативные отчеты: news.html 

Журнал приказов: orders.html 

Журнал событий: events.html 

В итоге имеем 5 страниц, можно переходить с одной на другую как на обычном сайте. Но сверстана из них полностью только первая.

Оплата поэтапно либо в конце