Veterans' space "Brothers in Honor"

This project implements the following:
Landing page for a veteran organization
The website contains information about the organization "Veteran Reintegration Space 'Brothers of Honor'", its values, news, partners, projects, and contacts.

Responsive design
All styles (css/style.css and other CSS files) ensure correct display on various devices (desktop, tablet, mobile phones).

Multi-section structure
About us: description of the organization's mission and activities.

Values: block with key principles, each with an icon (css/values.css).

News: automatic loading of the latest posts from Facebook via Meta Graph API (js/API.js), with support for photo/video slider.

Partners: logos of partner organizations (section hidden by default via CSS).

Our projects: description and photos of main initiatives.

Contacts: phone, address, email, Facebook.

Automatic news loading from Facebook
Uses the fetchFacebookPosts function to retrieve posts via Facebook Graph API.

Display of photos/videos as a slider, with automatic slide scrolling.

API error handling.

Smooth section navigation
Smooth transition to sections when clicking menu items (js/script.js).

Considers header height for correct positioning.

SEO and Open Graph
Meta tags for search engines and social networks.

Structured data Schema.org for the organization.

Brand fonts
Connected font e-Ukraine (css/font.css).

Icons and graphics
SVG icons used for sections (e.g., emblem, value icons, contact icons).

No unnecessary elements on mobile
Some menu and navigation elements are hidden on small screens for user convenience.

Main files:
index.html — page structure

API.js — loading news from Facebook

script.js — smooth navigation

CSS files for each block:
style.css, header.css, about.css, values.css, news.css,
partners.css, projects.css, contacts.css, footer.css, font.css

The project is fully static
Does not use server-side logic but integrates with Facebook API for dynamic content.