Добрый день. Нужно сверстать лендинг и поставить скрипт подмены заголовков по UTM меткам. Лендинг адаптивный, кроссбраузерность, валидная верстка Макет по ссылке. https://yadi.sk/i/pdJj85u4sGbgL От вас жду цены, сроки и примеры выполненных работ.
Закончить вёрстку главной страницы сайта для презентации заказчику.
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Задача
Закончить вёрстку главной страницы сайта для презентации заказчику.
Макеты приложены к проекту. Прикладываем только для одного разрешения, после утверждения исполнителя предоставим полный комплект psd.
Предыдущий исполнитель не справился с задачей. Все что он сделал можно посмотреть в архиве "Верстка". Сейчас отсутствует правое меню (его раскрытие), подгрузка карточек товаров при скролле, сайт адаптируется под маленькие разрешения (нужно убрать эту возможность. Минимальное разрешение должно быть 1336 px.), немного доработать анимации и ховеры кнопок.
Все файлы по проекту тут https://yadi.sk/d/By28DRC9rqh4F
Требования
• HTML5, CSS3, jQuery;
• Адаптивная верстка (3 точки прерывания);
• Аккуратный, логичный, продуманный код;
• Использование svg (иконки);
• Продуманная аккуратная анимация;
• Работа в тесной связке с дизайнером курирующим проект.
Обязательное условие чтобы большинство того что видно на макетах работало (было кликабельно, двигалось).
Больше подробностей в личной переписке. Возможно внесение небольших правок при приёмке работ.
Адаптивность
Каталог товаров и правое меню
Левое и правое меню фиксируется и при любых разрешениях остается неизменным по ширине, но меняет свою высоту, смещая элементы таким образом чтобы они всегда были видны пользователю.
Сетка с товарами и баннерами
Можно разбить эти блоки по смыслу и поведению на сайте.
1. Главный слайдер на сайте изменяется только по ширине
2. Сетка с 2 баннерами (один с таймером, второй с роллом и надписью "название акции") и тремя товарами в правой части. Изменяется размер блоков сохраняя отступы друг от друга.
Сетка с товарами
Сами блоки не меняют размер на тех разрешениях которые будут сверстаны на данном этапе. Меняется только количество товаров в рядах. 3,4,5.
Разрешения экранов
2500, 1920, 1337
Анимации элеметов
"Купить"
https://d13yacurqjgara.cloudfront.net/users/116465/screenshots/2551579/download-button.gif
https://dribbble.com/shots/1426764-Submit-Button
"Популярное, акция, Новинки, Всё меню, обратный звонок"
https://d13yacurqjgara.cloudfront.net/users/283373/screenshots/2138517/sullivan-buttons.gif
"Найти курьера на карте"
https://d13yacurqjgara.cloudfront.net/users/104778/screenshots/2201051/button.gif
"х" в корзине
https://d13yacurqjgara.cloudfront.net/users/563824/screenshots/2618145/untitled-22.gif
Иконка крестика превращается в стрелку возврата
Иконки в разделе "Где заказ"
https://d13yacurqjgara.cloudfront.net/users/337606/screenshots/2720733/bigkidtoys_drib.gif
Таймер
https://d13yacurqjgara.cloudfront.net/users/322438/screenshots/2526186/_____2_1.gif
Подгрузка товаров на странице
https://d13yacurqjgara.cloudfront.net/users/499786/screenshots/2506598/portfoilo-section.gif
Раскрытие правого меню
https://d13yacurqjgara.cloudfront.net/users/167298/screenshots/2030468/burger-menu-ux.gif
Иконки в правом меню
https://d13yacurqjgara.cloudfront.net/users/361283/screenshots/2700035/test1.gif
Примеры хорошо проработанных сайтов
http://andrikanich.guru/freelance/topcloud/
http://andrikanich.guru/freelance/remme/
http://andrikanich.guru/freelance/tpi/
Срок 13 июня 2016 г.
- Похожие заказы
- HTML-верстка35 заявокЗакрыт8 лет назад
- $50
Простая верстка и натяжка на Opencart Макеты https://dropmefiles.com/r15zn
HTML-верстка7 заявокЗакрыт8 лет назад Нужно натянуть на WP любой адаптивный jquery слайдер с лайтбоксом, чтобы была возможность добавлять новые слайды из библиотеки медиафайлов. Пишите Вашу цену и сроки.
HTML-верстка1 исполнительЗавершен8 лет назадВерстка второго сайта. Шоумен года.
HTML-верстка1 исполнительЗавершен8 лет назадСверстать сайт по макету. Срочно!
HTML-верстка1 исполнительЗавершен8 лет назадНа сайте test5.vsemesta.net нужно поправить: 1) на мелких разрешениях почему-то увеличивается высота таблицы [url=https://gyazo.com/3e436946e1781fb2f589fb2cd135b591]https://gyazo.com/3e436946e1781fb2f589fb2cd135b591 [/url]нужно чтобы везде она одинаковая была и увеличивалась, только если контента много. 2) нужно выровнять кнопку по центру [url=https://gyazo.com/b0d6da152335d29698c7bb7533b0dd0c]https://gyazo.com/b0d6da152335d29698c7bb7533b0dd0c[/url] 3) аналогично [url=https://gyazo.com/5bafaef8329fc8388d78b46be8721a82]https://gyazo.com/5bafaef8329fc8388d78b46be8721a82[/url] 4) фио далеко от фотки и как-то ...
HTML-верстка10 заявокЗакрыт8 лет назадДобрый день. Нужна html верстка, без всяких muse и тд Подключение форм. https://yadi.sk/i/CdImA0BHsJpjn Пишите цену и сроки плз.
HTML-верстка36 заявокЗакрыт8 лет назадСтраницы разные по размеру и наверно по сложности. Задание прикрепляю (ссылка на previews внутри).
HTML-верстка1 исполнительЗавершен8 лет назадДоброго времени суток! Необходимо адаптировать сайт rgmax. net под мобильные устройства. Ознакомьтесь пожалуйста с сайтом. Нужно сделать так, чтобы сайт был удобен пользователям заходящим с мобильных устройств, а также проходил проверку https://www.google.ru/webmasters/tools/mobile-friendly/ Прототипы, как должен примерно выглядеть ...
HTML-верстка14 заявокЗакрыт8 лет назад- $3
Нужно сверстать и сделать рабочими модальные окна. Тоесть подключить их так, чтобы при нажатии на кнопку они выскакивали. Закрытие окон сделать так же просто по нажатию на фон, не только на иконку. Скриншоты: http://i.imgur.com/CGjrCev.png http://i.imgur.com/jy5Ozj3.png Скриншоты под мобильную версию: http://i.imgur.com/X10eykx.png Могу ...
HTML-верстка8 заявокЗакрыт8 лет назад