Верстка HTML страницы

Необходимо разработать HTML документ, с применением CSS

Цвет - нейтральный, бежевый, кнопки чуть потемнее.

Сверху форма ввода с надписью - "найти клиента"

Сверху справа - Фамилия и имя "Адуллин Илья" и какой нибудь значок человечком.

Слева 3 кнопки:

- Заявки

- Клиенты

- Эффективность модели (эту кнопку можно сделать немного поменьше)

При нажатии на каждую кнопку она должна становиться немного темнее и в Зоне вывода (отметил ее разположение) должна выводится определенная информация.

При нажатии на кнопку Заявки должна появится табличная информация

5 столбцов, шапка таблицы + 10 строк, должны быть конкретные данные

Шапка:

Номер заявки | Наименование клиента | Код клиента | Сумма | Прогноз

-------------------------------------------------------------------------------------

Данные в таблице

7404419 | ИП Степанова Полина Родионовна | 30800 | 130000.00 | Да

5748504 | ИП Авдеева Алиса Александровна | 31579 | 910000.00 | Да

8462552 | ИП Смирнов Андрей Платонович | 30247 | 760000.00 | Да

2490794 | ИП Воронина Диана Максимовна | 30551 | 650000.00 | Нет

8068676 | ИП Моисеев Артем Георгиевич | 30300 | 950000.00 | Да

2629859 | ИП Чернышев Алексей Владимирович | 30370 | 840000.00 | Да

4207350 | ИП Филатов Денис Георгиевич | 31170 | 360000.00 | Да

9468887 | ИП Иванов Тимур Андеевич | 31881 | 120000.00 | Нет

7357276 | ИП Королева Агата Руслановна | 31631 | 610000.00 | Да

2842335 | ИП Лапшин Денис Савельевич | 30094 | 120000.00 | Да

Также внизу должна быть кнопка Далее

В последнем столбце Да и Нет жирным шрифтом, Да - зеленым цветом, нет - красным (На рисунке показаны галочки и крестики, достаточно будет слов Да и Нет)

Также добавить первые три столбца (Номер заявки | Наименование клиента | Код клиента) значок лупы

При нажатии на кнопку Клиенты выводится такая же табличная форма, но с 3 столбцами

Шапка:

Код клиента | Наименование клиента | Балл в БКИ

-------------------------------------------------------------

Данные:

31697 | ИП Голикова Светлана Дмитриевна | 8.65

31237 | ИП Власова Александра Дмитриевна | 7.13

30527 | ИП Кузнецов Тимофей Матвеевич | 6.15

31983 | ИП Никитин Дмитрий Маркович | 9.09

31722 | ИП Семенова Арина Евгеньевна | 8.37

31125 | ИП Васильев Константин Романович |

30115 | ИП Семенов Егор Владимирович | 8.6

31977 | ИП Новиков Тимур Федорович | 3.75

31062 | ИП Васильев Артем Глебович | 3.58

31489 | ИП Фокин Константин Федорович | 3.36

У столбцов Код клиента | Наименование клиента значки с лупой (в том же месте что и на первой)

На при нажатии на кнопку Эффективность модели выводится диаграмма с 2 цветами:

Зеленое - большинство, красное меньшинство, процент красного должен быть примерно 10%

Рядом надпись - 91.063%

Текст над диаграммой - За май

Текст под диаграммой - Правильные прогнозы: 91% (Не "Правильных прогнозов", как на рисунке)