Некоммерческая работа выполненая в команде. Одна из страниц сайта для театра "Любимовка". На выполненной странице предсталены блоки со спекталями, информацией о театре, а также header и footer, подразумевающие навигацию по полному сайту.
Блоки написанные лично мной:
- afisha-perfomance
- cooperation
- gallery
- youtube-button
- popup
- popup-image
- popup-perfomance
После окончания командной работы я дорабатывала и улучшала сайт самостоятельно. Добавила и продолжаю добавлять интерактивность и писать код на Java Script
(https://www.figma.com/file/sPmrkcsXbuuHC24zIRktfJ/lubimovka-(pr.page)?node-id=0%3A1) (https://www.figma.com/proto/zpyHTGb3aKiAbpJJoIVqQ2/lubimovka?page-id=822%3A11417&node-id=826%3A12120&viewport=11728%2C2764%2C1.1076146364212036&scaling=min-zoom&starting-point-node-id=859%3A13873&hide-ui=1)
Из-за отсутвия промежуточного макета между двумя размерами экранов(1440px и 414px), пришлось придумывать размещение блоков самостоятельно. Также без графического макетa выполнены все popup и некоторые интерактивные элементы.
Код написан в программе VisualStudioCode
Файловая структура проекта сделана с приминением Nested БЭМ
Проект в гитхабе [https://inallsenses.github.io/lyubimovka/]
- Улучшить некоторые блоки в точках излома
- Сделать галлерею интерактивной, добавить:
- Открывание фотографий по клику
- Пролистывание галереи вправо и влево
- Сделать кнопку выхода из галереи
- Добавить блок с видео
- Доработать все кнопки на странице
- Сделать заливку по направлению стрелки
- Сделать кнопки активными и открывающими соответствующие блоки
- Сделать форму которая будет:
- Принимать информацию о пользователе, который хочет оставить заявку
- Будет сохранять и отправлять данные в бек
- Изменить текстовую информацию с технической на реальную