Kolekcja naturalnych artefaktów – interaktywny landing
Adaptacyjna strona promocyjna, stworzona w celu prezentacji cyfrowej kolekcji naturalnych artefaktów. Projekt łączy elegancką typografię, nowoczesne techniki układania oraz interaktywne slidery na Swiper.js, tworząc fascynujące i wizualnie atrakcyjne doświadczenie przeglądania.
Co zostało zrealizowane:
Czysta struktura HTML5 z metodologią BEM dla skalowalnego kodu.
Adaptacyjny układ oparty na Flexbox i zapytaniach medialnych.
Integracja Swiper.js;
Stany hover, focus, disabled dla wygody i dostępności.
System typografii na Google Fonts;
Płynne animacje (all 0.2s ease) dla interaktywnych elementów.
Technologie:
HTML5
CSS3 (Flexbox, Media Queries)
JavaScript (ES6)
Swiper.js
Ikony SVG
Metodologia BEM
Kluczowe funkcje:
W pełni adaptacyjny design (desktop → tablet → mobilny).
Interaktywny slider Swiper.js z własnymi przyciskami i paginacją.
Formularz zwrotnego kontaktu.
Dostosowane stany hover, focus, active dla przycisków, linków i inputów.
Co zostało zrealizowane:
Czysta struktura HTML5 z metodologią BEM dla skalowalnego kodu.
Adaptacyjny układ oparty na Flexbox i zapytaniach medialnych.
Integracja Swiper.js;
Stany hover, focus, disabled dla wygody i dostępności.
System typografii na Google Fonts;
Płynne animacje (all 0.2s ease) dla interaktywnych elementów.
Technologie:
HTML5
CSS3 (Flexbox, Media Queries)
JavaScript (ES6)
Swiper.js
Ikony SVG
Metodologia BEM
Kluczowe funkcje:
W pełni adaptacyjny design (desktop → tablet → mobilny).
Interaktywny slider Swiper.js z własnymi przyciskami i paginacją.
Formularz zwrotnego kontaktu.
Dostosowane stany hover, focus, active dla przycisków, linków i inputów.