Codestin Search App

І хоч на вулиці мороз, та настрій уже квітковий. З приходом весни все сильнішим стає бажання розвиватися, дізнаватися щось нове, пододорожувати, адже це можливість пізнавати себе, знімати стрес, знаходити нові навички, знайомитися з новими людьми і культурами...

Вам пропонується зробити макет сторінки пошуку маршрутів між двома містами відповідно до поданого зразка.

Вимоги

Інтерактивні елементи реагують на дії користувача.
При введенні тексту в поля точок відправлення та прибуття відображається список-підказка можливих значень.
Доступних значень може бути довільна кількість. Жодних прикладів чи додаткових вимог не передбачається.
При введенні дати відображається календар, який дозволяє обрати відповідну дати з певного періоду.
Виконується перевірка коректного заповнення всіх полів. Форма не відправляється, якщо хоча б одне поле не заповнене.

Також звертається увага на

семантику розмітки, якість коду;
наявність анімації взаємодій з користувачем;
доступність на мобільних пристроях.

Aбсолютно точне відображення тіней, розмірів, відступів не є вимогою; достатньо приблизних значень.

Демонстрація взаємодії зі сторінкою

Додаткові дані

Основний колір: #4facfe
Вторинний колір: #00f2fe
Список стандартних системних шрифтів:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif
Точка розриву мобільного й основного макету — 480px

Фонове зображення

Приклад

Вимоги

Також звертається увага на

Демонстрація

Додаткові дані