Есть сайт – semempire.com.ua
Для него делаем редизайн. Сейчас сделали дизайн главной и внутренней страницы. Задача сверстать.
Инструкция для внутренней страницы:
1. при прокрутке шапка сворачивается, на макете это отрисовано(их 2, один с наглядной "свёрнутой" шапкой)
пример:
2. шапка в свёрнутом виде фиксируется и при пролистывании страницы закрепляется наверху
пример:
3. при наведении на жёлтую иконку с трубкой в шапке выскакивает табличка с номером мобильного
пример:
4. при наведении курсором на вкладку меню вкладка подчёркивается жёлтым(на макете показано)
5. при наведении на вкладку идёт выпадающее меню, список вкладок для выпадающего меню взять с сайта
6. в блоке "что мы делаем?" при наводе курсором на каждый пункт он подсвечивается (показано на макете)
7. в блоке "продвижение сайта" при наводе курсором на каждую ячейку она подсвечивается (показано на макете)
8. при наводке курсором на кнопки ("заказать звонок", "получить предложение" и пр.) они немного меняют цвет (показано на макете)
9. в блоке "наша команда" и "отзывы" стрелочки слайдеров серые, при наводке – красные (показано на макете)
10. в блоке "наша команда" при пролистывании меняется фотка члена команды и текст рядом.
11. под блоком "кейсы" слайдер, нажимаешь по синим стрелочкам – пролистываются названия кейсов, сам кейс меняется только при нажатии на соответствующе название под слайдером
12. при нажатии на кнопку "читать кейс" будет переход на страницу этого кейса, где подробно будет расписано, что компания делала (пока кейсы в разработке)
13. при наводке на иконки в кейсах они подсвечиваются синим (показано на макете)
14. в блоке "отзывы" при нажатии на стрелочку идёт пролистывание и появляется следующий отзыв, соответственно фото и текст меняются
15. в "отзывах" при нажатии на ссылку "Что мы делали для Swatch?" идёт переход на страницу кейса данной работы
16. внизу карту вставить (Гугл.Мапы, Яндекс.Карты без разницы). Установить курсор на адресе офиса
17. при нажатии на кнопки "заказать звонок", "получить предложение" выскакивает форма связи, где поля "имя" и "телефон" обязательные, поле "Ваш комментарий" необязательное поле. В правом верхнем углу формы сделать кнопку закрытия формы и при нажатии на любом другом месте, за пределами формы – она исчезает
18. ОБЯЗАТЕЛЬНО сделать ленивую загрузку для элементов(когда прокручиваешь страницу прогруждаются элементы, смотрится красиво)
пример:
(когда долистываешь до блока i love my travel)
19. Вёрстка резиновая (адаптация под экран человека)
20. Кроссбраузерность, валидность и прочие аспекты сами собой разумеющиеся(под ИЕ7 и раньше не надо:), а вот Хром, ИЕ, Мозилла, Опера, Сафари, Макстон без вопросов )
Такая же инструкция будет для главной. Макеты эти будут как шаблон для джумлы 2,5, чтобы можно было легко вставить и сделать. Цена договорная, в районе 150-300 у.е. Сроки в районе 5 дней! Подробнее при общении. Прилаживайте свои работы(оцениваю не дизайн, а на сколько технически сложно было выполнено, т.е. джава скрипты, php формы, паралакс, ленивая подгрузка в + будут)!