Привет! Это наш проект, созданный с 0 на HTML+CSS (flex+grid+JS+немного фантазии). Особенность данного проекта - сверстать его нужно было без макета в Figma, используя только референс в png. Большое спасибо за внимание!
- Ссылка на сайт
- Описание
- Вайб и постирония
- Наша МЕЧТА
Ссылка на сайт
Описание
Этот проект - мечта... Мечта о том, куда бы мы все рванули, если бы могли и действительно искренне этого захотели)) Он сделан по макету в .png, сайт полностью адаптивен на разрешениях до 320px и даже ниже, выглядит хорошо на самых распространённых разрешениях экранов. Этот проект достаточно сложный, для верстки пришлось изрядно попотеть с гридом и флексом.
Вайб и постирония
Надеюсь, что мы правильно поняли посыл данного сайта (на это указывают и текст, и последняя цитата, и футер сайта с ссылкой на 2020 год - время расцвета COVID и отмены многих планов на путешествия и туристические поездки в другие страны). В связи с этим мы решили добавить немного от себя:
- Переходы по якорным ссылкам - так, как мы увидили путь Мечты -> Ожидания -> Реальность в рамках данного задания.
- Добавили бургер-меню по ролику (* взяли идею здесь).
- Добавили попапчик для взаимодействия - по нажатию на "Пожаловаться". Надеюсь жаловаться никто не будет))
- Мы не являемся большими поклонниками концепции Pixel Perfect. Дизайнер не всегда прав, вдохновились * здесь.
Наша МЕЧТА
Очень хотим победить в конкурсе!) Удачи всем участникам!
https://shkundinmihail.github.io/where-will-i-go-right-away/