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

Макет в Figma

Этапы выполнения задания

Неделя 1: Фиксированная верстка страниц desktop_petstory и desktop_donate.

  • на данном этапе вам предстоит создать фиксированную верстку двух страниц. При фиксированной верстке страницы выглядят одинаково при ширине окна в 1600px. Именно на такой ширине и проводим проверку.

Неделя 2: Добавление адаптивности верстки.

  • на этом этапе вам предстоит адаптировать согласно макету ранее созданные страницы под различную ширину окна от максимальной до 320px включительно. При этом нужно будет адаптировать и декоративные элементы.

Неделя 3: Добавление дополнительного функционала.

  • на этом этапе на ранее сверстанные страницы добавляется дополнительный функционал: меню, слайдер, пагинация, попап.