Абсолютно простой лендинг, никакой анимации и сложных нюансов. https://www.figma.com/file/214AFcxUny6EjPzHsn1zn2/Landing?node-id=0%3A1 Нужна HTML верстка ПК, таблет и мобайл версий.
Верстка 9 форм / диалоговых окон
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Нужна верстка двух проектов.
Оплата - Сбер, или ЯД, или обсуждается. Желательна постоплата без безопасной сделки. Аванс возможен, если у Вас много хороших отзывов. Если хотите, возможно разбиение работы на сколь угодно мелкие этапы, с отдельной оплатой каждого этапа.
Предполагаю объем работ 1-3 дня, стоимость от 5 до 15 тыс. руб., зависит от предложений.
Верстка потом будет использоваться как база для большого проекта, поэтому важно аккуратное оформление, наличие комментариев в css, разбивка css на main.css и css для отдельных форм (при необходимости). Верстка должна быть устойчивой к добавлению в будущем css дополнительных форм другими верстальщиками. Верстку отдельных элементов желательно привязывать к названию класса, или к id, так чтобы потом эту верстку можно было легко применять к новым объектам. Желательно, чтобы в css можно было легко понять, какая часть css за что отвечает.
Совместимость - последняя версия Google Chrome, Firefox, IE, Яндекс браузер (под вопросом, не обязательно)
================================
ПРОЕКТ 1 - 5 маленьких форм/диалоговых окон.
1. Форма авторизации - ввод логина, см. "1.png". Форма отображается в центре пустого экрана.
2. Форма авторизации 2 - ввод пароля, см. "2.png". Форма отображается в центре пустого экрана.
3. Диалоговое окно "Выберите действие", см "4.png". Форма отображается поверх основной формы, осн. форма при этом затеняется.
4. Информационное сообщение, см "5.png". Форма отображается поверх основной формы, осн. форма при этом затеняется.
5. Шапка основной формы программы. Форма состоит из шапки, и таблички. Табличку трогать не надо - она уже сверстана. Высота шапки 10vh, высота таблички 90vh. Надо сверстать шапку таблички, см. "10-2.png"
При ресайзе, если ширина окна 850 px или больше, то логотип "стандартного" размера, отступ логотипа от левого края 120 px.
При ресайзе, если ширина окна 600 px или меньше, логотип уменьшен (см. скрин), отступ логотипа от левого края 10 px.
При ширине окна между 600 px и 850 px, размер логотипа и отступ слева от логотипа изменяется пропорционально изменению ширины.
Логотип в .svg.
Текст центруется на свободном месте справа от логотипа. Если свободного места не хватает для отображения всего текста, то текст выравнивается по левому краю, та часть текста, которая не влезла, обрезается справа. Перенос текста на новую строку не делаем. Текст состоит из 3 строк - имя пользователя, время последнего обновления, подсказка по выделенному в таблице элементу. Текст "Время последнего обновления" бывает трех разных цветов, в зависимости от срока.
psd от дизайнера и .svg с логотипом передам в момент начала работы.
Скрины элементов под хувером можно спросить в личке, либо передам в момент начала работы.
================================
ПРОЕКТ 2 - верстка четырех форм
1. "Список накладных", см. "01 список накладных.png"
2. "Накладная", см. "02 накладная.png"
3. "Редактирование данных поставщика", см. "03 редактирование данных поставщика.png"
4. "Сканирование товара", см. "04 сканирование товара.png"
psd от дизайнера передам в момент начала работы.
скрины элементов под хувером, скрин открытого выпадающего списка, скрин календаря можно спросить в личке, либо передам в момент начала работы.
Сложные элементы - полосы прокрутки в табличках, выпадающий список, календарь для выбора даты
Предполагается использование React, react-table.
Верстка календаря зависит от выбранного компонента, он пока не выбран. Поэтому календарь сейчас наверное не получится сверстать. Я попытаюсь договориться с программистом, чтобы верстку календаря сделал программист, но, возможно, потребуется помощь. Т.е. надо предусмотреть отдельный этап - помощь программисту, уже после завершения основного проекта, в случае, если программист не справится с версткой календаря.
Выбранный исполнитель
Заявки фрилансеров
Похожие заказы
- HTML-верстка2 исполнителяЗавершен4 года назад
Верстка готова, вуизуально нас все устраивает. Но нужно сделать адаптацию под моб. устройства, так чтобы сайт везде отображался одинокоаво. Оплата сдельно на карту. Начать работу можно сразу. Есть и другие правки по фронт и бэк-энд.
HTML-верстка38 заявокЗакрыт4 года назад- HTML-верстка2 заявкиЗакрыт4 года назад
Сверстать готовый дизайн сайта на существующий шаблон. На все вопросы отвечу лично.
HTML-верстка4 заявкиЗакрыт4 года назадСайт atrium.bz Шапка, меню и первый экран Скриншот https://wssupport.ru/upload/external_images/a03/bf5c4a75b4.jpg Шапка и меню должны быть плавающими. 1. Поиск. Функционал поиска оставляем тот же. Стили и внешний вид меняем под вид сайта, ...
HTML-верстка8 заявокЗакрыт4 года назадСделать верстку мобильного приложения из фигма Верстку будем использовать в реакт нативе 5
HTML-верстка12 заявокЗакрыт4 года назадЗдравствуйте! В поисках фрилансера.Внести правки верстки на сайт. Сейчас установлен древний flash баннер (слайдер и меню) и он разумеется в браузере не работает почти у всех. Нужно решить данный вопрос современными методами без flash. Сверстать что-то ...
HTML-верстка16 заявокЗакрыт4 года назадНужно копирнуть сайт https://www.bhp-chiptuning.com/ только главную, внутренние не нужно. Прислать в архиве, всё аккуратно чтобы было, разложено по папочкам, а не каша из файлов.
HTML-верстка1 исполнительЗавершен4 года назадПроект - https://www.figma.com/file/WHSo5XJuzZyKB41eAiwFZW/%D0%92%D0%95%D1%80%D0%98%D1%82%D0%B0%D1%81?node-id=0%3A1Нужно оценить примерную стоимость верстки данного проекта, вместе со всей логикой и адптивом.
HTML-верстка17 заявокЗакрыт4 года назад- $100
Нужно сверстать дизайн магазина, только верстка без натяжки. Сроки не горят, дизайн совсем не сложный. Без срыва сроков, например договариваемся на 7 или 10 дней, через это время у меня должна быть готовая верстка без ...
HTML-верстка1 исполнительЗавершен4 года назад