Верстка сайта под ключ

Слайд 2

Страница Модель Работы Ссылка на превью страницы: https://drive.google.com/open?id=19n3GMa1cEEq4CTnAMA0oYGcmcK2xBSPw На данном превью

Страница Модель Работы

Ссылка на превью страницы: https://drive.google.com/open?id=19n3GMa1cEEq4CTnAMA0oYGcmcK2xBSPw
На данном превью на втором

экране предусмотрены вкладки Ресурсная модель и Проектная модель.
Пользователь должен переключаться между данными вкладками.
На вкладке Ресурсная модель при наведении курсора на элемент со знаком «+» (например, под текстом «Вы отправляете нам заявку на поиск специалиста / команды») должна появляться всплывающая подсказка с текстом, раскрывающим суть данного пункта инфографики (показано на превью)
На вкладке Проектная модель подписи в инфографике статичны – всплывающих окошек с текстом нет (ссылка на превью страницы с активной вкладкой Проектная модель https://drive.google.com/open?id=1BzkBq2nwb_st01Af-D5hUbFEOf2O5kKB )
Раздел с вкладками «Выгоды клиента» и «Выгоды исполнителя» работает по тому же принципу – пользователь может переключаться между двумя вкладками. Информация на них статична.
Слайд 3

Страница Главный лендинг Данная страница сверстана частично – часть экранов в

Страница Главный лендинг

Данная страница сверстана частично – часть экранов в сверстанной

версии нужно будет заменить на другие.
Ссылка на сверстанную часть: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/
Ссылка на превью как должна выглядеть данная страница: https://drive.google.com/open?id=1WeJSq130HnZsBMLQvlaV2ngoeVUgYI7F
Первый экран представляет собой слайдер. Первый слайд как показано на превью (красные треугольники, изображение компьютера и текст). Следующие слайды будут представлять собой превью новостей – нужна возможность из админки добавлять фото для данных слайдов. Пример того, как будет выглядеть слайд с новостью есть в ТЗ для первого экрана: https://drive.google.com/open?id=1tYXAn8uoS5TMruzZY-XYPThzTVeVGNBy
Экран «Компетенции пользователей» готов в сверстанной части, единственное, что нужно исправить – элементы инфографики и подписи к ним должны быть отцентрованы относительно друг друга ровно по центру, а не в разнобой
Экран «Модель работы» на данном лендинге представляет собой статичную горизонтальную картинку с инфографикой. Для мобильной версии пришлем отдельную картинку в вертикальной ориентации
Слайд 4

Страница Главный лендинг продолжение Экран «География Присутствия» представляет собой интерактивную карту

Страница Главный лендинг продолжение

Экран «География Присутствия» представляет собой интерактивную карту –

при наведении пользователем на конкретный Геотег, подсвечивается конкретная область. Это показано на ТЗ для карты: https://drive.google.com/open?id=1Fh3p_scLoiyaV2lcyCM_HCm2qBZAMgG6
Также в разделе «География Присутствия» предусмотрен поиск по городам присутствия.
Функционал поиска:
Должна быть возможность подгрузить через админку документ excel со списком городов. В документе Excel будет для каждого города следующая инфо: к какому федеральному округу относится город, сколько исполнителей в данном городе. Пользователь вводит нужный ему город в поиск. Если данный город есть в списке, появляется баннер с текстом «Данный город есть в списке», если данного города нет в списке, появляется баннер «Данного города пока нет в списке». Это показано на ТЗ для поиска: https://drive.google.com/open?id=1Snyx1HdJBaAGudaX-9WZSazvBZ9lqO41
Слайд 5

Страница Главный лендинг продолжение 2 Экран «Новости» главного лендинга практически готов

Страница Главный лендинг продолжение 2

Экран «Новости» главного лендинга практически готов на

сверстанном варианте: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/ Нужно будет добавить в админке возможность выбирать, какие новости там отображаются, менять их. Ссылки от заголовков размещенных в разделе «Новости» будут идти на страницу конкретной Новости.
Сам вид страницы конкретной Новости готов: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/news.html В админке нужно будет добавить возможность добавлять новые новости, подгружать для них текст и фото, чтобы они выглядели по данному шаблону страницы.