Headphones - website visit
This site is implemented as an individual project.
- a responsive-gum layer that is adjusted to any size of the screen, from the smallest to the largest;
- performed import of SVG images, from the online service;
Connecting external fonts through Google Fonts.
Create CSS variables for easy editing of colors, fonts, etc. with a greater need;
- such buttons, "learn more" or "add to the basket" are displayed only as part of the interface and do not perform any other function than the decorative element.
It is worth paying attention to the animations used in the project, which respond to the page breakdown and unforcedly animate those or other objects. This task was implemented using the ScrollReveal JavaScript library.
At the hole in the project JavaScript was used minimally, to implement the mobile menu, tracking the page and the corresponding connection of the library for animation.
- a responsive-gum layer that is adjusted to any size of the screen, from the smallest to the largest;
- performed import of SVG images, from the online service;
Connecting external fonts through Google Fonts.
Create CSS variables for easy editing of colors, fonts, etc. with a greater need;
- such buttons, "learn more" or "add to the basket" are displayed only as part of the interface and do not perform any other function than the decorative element.
It is worth paying attention to the animations used in the project, which respond to the page breakdown and unforcedly animate those or other objects. This task was implemented using the ScrollReveal JavaScript library.
At the hole in the project JavaScript was used minimally, to implement the mobile menu, tracking the page and the corresponding connection of the library for animation.