Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Нужна верстка двух проектов.

Оплата - Сбер, или ЯД, или обсуждается. Желательна постоплата без безопасной сделки. Аванс возможен, если у Вас много хороших отзывов. Если хотите, возможно разбиение работы на сколь угодно мелкие этапы, с отдельной оплатой каждого этапа.

Предполагаю объем работ 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. 

Верстка календаря зависит от выбранного компонента, он пока не выбран. Поэтому календарь сейчас наверное не получится сверстать. Я попытаюсь договориться с программистом, чтобы верстку календаря сделал программист, но, возможно, потребуется помощь. Т.е. надо предусмотреть отдельный этап - помощь программисту, уже после завершения основного проекта, в случае, если программист не справится с версткой календаря.

3 года назад
x_jerry
Игорь 
51 годРоссия
17 лет в сервисе
Был
7 месяцев назад
Выбранный исполнитель
nikapr321
22 годаРоссия
4 года в сервисе
Был
4 дня назад
3 года назад
$120
23 дня
Коротко: 1. Делает больше чем обещал 2. Мне очень понравилась адаптивная верстка, а так же то, что она была сделана без каких-либо усилий с моей стороны 3. Проект будет быстро сделан на 95%, после чего есть шанс наткнуться на проблему, с которой будете совместно очень долго мучаться. 4. Невысокая цена Подробно: 1. Задача состояла из двух проектов. Второй проект состоял из 4 форм, в основном шапка + таблица. Все было сделано достаточно быстро, после чего мы уткнулись в проблему полос прокрутки. Т.е. например - в форме небольшая шапка, и таблица на большую часть формы. Я открываю форму, вижу две вертикальные полосы прокрутки, одну в таблице, вторую в форме. Я говорю Саше, что мне нужна одна полоса прокрутки, а не две. Саша делает, присылает версию, я открываю в другом разрешении, и вижу что в таблице должна быть горизонтальная полоса прокрутки, а ее нет. И так мы мучались долго и упорно. Я, скрипя зубами, писал нарекания, Саша исправлял. В какой-то момент я вообще думал, что придется разрывать заказ, и искать другого исполнителя. Но в итоге Саша все исправил. 2. Далее случилось удивительное - выяснилось, что мне нужен адаптивный дизайн, Саша сказал, что этого не было в ТЗ, но все же сделал. После чего я офигел со знаком плюс. Я привык, что если я хочу получить что-то хорошее, то сначала я пишу километровое ТЗ, а потом километровые уточнения. В случае с Сашей, вся адаптивность, которую он сделал по своему усмотрению, мне понравилась с первого раза. Я до этого проекта не верил, что так бывает. 3. После этого я попросил Сашу переписать css, так чтобы выделить постоянные элементы в отдельные секции, пригодные для будущего использования, а не в составе форм. Саша переписал. После этого мне стало казаться, что все было не зря, и проект очень даже успешный. 4. Но случился четвертый акт истории. В первом проекте, который делал Саша, было несколько диалоговых окон, и шапка таблицы. Сама таблица была уже сделана до Саши, сделать нужно было только шапку. Диалоговые окна Саша сделал быстро и хорошо. А вот шапка... Логотип + 3 строки + маленькая пиктограмма в одной из строк. И эти 3 строки + логотип мы мучали где-то 3 недели, с перерывом на первый проект, вместо плановых нескольких дней. Постоянно что-то на что-то в каком-то разрешении налезало. В итоге сделали, программист натянул верстку, я попросил нескольких коллег посмотреть. И получил скриншот, сделанный на телефоне, где логотип налезал на таблицу, а 3-я строка шапки уходила под таблицу. Саша сказал, что видимо это программист, программист сказал что он ни при чем, а что сказал я - говорить не буду :). Воспроизвести ошибку у себя у Саши не получилось, и исправить ее он не смог. Я в очередной раз залез в верстку, посмотрел на пять уровней вложенных div & header, все со своими классами, отступами и media правилами, ужаснулся, закрыл верстку. У меня был выбор: 1) пинать Сашу, до тех пор пока он не исправит. Мне кажется, если бы я проявил настойчивость, то Саша бы додавил проект. 2) позвать другого верстальщика 3) попытаться сделать самому. Я выбрал 3-ий вариант, так как посчитал полезным для себя приобрести базовые навыки css. У меня получилось победить эти 3 строки + лого, написав нужную мне верстку с нуля. Проект закончился через 3.5 недели после старта, при плановом сроке то ли 3, то ли 4 дня. Отчасти еще сроки затянулись, потому что под конец Саша работал только поздно вечером и ночью, отчасти - время ушло на адаптивную верстку и меню, которое Саша добавил за небольшую плату. Но в основном мы мучали полосы прокрутки, и 3 строки в шапке. 5. И вот сейчас я сижу, и мучительно думаю, какой отзыв оставить. Хочу все же оставить положительный отзыв, так как: 1) проект был успешно завершен 2) мне понравился адаптив 3) я в Сашином возрасте был неспособным к созидательному труду раздолбаем, и Саша у меня вызывает уважение
Четкое ТЗ, всегда на связи, моментальная оплата! Рекомендую к сотрудничеству!
  • Похожие заказы
  • Абсолютно простой лендинг,  никакой анимации и сложных нюансов. [url=https://www.figma.com/file/214AFcxUny6EjPzHsn1zn2/Landing?node-id=0%3A1]https://www.figma.com/file/214AFcxUny6EjPzHsn1zn2/Landing?node-id=0%3A1 [/url]Нужна HTML верстка ПК, таблет и мобайл версий.

    HTML-верстка2 исполнителя
    Завершен
    3 года назад
  • Верстка готова, вуизуально нас все устраивает. Но нужно сделать адаптацию под моб. устройства, так чтобы сайт везде отображался одинокоаво. Оплата сдельно на карту. Начать работу можно сразу. Есть и другие правки по фронт и бэк-энд.

    HTML-верстка38 заявок
    Закрыт
    3 года назад
  • Сайт atrium.bz Шапка, меню и первый экран Скриншот [url=https://wssupport.ru/upload/external_images/a03/bf5c4a75b4.jpg]https://wssupport.ru/upload/external_images/a03/bf5c4a75b4.jpg[/url] Шапка и меню должны быть плавающими. 1. [url=https://wssupport.ru/upload/external_images/551/a53bf37679.jpg]Поиск[/url].  Функционал поиска оставляем тот же. Стили и внешний вид меняем под вид сайта, притом как строку поиска, так и выпадающий список [url=https://wssupport.ru/upload/external_images/201/2155025cc1.jpg]https://wssupport.ru/upload/external_images/201/2155025cc1.jpg[/url] 2. Как купить, Оплата, Доставка, ...

    HTML-верстка8 заявок
    Закрыт
    3 года назад
  • Здравствуйте! В поисках фрилансера.Внести правки верстки на сайт. Сейчас установлен древний flash баннер (слайдер и меню) и он разумеется в браузере не работает почти у всех. Нужно решить данный вопрос современными методами без flash. Сверстать что-то ...

    HTML-верстка16 заявок
    Закрыт
    3 года назад
  • Нужно копирнуть сайт https://www.bhp-chiptuning.com/ только главную, внутренние не нужно. Прислать в архиве, всё аккуратно чтобы было, разложено по папочкам, а не каша из файлов.

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • $100

    Нужно сверстать дизайн магазина, только верстка без натяжки. Сроки не горят, дизайн совсем не сложный. Без срыва сроков, например договариваемся на 7 или 10 дней, через это время у меня должна быть готовая верстка без ...

    HTML-верстка1 исполнитель
    Завершен
    3 года назад