Необходимо выполнить верстку одностраничного сайта на bootstrap 3.
1) Сайт должен быть адаптивным. Вам будут предоставлены psd дизайна с разрешениями 1170px, 970px, 750px, 480px, 320px. Переходы с одного разрешения на другое должно быть плавным и красивым.
2) Сайт должен нормально работать во всех современных браузерах.
3) Сайт должен максимально быстро грузится.
4) Цветовая гамма макета и шрифты должны максимально соответствовать psd.
5) Если используете CSS хаки, комментируйте, что это и для какого браузера.
6) Названия классов и id должны по смыслу соответствовать применению например, header, menu, footer, news и т.д.
7) Не пренебрегать возможностью использовать GIF/PNG с 8-битным альфаканалом вместо PNG-24, где это возможно. Все что можно сделать без Javascript, делать без него.
8) Если Javascript кода много нужно его выносить в отдельный файл. Обработчики событий тоже лучше отделить и объявлять в отдельном файле.
9) CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению html-макет. CSS и JS файлы должны быть в той же кодировке, по завершению работы верстальщик должен проверить сайт на баги.
10) Если что-то не предусмотрено в т.з. и дизайне, либо в чем-то сомневаетесь, обязательно обсудите это с заказчиком.
11) Если макет не проходит 100%-ную html-валидацию, постарайтесь по крайней мере делать так, чтобы использование невалидного кода было оправданно. Не стоит факапить валидность верстки только потому, что мне так нравится или так получается короче.
12) Сразу пишите обработчик для форм обратной связи, чтобы с форм можно было отправить письма на электронную почту. А также в письме должно быть указано с какой формы было отправлена заявка. Проверку на правильность введенных данных и телефона необходимо делать, как на
13) Главная форма должна быть пошаговой как
в psd есть дизайн всех шагов
14) Дизайн всплывающей формы есть в psd
15) Меню для широкого экрана. Должна быть возможность добавлять другие пункты меню. При нажатии на ссылку меню должен быть плавный переход в нужное место на странице как тут:
16) Меню для узких экранов. Дизайн активного меню есть в psd. Должна быть возможность добавлять другие пункты меню. При нажатии на ссылку меню должен быть плавный переход в нужное место на странице как тут:
17) Шаблон готового счетчика с дизайном будет предоставлен вместе с psd. Необходимо доработать счетчик
a) После загрузки страницы через 2-3 секунды счетчик Принято заявок сегодня увеличиться на 1 единицу, а счетчик Осталось бесплатных консультаций на сегодня уменьшиться на 1 единицу.
b) Через 5-8 секунд цикл должен повторится начиная с пункта а. Число 5-8 должно выбираться случайно.
c) Если посетитель заходит на сайт в этот же день повторно, то ничего не должно происходить, в счетчике Осталось бесплатных консультаций на сегодня должно стоять 002, а в счетчике Принято заявок сегодня 104.
d) Если посетитель заходит повторно на другой день все должно повторится с пункта а
18) Если присутствует анимация, то она должна корректно отображаться сверху вниз и снизу вверх.
19) Шрифт Open Sans.
20) Чтобы увидеть границы в psd нажмите ctrl+;
21) Сделайте 404 страницу.
22) Залить сайт на наш хостинг
PSD получит исполнитель.
Предлагайте сроки и предоставляйте ссылку на портфолио. Кандидаты не выполнившие эти условия рассматриваться не будут!