СложныйФормыДоступностьИнтерактив

Оформление заказа

Сверстайте страницу оформления заказа

Бриф

Сверстайте страницу оформления заказа.

В интерфейсе должны присутствовать:

  • пошаговая навигация оформления заказа;
  • форма с контактными данными покупателя;
  • блок адреса доставки;
  • выбор способа доставки;
  • боковая панель с составом заказа и итоговой стоимостью;
  • кнопка перехода к следующему шагу.

Форма должна быть полностью семантической. Для каждого поля необходимо использовать элементы <label> и соответствующие элементы формы (<input>, <select>, <textarea>).

Необходимо также реализовать адаптивную версию страницы.

С помощью JavaScript реализуйте переключение между этапами оформления заказа. При переходе между вкладками должен отображаться соответствующий шаг формы без перезагрузки страницы.

Если возникнут трудности — задайте вопрос в нашем Telegram-чате.