Коллекция природных артефактов – интерактивный лендинг
Адаптивный промо-сайт, созданный для презентации цифровой коллекции природных артефактов. Проект сочетает элегантную типографику, современные приемы верстки и интерактивные слайдеры на Swiper.js, создавая захватывающий и визуально привлекательный опыт просмотра.
Что реализовано:
Чистую 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 для кнопок, ссылок и инпутов.
Что реализовано:
Чистую 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 для кнопок, ссылок и инпутов.