whodef/bbbs

Командная работа над вёрсткой макетов для НКО “Старших Братьев и Старших Сестёр“. Яндекс.Практикум 🧑‍🎓

Проект "Старшие Братья и Старшие Сёстры"

Описание

Работа над вёрсткой макетов для НКО “Старших Братьев и Старших Сестёр“ на Яндекс.Практикум.

Стек технологий:

• HTML
  • Semantic Valid
• CSS
  • Adaptive Layout
• JavaScript
  • Vanilla JS

Дополнительно:

Figma

• Ссылка на макет в Figma - общий доступ
• Ссылка на макет в Figma - приватный доступ

Картинки

• Оптимизация картинок, чтобы сайт загружался быстрее.

Стандартизация

• Стандарты Яндекс.Практикума по оформлению HTML и CSS кода

Полезные ссылки

• Типограф
• CommitLint
• Can I use?
• Lottie

---

Ссылка на готовый проект Старшие Братья, Старшие Сёстры

---

Готовые страницы:

1. Главная
2. О проекте
3. Календарь
4. Личный кабинет

Также был (почти) сделан кастомный слайдер, функционал хедера.

Обратите внимание на реализацию блока "Оцените проведенное время". Он сделан через радиокнопки.

TODO:

1. Исправить вёрстку календаря,
2. Исправить Трейлер из UI-KIt,
3. Проверить адаптивное поведение всех страниц,
4. (По желанию) доверстать полностью весь макет сайта.