Зверстати форму по дизайну
124 PLNЗверстати та стилізувати форму перевірки статусу замовлення згідно з дизайном у Фігма: 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 не лаялись.
- Без логіки. Скрипт обробки форми вже є.
Opinia zleceniodawcy o współpracy z Mykola Matsko
Зверстати форму по дизайнуWszystko odbywa się zgodnie z wymaganiami. Dziękuję za współpracę.
Opinia freelancera o współpracy z Vlad Duma
Зверстати форму по дизайнуBardzo miło było pracować. wyraźnie ustawione tz, niewielkie kierunki punktowe w pracy, przyjemna komunikacja. Mam nadzieję na dalszą współpracę.
-
макет топ)
-
переключити з обгортки в мокап не пробували?) а взагалі шкода, що забули поставити read only. пішла вакханалія
-
🤷♂️ вже полагодили.
Сподіваюсь за бутером всі встигли )
-
Да да, я)
-
Так нічого не змінилось)
-
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Przeniesienie projektu na WordPress
166 PLN
Dzień dobry! Należy przenieść gotowy design jednokolumnowego landing page'a na WordPress. Makieta jest całkowicie gotowa (Figma), nie trzeba opracowywać projektu. Należy jakościowo zrealizować stronę, dostosować ją do urządzeń mobilnych i skonfigurować na WordPress. Proszę w… Układ HTML i CSS ∙ 1 godzina 42 minuty temu ∙ 55 ofert |
Wyprowadzić posty z Instagrama na stronę (OpenCart)
58 PLN
Witam. Trzeba skonfigurować funkcjonalność, aby na stronie (OpenCart) wyświetlał się blok z postami z Instagrama. Proszę o kontakt tych, którzy to robili i wiedzą jak :) Dziękuję :) Co do ceny, dogadamy się, nie wiem ile to kosztuje. Układ HTML i CSS, Programowanie stron internetowych ∙ 5 godzin 19 minut temu ∙ 38 ofert |
Landing page dla szkoły angielskiego
1117 PLN
Szukamy projektanta + dewelopera landing page (Wix / WordPress / Weblium) Cześć! Szukamy wykonawcy do zaprojektowania i stworzenia landing page dla kursu języka angielskiego. Co jest potrzebne: — projekt i wykonanie landing page na 12 bloków; — dwie strony płatności:… Układ HTML i CSS, Projektowanie interfejsów użytkownika (UI/UX) ∙ 7 godzin 47 minut temu ∙ 99 ofert |
Wykonanie szablonu komponentu React/Tailwind do druku formularza A4Potrzebna jest poprawa projektu UI/UX oraz geometrii jednego komponentu React (szablon karty klinicznej do druku w PDF) Cała funkcjonalność, tablice danych i logika są już napisane i działają — potrzebne są tylko kosmetyczne zmiany, poprawne odstępy i pozycjonowanie elementów… Układ HTML i CSS, Javascript & Typescript ∙ 8 godzin 53 minuty temu ∙ 49 ofert |
Responsywne kodowanie strony z animacjąTrzeba stworzyć stronę internetową według gotowego projektu z Figma. Panel administracyjny strony - Laravel - viar-art.pl Strona powinna być nowoczesna, responsywna, szybka i wygodna dla użytkownika. Kodowanie powinno dokładnie odpowiadać makietom, poprawnie wyświetlać się na… Układ HTML i CSS, Kompleksowe prace nad stroną internetową ∙ 20 godzin 14 minut temu ∙ 86 ofert |
Kijów