Задание на верстку состоит из двух частей.
- Верстка. Мы хотим посмотреть на сколько хорошо ты знаешь с HTML и CSS.
- Кодинг. Задание на знание Java Script.
Допускается частичное выполнение задания.
Задание должно быть представлена или на порталах CodePen / Codesandbox, или ссылкой на задеплоенную страницу в GitHub Pages (https://pages.github.com)
1. Необходимо сверстать страницу по макету.
Макет Figma: https://www.figma.com/file/Fh7IP7XGqOLcmaHiJq64Nw/Xsolla-Summer-School-2020-Frontend?node-id=0%3A1
В качестве шрифта использовать Arial.
На странице представлена информация о концертах. На ней есть поиск - select элементы и карточки с событиями. Макет сделан для desktop экранов. При изменении ширины экрана элементы должны пропорционально уменьшаться.
Дополнительное задание:
- предусмотреть версию для мобильных и планшетов.
2. При помощи Java Script вывести информацию о событиях в карточки страница из части 1
Данными находится в файле events.json данного репозитория. По умолчанию в полях поисках проставлены значения All. А на странице выведены карточки со всеми событиями.
Реализовать выборку событий:
- по странам
- по месяцам (все события представлены за 2019 год, поиск осуществлять только по месяцам)