Collection of natural artifacts – interactive landing
Adaptive promotional website created for presenting a digital collection of natural artifacts. The project combines elegant typography, modern layout techniques, and interactive sliders using Swiper.js, creating an engaging and visually appealing browsing experience.
What has been implemented:
A clean HTML5 structure with BEM methodology for scalable code.
Responsive layout based on Flexbox and media queries.
Integration of Swiper.js;
Hover, focus, and disabled states for convenience and accessibility.
Typography system using Google Fonts;
Smooth animations (all 0.2s ease) for interactive elements.
Technologies:
HTML5
CSS3 (Flexbox, Media Queries)
JavaScript (ES6)
Swiper.js
SVG icons
BEM methodology
Key features:
Fully responsive design (desktop → tablet → mobile).
Interactive Swiper.js slider with custom buttons and pagination.
Feedback form.
Custom hover, focus, and active states for buttons, links, and inputs.
What has been implemented:
A clean HTML5 structure with BEM methodology for scalable code.
Responsive layout based on Flexbox and media queries.
Integration of Swiper.js;
Hover, focus, and disabled states for convenience and accessibility.
Typography system using Google Fonts;
Smooth animations (all 0.2s ease) for interactive elements.
Technologies:
HTML5
CSS3 (Flexbox, Media Queries)
JavaScript (ES6)
Swiper.js
SVG icons
BEM methodology
Key features:
Fully responsive design (desktop → tablet → mobile).
Interactive Swiper.js slider with custom buttons and pagination.
Feedback form.
Custom hover, focus, and active states for buttons, links, and inputs.