Зверстати форму по дизайну
1500 UAHЗверстати та стилізувати форму перевірки статусу замовлення згідно з дизайном у Фігма: https://www.figma.com/file/eQqN8jW9ZmTVOVeNEbeYAU/Order-Track-for-Vlad?node-id=0%3A1&t=lpzMVFkiq5iopxFo-1
Дизайн є у двох версіях, для десктопу та для моб девайсів.
Треба зверстати адаптивно для дефолтних bootstrap брейкпоінтів (576, 768, 992, 1200, 1400).
Також, зробити анімацію руху синьої смуги між "етапами" замовлення. Етап на якому анімація має завершитись - має завдаватись CSS класом.
Кожний етап може мати три статуси "не розпочато" (сірий кружок), "в процесі" (синій кружок) та "виконано" (синя галочка). Статус має задаватись класом для кожного етапу окремо.
Статус замовлення (блок з Order #....) має бути в окремому елементі, тому що він буде додаватися скриптом після обробки форми.
Теж саме для відображення похибок - мають бути в окремих елементах.
На виході треба:
- HTML файл з версткою та стилями у <style> тегу. Якщо для демонстрації проєкту потрібні допоміжні файли (reset.css, bootstrap breakpoints тощо) - можна додати окремими файлами.
- Чистий CSS та HTML, без препроцесорів та шаблонізаторів.
- Всі кольори мають бути легко сконфігуровані, тому краще зробити як CSS variables.
- Семантична верстка (треба урахувати що ця форма буде вбудовуватись в сторінки існуючих сайтів, наприклад не використовувати <h1> )
- Зрозумілі та логічні назви атрибутів англійською. По BEM або аналогічним методом
- WCAG - АА (https://accessibleweb.com/rating/aa/). Основна мета - щоб Lighthouse та wave.webaim.org не лаялись.
- Без логіки. Скрипт обробки форми вже є.
Отзыв заказчика о сотрудничестве с Миколой Мацко
Зверстати форму по дизайнуВсе выполнено по требованиям. Спасибо за сотрудничество.
Отзыв фрилансера о сотрудничестве с Владом Думой
Зверстати форму по дизайнуОчень приятно было работать. четко поставленный тз, незначительные точные направления по делу, приятное общение. Надеюсь на дальнейшее сотрудничество.
-
макет топ)
-
переключити з обгортки в мокап не пробували?) а взагалі шкода, що забули поставити read only. пішла вакханалія
-
🤷♂️ вже полагодили.
Сподіваюсь за бутером всі встигли )
-
Да да, я)
-
Так нічого не змінилось)
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Вебфлоу разработчик для заполнения страниц портфолио на сайтеСайт разработан кастомно на Webflow для строительной компании, нужно быстро заполнить страницы проектов по одному шаблону (заменить картинки и тексты) Для 2 языков Количество - 6 штук Готовы начинать как можно скорее, спасибо! HTML и CSS верстка, Веб-программирование ∙ 1 день 14 часов назад ∙ 41 ставка |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОписание проекта: Ищем опытного WordPress-разработчика для верстки и посадки готового дизайн-макета из Figma на CMS WordPress. Важный контекст проекта: Это не разработка сайта с нуля. Компания имеет действующий сайт, мы обновляем структуру и дизайн. Нам необходимо реализовать… HTML и CSS верстка, Веб-программирование ∙ 1 день 19 часов назад ∙ 69 ставок |
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 2 дня 15 часов назад ∙ 37 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 3 дня 16 часов назад ∙ 44 ставки |
Sandra Ice Cream - Kaleidoscop
4132 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 3 дня 17 часов назад ∙ 7 ставок |
Киев