Przestrzeń weteranów "Bracia Honoru"
Ten projekt realizuje następujące zadania:
Strona lądowania dla organizacji weteranów
Strona zawiera informacje o organizacji „Weteraniczna przestrzeń reintegracji „Bracia Honoru””, jej wartości, wiadomości, partnerów, projekty i kontakty.
Responsywny design
Wszystkie style (css/style.css i inne pliki CSS) zapewniają poprawne wyświetlanie na różnych urządzeniach (desktop, tablet, telefony komórkowe).
Struktura wielosekcyjna
O nas: opis misji i działalności organizacji.
Wartości: blok z kluczowymi zasadami, każdy z ikoną (css/values.css).
Wiadomości: automatyczne ładowanie najnowszych wpisów z Facebooka przez Meta Graph API (js/API.js), z obsługą slidera zdjęć/wideo.
Partnerzy: logotypy organizacji partnerskich (sekcja ukryta domyślnie przez CSS).
Nasze projekty: opis i zdjęcia głównych inicjatyw.
Kontakty: telefon, adres, email, Facebook.
Automatyczne ładowanie wiadomości z Facebooka
Używana jest funkcja fetchFacebookPosts do pobierania wpisów przez Facebook Graph API.
Wyświetlanie zdjęć/wideo w formie slidera, automatyczne przewijanie slajdów.
Obsługa błędów API.
Płynna nawigacja po sekcjach
Płynne przejście do sekcji po kliknięciu na punkty menu (js/script.js).
Uwzględniana jest wysokość nagłówka dla poprawnego pozycjonowania.
SEO i Open Graph
Meta-tagi dla wyszukiwarek i mediów społecznościowych.
Strukturalizowane dane Schema.org dla organizacji.
Firmowe czcionki
Podłączona czcionka e-Ukraine (css/font.css).
Ikony i grafika
Użyto ikon SVG dla sekcji (np. herb, ikony wartości, kontaktów).
Brak zbędnych elementów na urządzeniach mobilnych
Niektóre elementy menu i nawigacji ukryte na małych ekranach dla wygody użytkownika.
Główne pliki:
index.html — struktura strony
API.js — ładowanie wiadomości z Facebooka
script.js — płynna nawigacja
Pliki CSS dla każdego bloku:
style.css, header.css, about.css, values.css, news.css,
partners.css, projects.css, contacts.css, footer.css, font.css
Projekt jest w pełni statyczny
Nie korzysta z logiki serwerowej, ale integruje się z Facebook API dla dynamicznej treści.
Strona lądowania dla organizacji weteranów
Strona zawiera informacje o organizacji „Weteraniczna przestrzeń reintegracji „Bracia Honoru””, jej wartości, wiadomości, partnerów, projekty i kontakty.
Responsywny design
Wszystkie style (css/style.css i inne pliki CSS) zapewniają poprawne wyświetlanie na różnych urządzeniach (desktop, tablet, telefony komórkowe).
Struktura wielosekcyjna
O nas: opis misji i działalności organizacji.
Wartości: blok z kluczowymi zasadami, każdy z ikoną (css/values.css).
Wiadomości: automatyczne ładowanie najnowszych wpisów z Facebooka przez Meta Graph API (js/API.js), z obsługą slidera zdjęć/wideo.
Partnerzy: logotypy organizacji partnerskich (sekcja ukryta domyślnie przez CSS).
Nasze projekty: opis i zdjęcia głównych inicjatyw.
Kontakty: telefon, adres, email, Facebook.
Automatyczne ładowanie wiadomości z Facebooka
Używana jest funkcja fetchFacebookPosts do pobierania wpisów przez Facebook Graph API.
Wyświetlanie zdjęć/wideo w formie slidera, automatyczne przewijanie slajdów.
Obsługa błędów API.
Płynna nawigacja po sekcjach
Płynne przejście do sekcji po kliknięciu na punkty menu (js/script.js).
Uwzględniana jest wysokość nagłówka dla poprawnego pozycjonowania.
SEO i Open Graph
Meta-tagi dla wyszukiwarek i mediów społecznościowych.
Strukturalizowane dane Schema.org dla organizacji.
Firmowe czcionki
Podłączona czcionka e-Ukraine (css/font.css).
Ikony i grafika
Użyto ikon SVG dla sekcji (np. herb, ikony wartości, kontaktów).
Brak zbędnych elementów na urządzeniach mobilnych
Niektóre elementy menu i nawigacji ukryte na małych ekranach dla wygody użytkownika.
Główne pliki:
index.html — struktura strony
API.js — ładowanie wiadomości z Facebooka
script.js — płynna nawigacja
Pliki CSS dla każdego bloku:
style.css, header.css, about.css, values.css, news.css,
partners.css, projects.css, contacts.css, footer.css, font.css
Projekt jest w pełni statyczny
Nie korzysta z logiki serwerowej, ale integruje się z Facebook API dla dynamicznej treści.