Проект корректно отображается на экранах популярных размеров шириной страницы в 320, 768, 1024 и 1280 пикселей. Применена адаптивная верстка, в зависимости от размера экрана сайт и его содержимое становится то больше, то меньше. Реализовано плавное сжатие сайта. Используются flexbox, grid элементы, формы. Проект структурирован согласно методологии БЭМ nested. Все интерактивные элементы обладают состоянием наведения или фокуса. В проекте используется локально подключенный шрифт 'Inter' и 'Playfair Display'. В проект добавлен JavaScript.
Figma
Проект выполнен согласно дизайн-макета представленного в Фигме.
Картинки
Все картинки скопированы из дизайн-макета и оптимизированы.
Распределение блоков - Страница “Главная”
- Шапка - делает Александр Моругин;
- Блок “Интерактивные слайды о программах фонда” - делает Александр Моругин;
- Блок “Чем мы занимаемся?” - делает Георгий Диденко;
- Блок “Наши программы” - делает Георгий Диденко;
- Блок “Наши ценности” - делает Экрем Унгорен;
- Блок “Полезно” - делает Алишер Исаев;
- Блок “Наши друзья” - делает Александр Моругин;
- Блок “Блог” - делает Владислав Казарян;
- Блок “Подписка на рассылку” - делает Владислав Казарян;
- Блок “Нам доверяют” - делает Александр Моругин;
- Блок “Контакты” - делает Алишер Исаев;
- Блок “Форма пожертвования” - делает Георгий Диденко;
- Подвал - делает Александр Моругин;
Распределение блоков - Страница “Помочь фонду”
- Шапка - делает Александр Моругин;
- Блок “Форма пожертвования” - делает Георгий Диденко;
- Блок “Контакты” - делает Алишер Исаев;
- Блок “Статистика” (Наши ценности) - делает Экрем Унгорен;
- Блок “Как еще вы можете помочь” - делает Алишер Исаев;
- Блок “Форма обратной связи” - делает Владислав Казарян;
- Блок “Подписка на рассылку” - делает Владислав Казарян;
- Подвал - делает Александр Моругин;
Команда 4
Студенты "Яндекс Практикума"
- Георгий Диденко
- Экрем Унгорен
- Владислав Казарян
- Александр Моругин
- Алишер Исаев
октябрь 2022г.