1.Сверстать страницы в HTML5 (кодировка UTF-8)
– дизайн.
Страниц достаточно много, но все они сделаны, по сути на 3 типах страниц.
Исходники в psd будут предоставлены после выбора исполнителя.
Верстать в расчете на двухуровневый адаптив:
Ширина экрана больше 500px – обычный сайт (выставить zoom на body для промежуточных разрешений – см. ниже)
Ширина экрана меньше 500px – адаптив под мобильные телефоны (выделять в отдельный CSS: /css/style_mobile.css)
Bootstrap не использовать.
Использовать @media в CSS и zoom у body на промежуточных разрешениях.
Пример:
JavaScript писать на JQuery
Всплывающие окна делать на FancyBox (отдельными файлами – они будут грузиться через AJAX)
– посмотрите метод ShowCallback и сделайте также.
Эффект слайдера на главной – карусель – вывод боковой картинки на первый план и небольшое ее увеличение (как здесь:
– мероприятия)
Предположительно такой подойдет (можете использовать и любой другой, но слайдер нужен адаптивный и эффект должен быть подобным и желательно на JQuery или полностью независимый от JS-фреймворков):
– (параметры: slidesPerView: '2',spaceBetween: -100,loop: true, coverflowEffect: { rotate: 0, stretch: -2, depth: 300, modifier: 1,},)
2.Проверить тест-кейсами (кроссбраузерность, адаптивность и т.д.):
3.В итоге должна получиться индексная страница на белом фоне в следующем виде:
T01 (ссылка на тип страницы с target="_blank")
T02
T03
...