Нужна верстка сайта

- Необходимо сверстать первую страницу сайта. В дальнейшем в нем планируются внутренние страницы.

- Верстка сайта с макета в PSD

Технические требования:

1) Кроссбраузерная верстка, IE начиная с 9 версии, Chrome, Opera, Mozilla, Safari. Win xp-7-8, Mac OS

2) Адаптация изображений и графических элементов под веб

3) Адаптация под мобильные устройства

4) Шрифты: Segoe UI – regular для основного текста, Semibold – для заголовков. Минимальный размер шрифта – 14 пунктов

5) При верстке соответственно макету допускаются небольшие различия в отступах и пр. Но визуально сайт должен соответствовать макету.

6) Код должен быть сопровожден комментариями, классы и id не должны быть просто набором букв, css также должны содержать комментарии (например, блок меню, слайдер поставщиков и пр). Код должен адекватно выглядеть, быть структурированным. Все стили вынесены в отдельные файлы.

7) Всем изображениям должны быть даны адекватные названия, прописаны тайтлы и задан альтернативный текст.

8) Всем страницам должны быть прописаны ключевые слова, тайтлы и описания в соответствии с информацией, предоставленной заказчиком

9) Не использовать flash

Требования по блокам:

Резиновая верстка, футер прибит к подвалу браузера

Шапка сайта:

1) С логотипа осуществляется переход на основную страницу

2) С социальных сетей – ссылки на соц сети, с контактов – ссылка на футер сайта

3) Телефон должен быть задан текстом

4) С ссылки – закажите обратный звонок должно появляться всплывающее окно с запросом имени и телефона

 Меню:

пока других страниц не существует – меню должно быть полностью закомментировано. Цвет неактивных ссылок – черный. Цвет активных и наведенных – желтый согласно макету. 

Данные форм

должны отправляться на почту:

Кейсы

15 активных блоков по 5 в ряд

Ч/б иллюстрации – цветные при наведении. Сверху плашка 70% черного, белый текст (строго текст) мин 10 pt – ссылка на кейсы. Вначале ссылки должны быть неактивными. Переходы картинок должны быть плавными и гармоничными. Но плагин максимально легкий

Что мы делаем

Изображение «что мы делаем». Фон – бекграунд, иконки наложены сверху вместе с полупрозрачными блоками, текст не должен быть картинкой (!) ОЧЕНЬ ВАЖНО, также, блок услуг.

Блок отзывов

Слайдер+плейер. Три видео на одной прокрутке. Плейер должен выхватывать видео с ютуба вместе с иконкой подписки на канал. Слайдер должен быть быстрым и легким

Поставщики

Быстрый легкий слайдер

Обязательно проверить работу во всех браузерах и основных операционных системах.

Контакты:

Google maps + наложенное сверху полупрозрачное поле с текстом и ссылкой на всплывающее окно заявки

Вопрос.

Как быстро сможете сверстать и сколько будет стоить?

Желательно сделать сайт с админкой, чтобы в будущем можно было бы добавлять страницы.