Ветеранський простір "Побратими честі"

Цей проєкт реалізує наступне:
Лендинг-сторінка для ветеранської організації
Сайт містить інформацію про організацію «Ветеранський простір реінтеграції "Брати Честі"», її цінності, новини, партнерів, проєкти та контакти.

Адаптивний дизайн
Усі стилі (css/style.css та інші CSS-файли) забезпечують коректне відображення на різних пристроях (десктоп, планшет, мобільні телефони).

Багатосекційна структура
Про нас: опис місії та діяльності організації.

Цінності: блок з ключовими принципами, кожен з іконкою (css/values.css).

Новини: автоматичне завантаження останніх дописів з Facebook через Meta Graph API (js/API.js), з підтримкою слайдера фото/відео.

Партнери: логотипи партнерських організацій (секція прихована за замовчуванням через CSS).

Наші проєкти: опис та фото основних ініціатив.

Контакти: телефон, адреса, email, Facebook.

Автоматичне завантаження новин із Facebook
Використовується функція fetchFacebookPosts для отримання дописів через Facebook Graph API.

Відображення фото/відео у вигляді слайдера, автоматичне прокручування слайдів.

Обробка помилок API.

Плавна навігація по секціях
Плавний перехід до секцій при натисканні на пункти меню (js/script.js).

Враховується висота хедера для правильного позиціонування.

SEO та Open Graph
Мета-теги для пошукових систем і соціальних мереж.

Структуровані дані Schema.org для організації.

Фірмові шрифти
Підключено шрифт e-Ukraine (css/font.css).

Іконки та графіка
Використано SVG-іконки для секцій (наприклад, герб, іконки цінностей, контактів).

Відсутність зайвих елементів на мобільних
Деякі елементи меню та навігації приховані на малих екранах для зручності користувача.

Основні файли:
index.html — структура сторінки

API.js — завантаження новин із Facebook

script.js — плавна навігація

CSS-файли для кожного блоку:

style.css, header.css, about.css, values.css, news.css,

partners.css, projects.css, contacts.css, footer.css, font.css

Проєкт повністю статичний
Не використовує серверну логіку, але інтегрується з Facebook API для динамічного контенту.