Необходимо сверстать 2 страницы для IT-раздела.
Верхнее меню верстать не надо, взять стили со страницы
.
Общие требования:
1) Корректная работа в IE9+
2) Корректная работа на современных планшетах и смартфонах.
3) Верстка должна делиться на хедер, контентную часть и футер. Чтобы не было проблем при формировании шаблона если контентная часть будет меняться, но будет один и тот же хедер и футер сайта.
4) Пути ко всем основным картинкам (например, фотографии товаров) должны быть прописаны напрямую в html. Через css можно вставлять только "служебные" иконки и т.п. элементы.
Страница "Веб-разработка":
1) В правой части экрана должна быть зафиксирована кнопка обратной связи (
По клику на нее должна появляться форма (
После прикрепления файла, его название должно отображаться в соответствующем поле. Данная форма должна закрываться по клику на "крестик" или по клику на область не относящуюся к форме.
2) По клику на кнопку "Отправить заявку" должна появляться форма с эффектом как на странице
3) Блок "Процесс работы": предусмотреть ввод текста в два раза больше текущего. В этой ситуации центрировать по вертикале картинку услуги и ее порядковый номер.
4) Блок "Портфолио": взять эффект наведения со страницы
(
5) Блок "Нам доверяют": по достижению конца слайдера возвращать пользователя к первому слайду (не зацикливать просмотр). Пример эффекта
(
6) Блок "Отзывы": эффект слайдера аналогичен п.5
7) Блок "Отправить заявку": После прикрепления файла, его название должно отображаться в соответствующем поле. После отправки заявки должно появляться сообщение об успехе.
Страница "Портфолио":
1) Блок "Задача": данный блок отрисован в двух вариантах – текст (
и иконки (
В данном блоке размер рамки должен увеличиваться по высоте автоматически в зависимости от контента блока.
2) Блок "Сравнение дизайна": при прокрутке ползунка вправо-влево должна быть возможность посмотреть старый и новый дизайн. Пример эффекта
3) Блок "Адаптивный дизайн": на экране устройств должна отображаться картинка проекта.
4) Блок "Интересные функции": все ключевые элементы вставить просто картинкой с прозрачным фоном.