Нужна качественная верстка
- верстка визуально должна соответствовать макетам
- адаптивность (3 размера по ширине: 800, 1024, 1920)
- сверстанные макеты должны предоставляться в виде страниц html и прилагаемых файлов (css, изображений, js и др.)
- кроссбраузерность: IE 8+, FF 3+, Opera10+, Chrome 1+, Safari 3+
- валидность, семантичность, человекопонятный код.
ТЗ:
Шрифт в макете используется myriad pro
главная в двух размерах и страница описания проекта по ссылке
Главная.
1. Строчка меню в шапке.
- аватарка при наведении меняет цвет ( линк home)
- "перезвоните мне" при клике появляется форма. При отправке появляется всплывающее окно с текстовым блоком.Окошко можно закрыть или само закроется через 2 сек.
- при промотке вниз полоска эта фиксится и всегда находится сверху экрана
2. Слайдер.
-должен быть адаптивным и изменять пропорционально размер, в зависимости от разрешения экрана.
образец исполнения можно глянуть тут
. Картинка подгружаемая имеет размер 1920 пикселей
по длине, при разрешении большего размера – скрипт должен дорастягивать картинку.
- кнопка смены слайда при наведении становится красной
- слайды можно прокручивать по кругу
3. Блок "направления".
- в разделе 5 направлений, они все одновременно отображаются при разрешении 1920+, при меньшем размере должны
периодически меняться
- в квадратах будет иконка (в процесе рисования)
4. Наши работы.
- строчка-фильтр для выбора необходимого направления работы, либо "все работы"
- иконка работы должна иметь 2 стиля: пассивный и активный. Активный – при наведении появляется красная плашка с
описанием и рамка, и должна подгружаться вторая картинка с элементом, выходящим за границы первью (либо
использовать маску)
5. Второй слайдер
- блок с контентом: текст + картинки
- при наведении стрелочка меняет цвет
- слайды можно прокручивать по кругу
6. Наши клиенты.
- при клике "все клиенты" происходит расхлопывание блока с логотипами
- при наведении на лого он становится цветным
7. Контакты.
- форма обратной связи. При отправке появляется всплывающее окно с текстовым блоком.Окошко можно закрыть или само закроется через 2 сек.
- блок контактов
Страница проекта.
- Шаблон с элементами навигации в верхней части
- при наведении на кнопку появляется всплывающая подсказка
- кнопка "наверх"
В дальнейшем нужно будет отверстывать индивидуально каждую страницу с работой. В каждой будет индивидуальный сценарий с различными динамическими элементами. Но это уже вторая часть работы, которая будет обсуждаться отдельно.