Все страницы тут.
Безопасная сделка (с резервированием бюджета)
Бюджет: 3500.
Срок: 4-5 дней.
Нужно переверстать сайт в html 5 + адаптив под интересующие расширения.
Есть PSD половины калькулятора, и шапка для мобильной версии, шаблон страниц сайта текущий версии.
Важно:
• Валидность. (Чистый html без ошибок.)
• Кросбраузернойсть.
• Желательно по меньше скриптов.
• Визуально оставить все как есть.
• Сделать адаптив для интересующих расширений экрана.
• Реализовать мобильное меню (1 уровень), начиная с расширения 999px.
• Изменить внешний вид калькулятора (есть половина PSD для калькулятора, там при расчете выпадает цена и поля ввода телефона и имя.) (атрибуты калькулятора нужно ставить, что бы не нарушать его раоту)
Элементы:
• Выпадающее меню.
• Карусель тортов большая. (главная)
• Карусель тортов малая под новостями. (главная)
• Кнопка с эффектом аккордеона.
• Калькулятор тортов.
• Плитка каталога товаров.
• Плитка товаров в каталоге товаров.
• Каталог наград (Страница награды)
Пояснения:
• На Главной две разных, независимых карусели тортов. 1 – это большое фото с ссылкой на торт и карусель снизу. 2 – это карусель сезонных тортов, она под блоком Новости.
• Мобильное меню – при нажатие на кнопку сайт сдвигается влево, справа появляется меню в один уровень.
• В HTML контент на внутренних страницах должен быть вверху, а уже под ним sidebar.
Список страниц и элементов на них:
• Главная страница (
• Простая страница (
• Страница награды (
• Страница товара с ценой (
• Страница товара с калькулятором (
• Раздел магазина (
Расширения экрана:
• Максимальное расширение 1280px (desktop)
• Минимальное расширение 1000px (desktop)
Начиная с расширения 999px – меню мобильное.
• iPad вертикально width: 768px
• iPhone 5 вертикально width: 320px
• iPhone 5 горизонтально width: 568px
• iPhone 6 вертикально width: 375px
• iPhone 6 горизонтально width: 667px
• iPhone 6 Plump вертикально width: 414px
• iPhone 6 Plump горизонтально width: 736px
• Android вертикально width: 240px
• Android горизонтально width: 320px
• Android (Nexus 4) вертикально width: 384px
• Android (Nexus 4) горизонтально width: 600px