Колекція природних артефактів інтерактивний лендінг

Адаптивний промо-сайт, створений для презентації цифрової колекції природних артефактів. Проєкт поєднує елегантну типографіку, сучасні прийоми верстки та інтерактивні слайдери на Swiper.js, створюючи захоплюючий та візуально привабливий досвід перегляду.

Посилання:

https://ddianaua.github.io/Collection-of-natural-artifacts/

Що реалізовано:
Чисту HTML5-структуру з методологією BEM для масштабованого коду.
Адаптивну верстку на основі Flexbox та медіа-запитів.
Інтеграцію Swiper.js;
Стани hover, focus, disabled для зручності та доступності.
Система типографіки на Google Fonts;
Плавні анімації (all 0.2s ease) для інтерактивних елементів.

Технології:
HTML5
CSS3 (Flexbox, Media Queries)
JavaScript (ES6)
Swiper.js
SVG-іконки
Методологія БEM

Ключові фічі:
Повністю адаптивний дизайн (десктоп → планшет → мобільний).
Інтерактивний слайдер Swiper.js з власними кнопками й пагінацією.
Форма зворотного зв’язку.
Кастомні стани hover, focus, active для кнопок, посилань і інпутів.